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



/* 남색 */					.btn .btnDef {background-color:#303b64 !important;border-color:#303b64 !important;color:#fff !important;}
/* 하늘색 */				.btn .btnPoint {background-color:#4492e3 !important;border-color:#4492e3 !important;color:#fff !important;}
/* 핑크 */				.btn .btnHPink {background-color:#de396d !important;border-color:#de396d !important;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#8f97a8 !important;border-color:#8f97a8 !important;color:#fff !important;}
/* 빨강 */					.btn .btnRed {background-color:#ff1c1c!important;border-color:#8f97a8 !important;color:#fff !important;}

/* border+남색 */		.btn .btnBdDef {background-color:#fff !important;border-color:#303b64 !important;color:#303b64 !important;}
/* border+하늘색 */	.btn .btnBdPoint {background-color:#fff !important;border-color:#4492e3 !important;color:#4492e3 !important;}
/* border+회색 */		.btn .btnBdGrey {background-color:#fff !important;border-color:#8f97a8 !important;color:#8f97a8 !important;}

.agreeCon::-webkit-scrollbar,
.scrollArea::-webkit-scrollbar {-webkit-appearance: none; width:8px;height: 8px;background-color: #e9e9e9;}
.agreeCon::-webkit-scrollbar-track,
.scrollArea::-webkit-scrollbar-track {background-color: #d6d6d6;}
.agreeCon::-webkit-scrollbar-thumb,
.scrollArea::-webkit-scrollbar-thumb {background-color: #63697f;}

.btn a,
.btn > span,
.btn input,
.btn button {border-radius: 3px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

input[type=text],
input[type=password],
input[type=number],
select {border-radius: 3px;}

table.inputTbl > * > tr > th {font-family: 'Pretendard-Bold', 'NotoSansKR Medium', sans-serif;}


div.diabetesIntro {position: relative;}
div.diabetesIntro h1 {position: absolute;left: 50%;transform:translateX(-50%);}

ul.introMenu, ul.introMenu li {margin: 0;padding: 0;list-style:none;}
ul.introMenu {background-position: center top;background-repeat: no-repeat;}
ul.introMenu a {display: block;}

div.footer {text-align: center;color: #383838;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;}
div.footer li {position: relative;display: inline-block;vertical-align: top;}
div.footer li:first-child:after {display: inline-block;vertical-align: top;padding: 0 5px;content: "|";}

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

div.diabetesIntro h1 {top: 15px;width: 118px;}
div.diabetesIntro img {display: block;width: 100%;}

ul.introMenu {background-image: url('/image/common/introBg_m.png');background-size: 100%;}

div.footer {padding: 15px;font-size: 10px;line-height: 14px;}
}


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

div.diabetesIntro h1 {top: 45px;width: 205px;height: 77px;background: url('/image/common/intro_logo.png') center center no-repeat;}

ul.introMenu {height: 850px;background-image: url('/image/common/introBg.png');}
ul.introMenu.general {background-image: url('/image/common/introBg_general.png');}
ul.introMenu.doctor {background-image: url('/image/common/introBg_doctor.png');}

ul.introMenu li {float: left;width: 50%;height: 850px;padding-top: 230px;box-sizing:border-box;}
ul.introMenu a {display: block;width: 430px;height: 457px;margin: 0 auto;background: url('/image/common/intro_doctor.png') center center no-repeat;}
ul.introMenu li:first-child a {background-image: url('/image/common/intro_general.png');}

div.footer {padding: 30px 0;font-size: 15px;line-height: 20px;}
}




div.wrapper {position: relative;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

div#headerWrap h1, div#headerWrap h1 a {margin: 0;padding: 0;text-decoration: none;}
ul.headerMenu, ul.headerMenu li, ul.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;}
div#headerWrap h1 {height: 60px;padding:0 60px;}
div#headerWrap h1 a {display: block;padding: 11px 0;}
div#headerWrap h1 img {display: block;height: 37px;margin: 0 auto;}

ul.headerMenu li {position: absolute;top: 0;width: 60px;height: 60px;}
ul.headerMenu a {display: block;height: 60px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;background-size: 60px;}
ul.headerMenu .viewMenu {left: 0;}
ul.headerMenu .viewMenu a {background-image: url('/image/common/header_menuView_m.png');}
ul.headerMenu .search {right: 0;}
ul.headerMenu .search a {background-image: url('/image/common/header_search_m.png');}
ul.headerMenu .search a.view {background-image: url('/image/common/header_close_m.png');}
}


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

div#headerWrap {z-index: 100;position: relative;border-top: 40px solid #f6f6f6;border-bottom: 1px solid #d1d9ea;margin: 0 auto;background-color: #fff;}
div#headerWrap h1 {z-index: 50;position: absolute;left: 50%;top: 16px;width: 136px;height: 51px;margin-left: -650px;}
div#headerWrap h1 a {display: block;height: 51px;background: url('/image/common/header_logo.png') 0 0 no-repeat;}
div#headerWrap h1 img {display: none;}

ul.headerMenu {display: none;}

}



/* GNB */
ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

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


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul#gnb {width: 1300px;margin: 0 auto;height: 85px;padding: 0 290px 0 160px;box-sizing:border-box;}
ul#gnb > li {position: relative;float: left;width: 20%;}
ul#gnb > li > a {display: block;color: #000;font-size: 20px;line-height: 85px;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;text-align: center;}
ul#gnb > li.on > a {color: #1f59dc;}

ul#gnb ul {z-index: 50;display: none;position: absolute;left: 0;top: 72px;width: 100%;padding:5px 0 20px;background-color: #313d5a;box-sizing:border-box;}
ul#gnb ul li {padding-top: 15px;}
ul#gnb ul a {display: block;padding: 0 15px;color: #fff;font-size: 16px;line-height: 20px;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;text-align: left;}
ul#gnb ul a:hover {color: #fff587;text-decoration: underline;}

}



/* Header 메뉴 */
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;left: 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% - 60px);content: "";background-color: #ecf0f9;}

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/common/gnb_close_m.png') center center no-repeat;background-size: 20px;}

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: 75px;width: 100%;height: 75px;background-color: #353757;}
ul.memberMenu li {position: relative;float: left;width: 33.3%;}
ul.memberMenu li:before {position: absolute;left: 0;top: 25px;width: 1px;height: 45px;content: "";background-color: #fff;opacity: .2;}
ul.memberMenu > li:first-child:before {display: none;}
ul.memberMenu li.allMenu {display: none;}
ul.memberMenu a {display: block;padding: 10px 0 9px;text-align: center;color: #fff;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
ul.memberMenu img {display: block;height: 26px;margin: 0 auto 10px;}

ul.relSite {position: absolute;left: 0;bottom: 0;width: 100%;padding: 15px;text-align: right;font-size: 0;line-height: 0;box-sizing:border-box;background-color: #fff;}
ul.relSite li {display: inline-block;vertical-align: top;padding-left: 5px;}
ul.relSite li:first-child {padding-left: 0;}
ul.relSite a {display: table-cell;width: 43px;height: 43px;padding: 0 5px;border-width: 1px;border-style: solid;text-align: center;vertical-align: middle;font-size: 11px;line-height: 16px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;letter-spacing:-1px;word-break:keep-all;}
ul.relSite li:nth-child(1) a {border-color: #e4a42d;color: #e4a42d;}
ul.relSite li:nth-child(2) a {border-color: #5cb257;color: #5cb257;word-break:break-all;}
ul.relSite li:nth-child(3) a {border-color: #846d67;color: #846d67;}


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: '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;}



ul.joinMenu,
div.gnbSearch {display: none;}

div.gnbSearch {z-index: 80;position: absolute;left: 0;top: 60px;width: 100%;height: 51px;padding:5px 50px 5px 0;background-color: #ecf0f9;box-sizing:border-box;}
div.gnbSearch input[type=text] {display: block;width: 100%;height: 41px;padding: 0 15px;border-radius: 0;border: 0 none;background-color: transparent;box-sizing:border-box;font-size: 16px;}
div.gnbSearch input[type=submit] {position: absolute;right: 0;top: 0;width: 50px;height: 100%;color: rgba(255,255,255,0);border: 0 none;background: url('/image/common/searchBtn_m.png') center center no-repeat;background-size: 24px;}
}


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

ul.memberMenu {position: absolute;left: 50%;top: 0;height: 85px;width: 300px;margin-left: 350px;padding:23px 94px 22px 0;box-sizing:border-box;}
ul.memberMenu li {float: right;margin-right: 10px;}
ul.memberMenu li.search {display: none;}
ul.memberMenu a {display: block;min-width: 75px;padding:0 15px;border-radius: 5px;font-size: 17px;line-height: 38px;color: #fff;background-color: #536fb5;box-sizing:border-box;text-align: center;}
ul.memberMenu li:first-child a {background-color: #d56262;}
ul.memberMenu img {display: none;}
ul.memberMenu li.allMenu {position: absolute;right: 0;top: 0;width: 85px;height: 85px;margin: 0;}
ul.memberMenu li.allMenu a {height: 85px;border-radius: 0;font-size: 0;line-height: 0;background: #ecf0f9 url('/image/common/allMenu_view.png') center center no-repeat;}

ul.relSite {position: absolute;left: 50%;top: -40px;height: 40px;margin-left: -650px;}
ul.relSite > li {float: left;margin-left: 1px;}
ul.relSite > li:first-child {margin-left: 0;}
ul.relSite a {display: block;padding: 0 60px 0 20px;color: #fff;font-size: 14px;line-height: 40px;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;background: url('/image/common/header_goto.png') right center no-repeat;}
ul.relSite li:nth-child(1) a {background-color: #e4a42d;}
ul.relSite li:nth-child(2) a {background-color: #5cb257;}
ul.relSite li:nth-child(3) a {background-color: #846d67;}

ul.joinMenu {position: absolute;left: 50%;top: -40px;height: 40px;width: 650px;padding-right: 240px;box-sizing:border-box;text-align: right;font-size: 0;line-height: 0;}
ul.joinMenu li {position: relative;display: inline-block;vertical-align: top;padding:0 18px 0 19px;}
ul.joinMenu li:before {position: absolute;left: 0;top: 50%;width: 2px;height: 10px;margin-top: -5px;content: "";background-color: #97989b;}
ul.joinMenu li:first-child:before,
ul.joinMenu li.search {display: none;}
ul.joinMenu a {color: #393c46;font-size: 14px;line-height: 40px;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;}

div.gnbSearch {display: block !important;position: absolute;left: 50%;top: -40px;width: 220px;height: 40px;margin-left: 430px;padding:0 60px 0 0;background: #4e5362 url('/image/common/header_search.png') right center no-repeat;box-sizing:border-box;}

div.gnbSearch input[type=text] {display: block;width: 100%;height: 40px;padding: 0 0 0 20px;border: 0 none;box-sizing:border-box;color: #fff;background-color: #4e5362;text-align: left;}
div.gnbSearch input[type=text]::placeholder {color: #fff;}
div.gnbSearch input[type=submit] {position: absolute;right: 0;top: 0;width: 60px;height: 40px;padding: 0;border: 0 none;opacity: 0;}
}




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

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.allMenu {position: relative;overflow-x: hidden;overflow-y: auto;display: block !important;height: 100%;border-top: 1px solid #e8e8e8;}

dl.allMenu {padding: 10px 0;}
dl.allMenu dt {width: 135px;padding:10px 0 0 15px;}
dl.allMenu dt a {display: block;color: #303b64;font-size: 16px;line-height: 40px;font-family: 'Pretendard-Medium', 'NotoSansKR Medium', sans-serif;}
dl.allMenu dt br {display: none;}
dl.allMenu dd {display: none;position: absolute;left: 150px;top: 0;width: calc(100% - 150px);height: 100%;padding: 0 15px;box-sizing:border-box;}

dl.allMenu dt.on a {border-radius: 20px;padding: 0 20px;color: #fff;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;background: #4492e3 url('/image/common/allMenu_on_m.png') right top no-repeat;background-size: auto 100%;box-shadow:0 0 15px rgba(64,66,115,.2);}
dl.allMenu dt.on + dd {display: block;}

dl.allMenu dd ul ul,
div.allMenuClose {display: none;}

dl.allMenu dd > ul {padding:15px 0;}
dl.allMenu dd li {padding-top: 15px;}
dl.allMenu dd a {color: #303b64;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
}

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

div.allMenu > div {position: absolute;left: 50%;top: 50%;width: 1000px;height: 540px;border-radius: 10px;padding: 100px 40px 40px;transform:translate(-50%, -50%);background-color: #fff;}
div.allMenu > div:before {position: absolute;left: 0;top: 0;width: 100%;height: 100px;content: "Site map";color: #303b64;text-align: center;font-size: 36px;line-height: 100px;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}

dl.allMenu {position: relative;overflow-x: hidden;overflow-y: scroll;height: 540px;border-top: 2px solid #303b64;border-bottom: 1px solid #e2e3e9;background-color: #ebeff8;}
dl.allMenu > dt,
dl.allMenu > dd {float: left;width: calc(100% - 220px);box-sizing:border-box;border-top: 1px solid #e2e3e9;}

dl.allMenu > dt:fist-of-type,
dl.allMenu > dd:fist-of-type {border-top: 0 none;}

dl.allMenu > dt {clear: both;width: 220px;}
dl.allMenu > dt a {padding: 30px 30px 0;color: #303b64;font-size: 25px;line-height: 25px;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;word-break:keep-all;cursor:text;}
dl.allMenu > dd {padding: 5px 45px 25px;background-color: #fff;}
dl.allMenu > dd > ul {overflow: hidden;}
dl.allMenu > dd > ul > li  {float: left;width: 33%;padding-top: 20px;}
dl.allMenu > dd > ul > li:nth-child(3n+1) {clear: both;}
dl.allMenu > dd a {color: #303b64;font-size: 17px;line-height: 25px;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}
dl.allMenu > dd ul ul a {font-size: 14px;line-height: 20px;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;}
dl.allMenu > dd ul ul a:before {display: inline-block;vertical-align: top;content: "-";}

div.allMenuClose {position: absolute;right: 40px;top: 40px;}
div.allMenuClose a,
div.allMenuClose img {display: block;}
}



/* 위로가기 */
p#goTop {z-index: 50;margin: 0;}
p#goTop a {display: block;border-radius: 50%;font-size: 0;line-height: 0;background: #a52f61 url('/image/common/goTop.png') center center no-repeat;box-shadow: 0 3px 7px rgba(0,0,0,.3);}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
p#goTop {position: fixed;right: 15px;bottom:15px;top: auto !important;}
p#goTop a {width: 35px;height: 35px;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 {}
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;z-index: -1;border-top-style: solid;border-top-color: #2d3957;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

ul.footerInfo {}
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: #353535;transform:translateY(-50%);}
ul.footerInfo li, 
ul.footerInfo a {color: #353535;}

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;}

ul.footerMenu {position: absolute;}
ul.footerMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.footerMenu li {float: left;}
ul.footerMenu a {display: block;color: #fff;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#footerWrap {padding: 15px;border-top-width: 35px;font-size: 10px;line-height: 14px;}

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

ul.footerMenu {left:0;top: -35px;width: 100%;}
ul.footerMenu li {position: relative;width: 50%;}
ul.footerMenu li:before {position: absolute;left: 0;top:50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #fff;}
ul.footerMenu li:first-child:before {display: none;}
ul.footerMenu a {font-size: 12px;line-height: 35px;text-align: center;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#footerWrap {padding: 25px 0;border-top-width: 55px;}

ul.footerInfo {width: 1300px;margin: 0 auto;}
ul.footerInfo li {padding-left: 40px;}
ul.footerInfo li:before {left: 20px;height: 14px;}
ul.footerInfo li, 
ul.footerInfo a {font-size: 15px;line-height: 20px;}

ul.footerMenu {left: 50%;top: -40px;margin-left: -650px;}
ul.footerMenu li {padding-left: 45px;}
ul.footerMenu li:first-child {padding-left: 0;}
ul.footerMenu a {font-size: 15px;line-height: 25px;}

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





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

div.titArea {position: relative;}
.pageTit {position: relative;margin: 0;font-weight: normal;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container {min-width: 320px;}
div.titArea {padding: 60px 15px 0;}
.pageTit {}
.pageTit:after {z-index: -1;;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;content: "";background-color: #d6dae4;}
.pageTit span {display: inline-block;vertical-align: top;padding-bottom: 5px;color: #132b4f;border-bottom: 1px solid #536fb5;font-size: 17px;line-height: 25px;font-family: 'Pretendard-ExtraBold', 'NotoSansKR Bold', sans-serif;}

dl.pagePath {display: none;}

div.titArea.noLnb {padding-top: 15px;border-top: 1px solid #ddd;}

div.sub03 dl.rwMenu > dd {padding: 0 0 0 !important;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.titArea {background: url('/image/common/bg.png') center top no-repeat;}
div.titArea:after {position: absolute;left: 0;bottom: 0;width: 100%;height: 70px;content: "";background-color: rgba(12,19,67,.7);}

div.sub01 div.titArea {background-image: url('/image/common/bg_01.png');}
div.sub02 div.titArea {background-image: url('/image/common/bg_02.png');}
div.sub03 div.titArea {background-image: url('/image/common/bg_03.png');}
div.sub04 div.titArea {background-image: url('/image/common/bg_04.png');}
div.sub05 div.titArea {background-image: url('/image/common/bg_05.png');}
div.sub06 div.titArea {background-image: url('/image/common/bg_06.png');}
div.sub07 div.titArea {background-image: url('/image/common/bg_07.png');}
div.sub08 div.titArea {background-image: url('/image/common/bg_08.png');}


.pageTit {height: 291px;padding: 110px 0 0;text-align: center;color: #fff;font-size: 38px;line-height: 40px;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}

dl.pagePath, dl.pagePath dt, dl.pagePath dd, dl.pagePath ul, dl.pagePath li {margin: 0;padding: 0;}
dl.pagePath {position: absolute;left: 0;top: 70px;width: 100%;}
dl.pagePath ul {text-align: center;font-size: 0;line-height: 0;}
dl.pagePath li {display: inline-block;vertical-align: top;padding-left: 32px;color: #fff;font-size: 16px;line-height: 20px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;background: url('/image/common/pagepath_bl.png') 14px center no-repeat;}
dl.pagePath li:first-child {padding-left: 0;background: none;}
dl.pagePath li:last-child {color: #fff110;}

div.titArea.noLnb:after {display: none;}
div.titArea.noLnb .pageTit {height: 221px;}
}



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

div.lnbWrap dl {}
dl.lnb3 ul {}
dl.lnb3 ul:after,
ul.lnb4:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.lnb3 li {float: left;}
dl.lnb3 > dd > ul > li > a {display: table-cell;vertical-align: middle;width: 1000px;text-align: center;color: #303b64;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;word-break:keep-all;}
dl.lnb3 > dd > ul > li.on > a {color: #fff;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}

ul.lnb4 {border-radius: 3px;background-color: #455786;}
ul.lnb4 > li {position: relative;float: left;}
ul.lnb4 > li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #fff;}
ul.lnb4 > li:first-child:before {display: none;}
ul.lnb4 a {display: block;color: #fff;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
ul.lnb4 .on a {color: #f1e970;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.lnbWrap {}
div.lnb {z-index: 50;position: absolute;left: 0;top: 0;width: 100%;height: 40px;border-bottom: 1px solid #ccc;}
div.lnb > dl {position: relative;float: left;width: 50%;}

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

dl.lnb1 a.trigger {background-color: #4492e3;}
dl.lnb2 a.trigger {background-color: #263e74;}

div.lnb dd.toggleCon {position: absolute;left: 0;top: 40px;width: 100%;padding: 5px 15px 15px;border: 2px solid #aab5ce;background-color: #fff;box-sizing:border-box;}
div.lnb dd.toggleCon li {padding-top: 10px;}
div.lnb dd.toggleCon a {color: #303b64;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div.lnb dd.toggleCon .on a {color: #4492e3;}

div.lnbWrap dl.lnb3 {margin: 15px;}
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;}

dl.lnb3 ul.col4ea a {border-top: 1px solid #fff;border-left: 1px solid #fff;}
dl.lnb3 ul.col4ea li:nth-child(-n+2) a {border-top: 0 none;}
dl.lnb3 ul.col4ea li:nth-child(odd) a {border-left: 0 none;}

ul.lnb4 {margin-bottom: 15px;}
ul.lnb4 a {display: table-cell;width: 1000px;height: 50px;padding: 0 10px;text-align: center;vertical-align: middle;font-size: 12px;line-height: 16px;word-break:keep-all;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.lnbWrap {margin-top: -70px;}
dl.lnb1,
dl.lnb2 dt {display: none;}

div.lnbWrap dd.toggleCon {display: block !important;}

dl.lnb2 ul {font-size: 0;line-height: 0;text-align: center;}
dl.lnb2 li {position: relative;display: inline-block;vertical-align: top;}
dl.lnb2 li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 2px;height: 18px;margin-top: -9px;content: "";background-color: #ffff;opacity: .3;}
dl.lnb2 li:first-child:before {display: none;}
dl.lnb2 a {display: block;min-width: 60px;padding: 0 35px;color: #fff;font-size: 16px;line-height: 70px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
dl.lnb2 .on a {color: #fff110;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;background: url('/image/common/lnb_on.png') center bottom no-repeat;}

dl.lnb2 ul.tblCell a {display: table-cell;width: 500px;height: 70px;padding: 0 5px;vertical-align: middle;line-height: 20px;word-break:keep-all;}
div.lnbWrap dl.lnb3 dd {position: relative;width: 1300px;margin: 0 auto;padding-top: 35px;}

dl.lnb3 > dd > ul,
dl.lnb3 > dd > ul > li > a {border-radius: 30px;}

dl.lnb3 > dd > ul {position: relative;height: 55px;background-color: #ecf0f9;}
dl.lnb3 > dd > ul > li {}
dl.lnb3 > dd > ul > li > a {height: 55px;font-size: 16px;line-height: 20px;}
dl.lnb3 > dd > ul > li.on > a {background-color: #4492e3;}
dl.lnb3 > dd > ul.sub > li.on > a {position: relative;}
dl.lnb3 > dd > ul.sub > li.on > a:after {position: absolute;left: 50%;top: 69px;width: 16px;height: 8px;margin-left: -6px;content: "";background: url('/image/common/lnb4_bg.png') center bottom no-repeat;}

ul.lnb4 {position: absolute;left: 0;top: 22px;padding: 0 10px !important;}
ul.lnb4 li {padding: 0 20px;}
ul.lnb4 a {padding: 9px 0 7px;font-size: 16px;line-height: 20px;}
}


/* Contents */
div.contents {position: relative;color: #303b64;}


/*  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;}
}


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



/* 타이틀영역 */
.subTit {margin: 0;padding: 0;font-weight: normal;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;color: #303b64;background-image: url('/image/common/subTit.png');background-repeat: no-repeat;}
.subTit:first-child {margin-top: 0;}

div.otherList {text-align: right;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.subTit {margin: 30px 0 5px;padding-left: 17px;font-size: 16px;line-height: 20px;background-position: 0 3px;background-size: 10px;}

div.txtCon {padding: 15px;}
div.otherList select {display: inline-block;vertical-align: top;height: 36px;}
div.otherList + .subTit {margin-top: 10px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.subTit {margin: 50px 0 10px;padding-left: 35px;font-size: 25px;line-height: 30px;background-position: 0 3px;}

div.txtCon {width: 1300px;margin: 0 auto;}
div.otherList select {display: inline-block;vertical-align: top;height: 36px;}
div.otherList + .subTit {margin-top: 20px;}
}

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

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.rwMenu a.trigger,
dl.lnb3 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', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;background-color: #fff;}
dl.rwMenu a.trigger:after,
dl.lnb3 a.trigge: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,
dl.lnb3 .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', '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) {
}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}



/* 기본테이블 형식 */
table.tblDef {border-top: 2px solid #303b64;}
table.tblDef > * > tr > * {border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #303b64;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
table.tblDef > * > tr > th {background-color: #f3f3f3;}
table.tblDef > thead > tr > th {background-color: #ecf0f9;font-family: 'Pretendard-Bold', 'NotoSansKR Medium', sans-serif;}

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

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

ul.pager li.first a,
ul.pager li.prev a,
ul.pager li.next a,
ul.pager li.last a {border: 1px solid #ccc;}
ul.pager li.first img,
ul.pager li.prev img,
ul.pager li.next img,
ul.pager li.last img {display: block;height: 11px;margin: 0 auto;}


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

ul.pager a {width: 25px;line-height: 25px;font-size: 12px;}
ul.pager li.first a,
ul.pager li.prev a,
ul.pager li.next a,
ul.pager li.last a {padding: 6px 0;}
}


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

ul.pager a {width: 35px;line-height: 35px;font-size: 16px;}
ul.pager li.first a,
ul.pager li.prev a,
ul.pager li.next a,
ul.pager li.last a {padding: 11px 0;}
}


/* ============ 팝업 ============ */
div.popupWrap {border-radius: 10px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div.popupWrap h1 {color: #fff;background-color: #4492e3;font-family: 'Pretendard-Bold', 'NotoSansKR Medium', sans-serif;}

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

/*  PC : width:601px ~  */
@media screen and (min-width: 601px) {
div.popupWrap h1 {padding: 15px 0 ;font-size: 22px;line-height: 30px;}
div.popupCon {padding: 30px;}
}





/* MAIN */
div#container.main {}

div.mainCon {}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container.main {border-top: 1px solid #e8e8e8;background-color: #ecf0f9;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container.main {padding-top: 40px;font-size: 0;line-height: 0;text-align: center;}
div#container.main:before {z-index: -1;position: absolute;right: 0;top: 0;width: 50%;height: 100%;padding-left: 350px;content: "";background-color: #ecf0f9;}

div.mainCon,
div.quickMenu {display: inline-block;vertical-align: top;margin-bottom: 50px;text-align: left;font-size: 15px;line-height: 20px;}

div.mainCon {width: 712px;}

div.quickMenu {width: 538px;margin-left: 50px;}
div.quickMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
}



/* MAIN > 메인 배너 */
div.mainBnr ul, div.mainBnr li, div.mainBnr a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.mainBnr {position: relative;}
div.mainBnr li {overflow: hidden;box-sizing:border-box;}
div.mainBnr li > * {overflow: hidden;display: block;border-radius: 10px;}

div.mainBnr div.bx-pager {z-index: 50;position: absolute;text-align: right;}
div.mainBnr div.bx-pager-item {display: inline-block;vertical-align: top;}
div.mainBnr div.bx-pager-item:first-child {padding-left: 0;}
div.mainBnr div.bx-pager a {display: block;font-size: 0;line-height: 0;background-color: #818daa;transition:width .2s;}
div.mainBnr div.bx-pager a.active {background-color: #1f59dc;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainBnr li {padding: 15px;}
div.mainBnr li > * {box-shadow:0 0 15px rgba(64,66,115,.2);}
div.mainBnr img {display: block;width: 100%;}

div.mainBnr div.bx-pager {right: 30px;top: 30px;}
div.mainBnr div.bx-pager-item {height: 6px;padding-left: 4px;}
div.mainBnr div.bx-pager a {width: 6px;height: 6px;border-radius: 3px;}
div.mainBnr div.bx-pager a.active {width: 25px;}

div.mainBnr div.bx-controls-direction {display: none;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainBnr {width: 772px;margin: -30px 0 0 -30px;}
div.mainBnr li {padding: 30px;}
div.mainBnr li > * {box-shadow:0 0 30px rgba(64,66,115,.2);}

div.mainBnr div.bx-wrapper {border-radius: 10px;}
div.mainBnr a.bx-prev,
div.mainBnr a.bx-next {position: absolute;top: 50%;width: 16px;height: 28px;margin-top: -14px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
div.mainBnr a.bx-prev {left: 0;background-image: url('/image/main/bnr_prev.png');}
div.mainBnr a.bx-next {right: 0;background-image: url('/image/main/bnr_next.png');}

div.mainBnr div.bx-pager {right: 65px;top: 65px;}
div.mainBnr div.bx-pager-item {height: 8px;padding-left: 8px;}
div.mainBnr div.bx-pager a {width: 8px;height: 8px;border-radius: 4px;}
div.mainBnr div.bx-pager a.active {width: 30px;}
}




/* MAIN > 학회일정 */
dl.mainSchedule, dl.mainSchedule dt, dl.mainSchedule dd, dl.mainSchedule ul, dl.mainSchedule li, dl.mainSchedule a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.mainSchedule {position: relative;box-sizing:border-box;}
dl.mainSchedule > dt {color: #132b4f;}

dl.mainSchedule li {width: 100% !important;}

dl.mainSchedule a {display: block;}
dl.mainSchedule span.tit,
dl.mainSchedule span.info {display: block;}
dl.mainSchedule span.tit {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #132b4f;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;text-align: left;}
dl.mainSchedule span.info {color: #4492e3;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;text-align: right;}

dl.mainSchedule div.bx-controls {position: absolute;right: 0;top: 0;}
dl.mainSchedule a.bx-prev,
dl.mainSchedule a.bx-next {display: inline-block;vertical-align: top;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainSchedule {margin: 15px 15px 0;}
dl.mainSchedule > dt {padding:0 0 10px 20px;font-size: 17px;line-height: 20px;font-family: 'Pretendard-ExtraBold', 'NotoSansKR Bold', sans-serif;background: url('/image/main/schedule_bl_m.png') 0 3px no-repeat;background-size: 14px;}
dl.mainSchedule span.tit,
dl.mainSchedule span.info {font-size: 12px;line-height: 20px;}
dl.mainSchedule span.tit {font-size: 14px;}


dl.mainSchedule a.bx-prev,
dl.mainSchedule a.bx-next {width: 15px;height: 20px;background-size: 15px;}
dl.mainSchedule a.bx-prev {background-image: url('/image/main/schedule_prev_m.png');}
dl.mainSchedule a.bx-next {margin-left: 10px;background-image: url('/image/main/schedule_next_m.png');}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainSchedule {padding:0 60px 30px 135px; margin-top: 20px;}
dl.mainSchedule > dt {position: absolute;left: 0;top: 0;width: 85px;padding-left: 35px;font-size: 20px;line-height: 30px;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;background: url('/image/main/schedule_bl.png') left center no-repeat;}
dl.mainSchedule > dt:before {position: absolute;right: 0;top: 50%;width: 2px;height: 12px;margin-top: -6px;content: "";background-color: #132b4f;}
dl.mainSchedule li a {position: relative;padding-right: 170px;}
dl.mainSchedule span.tit,
dl.mainSchedule span.info {line-height: 30px;}

dl.mainSchedule span.tit {font-size: 15px;}
dl.mainSchedule span.info {position: absolute;right: 0;top: 0;font-size: 14px;}

dl.mainSchedule a.bx-prev,
dl.mainSchedule a.bx-next {width: 17px;height: 30px;}
dl.mainSchedule a.bx-prev {background-image: url('/image/main/schedule_prev.png');}
dl.mainSchedule a.bx-next {margin-left: 10px;background-image: url('/image/main/schedule_next.png');}
}



/* MAIN > 게시판영역 */
div.mainNotice ul, div.mainNotice li, div.mainNotice dl, div.mainNotice dt, div.mainNotice dd, div.mainNotice a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.mainNotice {position: relative;border-radius: 10px;background-color: #fff;}

div.mainNotice ul.tabMenu {position: absolute;}
div.mainNotice ul.tabMenu li {position: relative;float: left;}
div.mainNotice ul.tabMenu li:before {position: absolute;left: 0;top: 0;content: "ㆍ";color: #303b64;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.mainNotice ul.tabMenu li:first-child {padding-left: 0;}
div.mainNotice ul.tabMenu li:first-child:before {display: none;}
div.mainNotice ul.tabMenu a {padding: 0 5px;color: #303b64;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.mainNotice ul.tabMenu .on a {color: #c6105d;}

div.mainNotice dt {color: #303b64;font-family: 'Pretendard-ExtraBold', 'NotoSansKR Bold', sans-serif;}
div.mainNotice dt a {display: inline-block;vertical-align: top;color: #5169a6;border: 1px solid #5169a6;border-radius: 3px;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;background-position: right center;background-repeat: no-repeat;box-sizing:border-box;}

div.mainNotice li {position: relative;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div.mainNotice li:before {position: absolute;left: 0;top: 0;content: "ㆍ";color: #303b64;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

div.mainNotice dd li {margin-top: 5px;padding-left: 15px;font-size: 15px;line-height: 20px;}
div.mainNotice dd a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;color: #303b64;}
div.mainNotice dd span {position: absolute;right: 0;top: 0;color: #4492e3;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainNotice {padding: 15px;margin:0 15px 15px;box-shadow:0 0 15px rgba(64,66,115,.2);}

div.mainNotice ul.tabMenu {right: 10px;top: 17px;}
div.mainNotice ul.tabMenu li {padding-left: 10px;font-size: 12px;line-height: 18px;}
div.mainNotice ul.tabMenu .on a {box-shadow: inset 0 -6px 0 #f6dfdf;}

div.mainNotice dt {padding-bottom: 10px;font-size: 16px;line-height: 20px;}
div.mainNotice dt a {height: 20px;margin-left: 10px;padding: 0 20px 0 10px;font-size: 12px;line-height: 18px;background-image: url('/image/main/more_m.png');background-size: 12px;}
div.mainNotice dd span {display: none;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainNotice {height: 140px;padding: 30px;box-shadow:0 0 30px rgba(64,66,115,.2); margin-top: 10px;}

div.mainNotice ul.tabMenu {right: 30px;top: 30px;}
div.mainNotice ul.tabMenu li {padding-left: 20px;font-size: 17px;line-height: 24px;}
div.mainNotice ul.tabMenu .on a {box-shadow: inset 0 -13px 0 #f6dfdf;}

div.mainNotice dt {padding-bottom: 15px;font-size: 20px;line-height: 26px;}
div.mainNotice dt a {height: 26px;margin-left: 20px;padding: 0 20px 0 10px;font-size: 13px;line-height: 24px;background-image: url('/image/main/more.png');}
div.mainNotice dd li {padding-right: 90px;}
}


/* MAIN > 저널 */
ul.diabetesJournal, ul.diabetesJournal li, ul.diabetesJournal a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.diabetesJournal {overflow: hidden;border-radius: 10px;}

ul.diabetesJournal a {position: relative;display: table-cell;width: 600px;font-family: 'Pretendard-Medium', 'NotoSansKR Medium', sans-serif;}
ul.diabetesJournal img {position: absolute;top: 50%;transform:translateY(-50%);border: 1px solid #eaeaea;}
ul.diabetesJournal span {display: block;padding-bottom: 5px;font-family: 'Pretendard-ExtraBold', 'NotoSansKR Bold', sans-serif;}
ul.diabetesJournal a.dmj {color: #fff;background: #36b2be url('/image/main/dmj_bg.png') right bottom no-repeat;}
ul.diabetesJournal a.jkd {color: #303b64;background: #fff url('/image/main/jkd_bg.png') right bottom no-repeat;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.diabetesJournal {margin: 0 15px 15px;box-shadow:0 0 15px rgba(64,66,115,.2);}
ul.diabetesJournal li {float: left;width: 50%;}
ul.diabetesJournal a {height: 90px;padding:0 0 25px 85px;vertical-align: bottom;font-size: 12px;line-height: 15px;}
ul.diabetesJournal a.dmj,
ul.diabetesJournal a.jkd {background-size: auto 100%;}

ul.diabetesJournal img {left: 15px;height: 80px;}
ul.diabetesJournal span {font-size: 15px;line-height: 20px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.diabetesJournal {float: left;width: 305px;margin-bottom: 20px;box-shadow:0 0 30px rgba(64,66,115,.2);}
ul.diabetesJournal a {height: 165px;padding:20px 0 20px 155px;vertical-align: bottom;}
ul.diabetesJournal img {left: 20px;}
ul.diabetesJournal span {font-size: 22px;line-height: 24px;}
}


/* MAIN > 당뇨병학회 홍보 */
ul.diabetesPR, ul.diabetesPR li, ul.diabetesPR a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.diabetesPR {overflow: hidden;border-radius: 10px;background-color: #d3941b;box-sizing:border-box;}
ul.diabetesPR a {display: block;color: #fff;background-position: right bottom;background-repeat: no-repeat;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.diabetesPR {margin: 0 15px 15px;box-shadow:0 0 15px rgba(64,66,115,.2);}
ul.diabetesPR li {float: left;width: 50%;}
ul.diabetesPR a {height: 90px;padding: 15px;border-top: 1px solid #e0c28a;background-size: auto 48px;font-size: 14px;line-height: 20px;}
ul.diabetesPR li:nth-child(odd) {clear: both;}
ul.diabetesPR li:nth-child(odd) a {border-right: 1px solid #e0c28a;}
ul.diabetesPR li:nth-child(-n+2) a {border-top: 0 none;}

ul.diabetesPR li:nth-child(1) a {background-image: url('/image/main/quick_newsletter_m.png');}
ul.diabetesPR li:nth-child(2) a {background-image: url('/image/main/quick_youtube_m.png');}
ul.diabetesPR li:nth-child(3) a {background-image: url('/image/main/quick_kakao_m.png');}
ul.diabetesPR li:nth-child(4) a {background-image: url('/image/main/quick_book_m.png');}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.diabetesPR {float: right;width: 210px;padding: 0 20px;margin-bottom: 20px;box-shadow:0 0 30px rgba(64,66,115,.2);}
ul.diabetesPR li {border-top: 1px solid #e0c28a;}
ul.diabetesPR li:first-child {border-top: 0 none;}
ul.diabetesPR a {height: 102px;padding-top: 20px;font-size: 16px;}
ul.diabetesPR li:first-child a {height: 101px;}

ul.diabetesPR li:nth-child(1) a {background-image: url('/image/main/quick_newsletter.png');}
ul.diabetesPR li:nth-child(2) a {background-image: url('/image/main/quick_youtube.png');}
ul.diabetesPR li:nth-child(3) a {background-image: url('/image/main/quick_kakao.png');}
ul.diabetesPR li:nth-child(4) a {background-image: url('/image/main/quick_book.png');}
}



/* MAIN > 당뇨병학회 교육 */
ul.diabetesEdu, ul.diabetesEdu li, ul.diabetesEdu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.diabetesEdu {overflow: hidden;border-radius: 10px;}
ul.diabetesEdu li {float: left;width: 50%;}
ul.diabetesEdu li:nth-child(odd) {clear: both;}

ul.diabetesEdu a {border-top: 1px solid #fff;color: #fff;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;text-align: center;background-repeat: no-repeat;box-sizing:border-box;}
ul.diabetesEdu li:nth-child(odd) a {border-right: 1px solid #fff;}
ul.diabetesEdu li:nth-child(-n+2) a {border-top: 0 none;}
ul.diabetesEdu li:nth-child(1) a {background-color: #35a2d8;}
ul.diabetesEdu li:nth-child(2) a {background-color: #2d4ea4;}
ul.diabetesEdu li:nth-child(3) a {background-color: #35bebe;}
ul.diabetesEdu li:nth-child(4) a {background-color: #132b4f;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.diabetesEdu {margin: 0 15px 15px;box-shadow:0 0 15px rgba(64,66,115,.2);}

ul.diabetesEdu a {display: table-cell;width: 600px;height: 70px;padding:0 20px 0 64px;background-position: left center;vertical-align: middle;background-size: 64px;}
ul.diabetesEdu li:nth-child(1) a {background-image: url('/image/main/quick_detm_m.png');}
ul.diabetesEdu li:nth-child(2) a {background-image: url('/image/main/quick_dfs_m.png');}
ul.diabetesEdu li:nth-child(3) a {background-image: url('/image/main/quick_term_m.png');}
ul.diabetesEdu li:nth-child(4) a {background-image: url('/image/main/quick_dtalk_m.png');}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.diabetesEdu {clear: both;float: left;width: 305px;box-shadow:0 0 30px rgba(64,66,115,.2);}

ul.diabetesEdu a {display: block;height: 135px;padding-top: 80px;background-position: center 18px;}
ul.diabetesEdu li:nth-child(1) a {background-image: url('/image/main/quick_detm.png');}
ul.diabetesEdu li:nth-child(2) a {background-image: url('/image/main/quick_dfs.png');}
ul.diabetesEdu li:nth-child(3) a {background-image: url('/image/main/quick_term.png');}
ul.diabetesEdu li:nth-child(4) a {background-image: url('/image/main/quick_dtalk.png');}
}



/* MAIN > 당뇨병학회 진료지침 */
ul.diabetesGuide, ul.diabetesGuide li, ul.diabetesGuide a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.diabetesGuide {overflow: hidden;border-radius: 10px;background-color: #fff;}

ul.diabetesGuide a {display: block;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
ul.diabetesGuide li.cdss a {color: #fff;}
ul.diabetesGuide a.download {display: table-cell;width: 600px;background-position: right center;background-repeat: no-repeat;color: #303b64;vertical-align: middle;}
ul.diabetesGuide a.download span {display: block;color: #4492e3;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;}

/* 메인 수정 - 24.02.21 박민지 */
.main-quick-menu{
	overflow: hidden;
	float: right;
	width: 210px;
	height: 270px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 30px rgba(64,66,115,.2);
	box-shadow: 0 0 30px rgba(64,66,115,.2);
	box-sizing: border-box;
}
.main-quick-menu *{	
	box-sizing: border-box;
}
.main-quick-menu > a{
	display: block;
	width: 100%;
	height: 135px;
	padding: 20px;
	background-color: #b04477;
	background-repeat: no-repeat;
	background-position: right 10px bottom 5px;
	background-image: url('../image/main/ic_quick01.png');
}
.main-quick-menu .tit{
	display: block;
	font-size: 18px;
	font-family: 'Pretendard-ExtraBold', 'NotoSansKR Bold', sans-serif;
	color: #fff;
	line-height: 1.5;
}
.main-quick-menu .btn-link{
	display: block;
	line-height: 1.6;
	font-family: 'Pretendard-Medium', 'NotoSansKR Bold', sans-serif;
	font-size: 15px;
	color: #fff36c;
}
.main-quick-menu > a + a{
	background-color: #fff;
	background-image: url('../image/main/ic_quick02.png');	
	background-position: right 5px bottom 3px;
}
.main-quick-menu > a + a .tit{
	color: #303b64;
}
.main-quick-menu > a + a .btn-link{
	color: #4492e3;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.diabetesGuide {margin: 0 15px 15px;box-shadow:0 0 15px rgba(64,66,115,.2);}
ul.diabetesGuide li {float: left;width: 50%;}
ul.diabetesGuide a {display: table-cell;width: 600px;height: 70px;padding: 0 20px;vertical-align: middle;}

ul.diabetesGuide li.cdss a {background: #0b252d url('/image/main/cdss_bg_m.png') right top no-repeat;background-size: auto 100%;}
ul.diabetesGuide li.cdss span {display: none;}

ul.diabetesGuide a.download {background-image: url('/image/main/download_bl_m.png');background-size: 33px;}
ul.diabetesGuide a.download span {font-size: 13px;}

/* 메인 수정 - 24.02.21 박민지 */
.main-quick-menu{
	float: none;
	display: block;
	width: auto;
	height: auto;
	margin: 0 15px 15px;
}
.main-quick-menu > a{
	float: left;
	width: 50%;
	height: auto;
	padding: 15px;
	background-size: 43px;	
	background-position: right 5px bottom 5px;
}
.main-quick-menu .tit{
	font-size: 14px;
}
.main-quick-menu .btn-link{
	font-size: 12px;
}
.main-quick-menu > a + a{	
	background-size: 61px;	
	background-position: right 5px bottom 3px;
}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.diabetesGuide {float: right;width: 210px;height: 270px;box-shadow:0 0 30px rgba(64,66,115,.2);}

ul.diabetesGuide li.cdss {position: relative;}
ul.diabetesGuide li.cdss > a {height: 205px;padding: 20px;font-family: 'Pretendard-ExtraBold', 'NotoSansKR Bold', sans-serif;font-size: 20px;line-height: 25px;background: #0b252d url('/image/main/cdss_bg.png') 0 0 no-repeat;}
ul.diabetesGuide li.cdss span {position: absolute;left: 14px;bottom: 9px;}
ul.diabetesGuide li.cdss span a {float: left;width: 82px;height: 50px;padding: 5px 0;margin: 0 0 5px 5px;text-align: center;color: #fff;border-radius: 5px;font-family: 'Pretendard-Light', 'NotoSansKR Light', sans-serif;}

ul.diabetesGuide a.download {height: 65px;padding-left: 20px;background-image: url('/image/main/download_bl.png');}
ul.diabetesGuide a.download span {font-size: 13px;}
}





/* MAIN > Sponsor */
div.sponsor ul, div.sponsor li, div.sponsor a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.sponsor {position: relative;border-top: 1px solid #d1d9ea;background-color: #fff;}
div.sponsor a,
div.sponsor img {display: block;}
div.sponsor li {width: 160px !important;height: 45px;}
div.sponsor li img {max-width:100%;}

div.sponsor a.bx-prev,
div.sponsor a.bx-next {position: absolute;font-size: 0;line-height: 0;background-repeat: no-repeat;}
div.sponsor a.bx-prev {background-position: left center;}
div.sponsor a.bx-next {background-position: right center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.sponsor {padding: 5px 40px;}
div.sponsor a.bx-prev,
div.sponsor a.bx-next {top: 5px;width: 25px;height: 45px;background-size: 7px;}
div.sponsor a.bx-prev {left: 15px;background-image: url('/image/main/spon_prev_m.png');}
div.sponsor a.bx-next {right: 15px;background-image: url('/image/main/spon_next_m.png');}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.sponsor {padding: 12px 0;}
div.sponsor > ul {width: 1300px;height: 45px;margin: 0 auto;padding: 0 29px;box-sizing:border-box;}
div.sponsor > ul li {float: left;margin-left: 20px;}
div.sponsor > ul li:first-child {margin-left: 0;}

div.sponsor a.bx-prev,
div.sponsor a.bx-next {left: 50%;top: 12px;width: 25px;height: 45px;}
div.sponsor a.bx-prev {margin-left: -650px;background-image: url('/image/main/spon_prev.png');}
div.sponsor a.bx-next {margin-left: 625px;background-image: url('/image/main/spon_next.png');}
}









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


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


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


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