@charset "utf-8";
@import url('/css/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 .btnGrey {background-color:#8f97a8 !important;border-color:#8f97a8 !important;color:#fff !important;}
/*블루*/                   .btn .btnBlue{background-color:#2a87d6   !important;border-color:#8f97a8 !important;color:#fff !important;}
/*갈색*/                   .btn .btnBrown{background-color:#a77445   !important;border-color:#a77445 !important;color:#fff !important;}
/*보라색*/                   .btn .btnPurple{background-color:#6530a7   !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;}

div.wrapper {overflow: hidden;position: relative;width: 100%;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;background-color: #cfe4e3;background-position: right top;background-repeat: no-repeat;}
div.wrapper:before {z-index: -1;position: absolute;left: 0;top: 0;height: 100%;content: "";background-color: #325fde;opacity: .7;}

div#headerWrap h1, div#headerWrap h1 a {margin: 0;padding: 0;text-decoration: none;}
div#headerWrap h1 {box-sizing:border-box;color: #fff;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;font-weight: normal;}
div#headerWrap h1 a {font-size: 0;line-height: 0;}
div#headerWrap h1 span {display: block;color: #cfe4e3;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div#headerWrap h1 span:after {display: inline-block;vertical-align: bottom;content: "";background-color: #cfe4e3;}

div.viewMenu {}
div.viewMenu a {display: block;height: 100%;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}

ul.headerMenu, ul.headerMenu li, ul.headerMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.headerMenu li:first-child {margin-left: 0;}

ul.headerMenu a,
ul.headerMenu img {display: block;}
ul.headerMenu a {border-radius: 3px;}

ul.headerMenu .goto1 a,
ul.headerMenu .goto2 a {position: relative;color: #fff;}
ul.headerMenu .goto1 a:after,
ul.headerMenu .goto2 a:after {position: absolute;right: 10px;top: 50%;transform:translateY(-50%);content: "▶";}
ul.headerMenu .goto1 a {background-color: #4f9d34;}
ul.headerMenu .goto2 a {background-color: #213870;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.wrapper {min-width: 320px;background-image: url('bg_m.png');background-size: 100%;}
div.wrapper:before {width:225px;}

div#headerWrap {position: relative;padding-bottom: 55px;}
div#headerWrap h1 {height: 180px;padding: 90px 20px 0;font-size: 26px;line-height: 30px;}
div#headerWrap h1 a {position: absolute;left: 20px;top: 25px;width: 105px;height: 40px;background: url('header_logo_w_m.png') left center no-repeat;background-size: 105px;}
div#headerWrap h1 a.bg {z-index: 70;top: 10px;width: 104px;height: 40px;content: "";background: url('header_logo_m.png') left center no-repeat;background-size: 104px;}
div#headerWrap h1 span {padding-top: 5px;font-size: 30px;}
div#headerWrap h1 span:after {width: 45px;height: 1px;}


/* 2022-06-24 Home 버튼 추가 */
div.home {position: absolute; right: 56px; top: 20px;}
div.home a {display: block; height: 26px; line-height: 26px; padding: 0 15px; background-color: #ad2571; color: #fff; font-size:12px; box-sizing:border-box; border-radius:3px;}

div.viewMenu {}
div.viewMenu a {z-index: 70;position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;background-image: url('viewMenu_w_m.png');background-size: 26px;}
div.viewMenu a.close {top: 17px;background-image: url('closeMenu_m.png');}

ul.headerMenu {position: absolute;left: 0;bottom: 0;width: 100%;height: 55px;padding: 13px 20px;background-color: #f4f6fb;box-shadow:0 3px 3px rgba(119,137,161,.8);box-sizing:border-box;}
ul.headerMenu:before,
ul.headerMenu:after {position: absolute;top: 55px;width: 20px;height: 20px;content: "";background-size: 20px;}
ul.headerMenu:before {left: 0;background: url('headerMenu_bg_l_m.png') left top no-repeat;}
ul.headerMenu:after {right: 0;background: url('headerMenu_bg_r_m.png') right top no-repeat;}
ul.headerMenu li {float: left;margin-left: 4px;}

ul.headerMenu img {height: 29px;}
ul.headerMenu li.goto1,
ul.headerMenu li.goto2 {width: calc(50% - 74px);}
ul.headerMenu li.goto1 {margin-left: 10px;}
ul.headerMenu li.goto2 {float: right;margin: 0;}
ul.headerMenu .goto1 a,
ul.headerMenu .goto2 a {display: table-cell;width: 600px;height: 29px;padding: 0 20px 0 10px;font-size: 10px;line-height: 12px;vertical-align: middle;}
ul.headerMenu .goto1 a:after,
ul.headerMenu .goto2 a:after {right: 5px;font-size: 6px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.wrapper {max-width: 1000px;margin: 0 auto;border: 1px solid #ddd;background-image: url('bg.png');}
div.wrapper:before {width: 410px;}

div#headerWrap {}
div#headerWrap:before {z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 90px;content: "";background-color: #fff;}

div#headerWrap h1 {height: 370px;padding: 208px 50px 0;font-size: 50px;line-height: 50px;}
div#headerWrap h1 a {position: absolute;left: 50px;top: 17px;width: 150px;height: 56px;background: url('header_logo.png') center center no-repeat;}
div#headerWrap h1 span {padding-top: 10px;font-size: 57px;}
div#headerWrap h1 span:after {width: 90px;height: 2px;}

div.viewMenu {position: absolute;right: 50px;top: 24px;width: 40px;height: 42px;}
div.viewMenu a {background-image: url('viewMenu.png');}
div.viewMenu a.close {background-image: url('closeMenu.png');}

/* 2022-06-24 Home 버튼 추가 */
div.home {position: absolute; right: 643px; top: 24px;}
div.home a {display: block; height: 42px; line-height: 42px; padding: 0 15px; background-color: #ad2571; color: #fff; font-size:15px; box-sizing:border-box; border-radius:3px;}
div.home a:after {content:''; display: inline-block; vertical-align: top; width: 16px; height: 16px; background: url('icon_home.png') no-repeat center top; margin: 12px 0 0 12px;}

ul.headerMenu {position: absolute;right: 130px;top: 24px;text-align: right;font-size: 0;line-height: 0;}
ul.headerMenu li {display: inline-block;vertical-align: top;margin-left: 6px;}
ul.headerMenu img {width: 42px;}
ul.headerMenu li.goto1,
ul.headerMenu li.goto2 {margin-left: 11px;}
ul.headerMenu .goto1 a,
ul.headerMenu .goto2 a {padding: 0 35px 0 15px;font-size: 15px;line-height: 42px;}
ul.headerMenu .goto1 a:after,
ul.headerMenu .goto2 a:after {font-size: 9px;}
}



ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {display: none;z-index: 50;overflow-x: hidden;overflow-y: auto;left: 0;width: 100%;background-color: rgba(0,0,0,.5);box-sizing:border-box;}
ul#gnb > li {background-color: #fff;}
ul#gnb a {display: block;color: #222;font-family: 'Pretendard-Medium', 'NotoSansKR Medium', sans-serif;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
ul#gnb {position: fixed;top: 0;height: 100%;}
ul#gnb:before {display: block;height: 60px;content: "";border-bottom: 3px solid #629240;background-color: #fff;}

ul#gnb a,
ul#gnb ul li:before {font-size: 14px;line-height: 25px;}

ul#gnb > li {}
ul#gnb > li:first-child {padding-top: 15px;}
ul#gnb > li:last-child {padding-bottom: 15px;}
ul#gnb > li > a {position: relative;padding: 0 25px;}
ul#gnb > li > a:before {position: absolute;left: 15px;top: 10px;width: 4px;height: 4px;border-radius: 50%;content: "";background-color: #629240;}

ul#gnb ul a {position: relative;padding-left: 35px;}
ul#gnb ul a:before {position: absolute;left: 25px;top: 0;content: "-";}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
ul#gnb {position: absolute;top: 90px;height: calc(100% - 90px);border-top: 5px solid #629240;}
ul#gnb a,
ul#gnb ul li:before {font-size: 20px;line-height: 35px;}
ul#gnb > li:first-child {padding-top: 25px;}
ul#gnb > li:last-child {padding-bottom: 25px;}

ul#gnb > li > a {position: relative;padding: 10px 70px;}
ul#gnb > li > a:before {position: absolute;left: 50px;top: 24px;width: 7px;height: 7px;border-radius: 50%;content: "";background-color: #629240;}

ul#gnb a:hover {background-color: #eff8e8;}
ul#gnb ul a {position: relative;padding-left: 93px;}
ul#gnb ul a:before {position: absolute;left: 78px;top: 0;content: "-";}
}



div#footerWrap {text-align: center;background-color: #e9edf5;}
div#footerWrap,
div#footerWrap a {color: rgba(9,15,41,.7);font-family: 'NotoSansKR DemiLight', sans-serif;}

div#footerWrap ul, div#footerWrap li {margin: 0;padding: 0;list-style:none;}
div#footerWrap li,
div#footerWrap li:before {display: inline-block;vertical-align: top;}
div#footerWrap li:before {content: "I";}
div#footerWrap li:first-child:before {display: none;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div#footerWrap {padding: 20px 0;font-size: 10px;line-height: 16px;}
div#footerWrap li:before {padding: 0 5px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div#footerWrap {padding: 22px 0;font-size: 12px;line-height: 18px;}
div#footerWrap li:before {padding: 0 15px;}
}


div#container {background-color: #fff;}
div.contents {padding: 20px;}
div.contents > *:first-child {margin-top: 0 !important;}
.pointTit + * {margin-top: 5px !important;}
div.contents p.img img {display: block;margin: 0 auto;}
div.contents p.img span {display: block;text-align: center;color: #7a7f8c;}
div.contents a.conLink {display: inline;word-break:break-all;text-decoration: none !important;}

.pointTit {padding: 0;font-weight: normal;color: #2d2e82;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;}


/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div#container {margin:0 20px 25px;}
div.contents > * {margin: 20px 0 0;}
div.contents p.img span {padding-top: 5px;font-size: 12px;line-height: 16px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div#container {margin:0 25px 30px;color: #0c1937;font-size: 17px;line-height: 25px;}

div.contents > * {margin: 25px 0 0;}
div.contents p.img span {padding-top: 10px;font-size: 15px;line-height: 20px;}

.pointTit {font-size: 17px;}
}


div.titArea {text-align: center;}
div.titArea h2 {font-weight: normal;font-family: 'Pretendard-DemiLight', 'NotoSansKR DemiLight', sans-serif;letter-spacing:-1px;}
div.titArea p {display: table-cell;width: 1000px;margin: 0 !important;}

div.titArea p span {position: relative;display: inline-block;}
div.titArea p span:before,
div.titArea p span:after {position: absolute;display: block;content: "";background-repeat: no-repeat;}
div.titArea p span:before {left: 0;top: 0;background-image: url('quotation_01.png');background-position: 0 0;}
div.titArea p span:after {right: 0;bottom: 0;background-image: url('quotation_02.png');background-position: left bottom;}

.titBg {margin: 0;padding: 0;text-align: center;color: #fff;font-weight: normal;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;background-position: 0 0;background-repeat: no-repeat;background-size: cover;box-shadow:0 3px 7px rgba(0,0,0,.2);}

ul.listBl > li:before {border-radius: 50%;}

ul.brief > li {padding-left: 15px !important;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;}

ul.listBl > li:first-child,
ul.brief > li:first-child {margin-top: 0;}


div.keyword {color: #8694a4;font-family: 'Pretendard-Light', 'NotoSansKR DemiLight', sans-serif;}


table.tblDef {border-top: 2px solid #666a8c;}
table.tblDef > * > tr > * {border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;text-align: center;color: #0c1937;font-size:10.3pt;}
table.tblDef > * > tr > *:first-chid {border-left: 0 none;}
table.tblDef > thead > tr > th {background-color: #edf2f8;;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}
table.tblDef > * >  tr > th {background-color: #edf2f8;;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.titArea {padding: 20px 20px 0;}
div.titArea h2 {font-size: 26px;line-height: 30px;}
div.titArea p {padding: 15px 0;font-size: 14px;line-height: 20px;}
div.titArea p span {position: relative;padding: 0 15px;}
div.titArea p span:before,
div.titArea p span:after {width: 11px;height: 20px;background-size: 11px;}

.titBg {display: table-cell;width: 1000px;height: 40px;padding: 0 20px;font-size: 14px;line-height: 20px;vertical-align: middle;}

ul.listBl > li:before {width: 4px;height: 4px;}

ul.brief {padding-bottom: 15px;border-bottom-width: 2px;border-bottom-style: solid;}

ul.listBl > li,
ul.brief > li {margin-top: 10px;}

div.keyword {font-size: 12px;line-height: 20px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.titArea {padding: 40px 20px 0;}
div.titArea h2 {font-size: 50px;line-height: 60px;}
div.titArea p {padding: 35px 0;font-size: 23px;line-height: 30px;}
div.titArea p span {position: relative;padding: 0 30px;}
div.titArea p span:before,
div.titArea p span:after {width: 22px;height: 30px;}

.titBg {padding: 10px 0;font-size: 22px;line-height: 35px;}
ul.listBl > li:before {width: 5px;height: 5px;}

ul.brief {padding-bottom: 25px;border-bottom-width: 4px;border-bottom-style: solid;}
ul.brief > li {margin-top: 15px;}

div.keyword {font-size: 15px;line-height: 25px;}
}



/* 메인 */
div.main ul, div.main li, div.main a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.main a, div.main img {display: block;width: 100%;}

div.main div.border:first-child {margin-top: 0;}

div.main h3 {position: relative;}
div.main h3:after {position: absolute;left: 0;width: 100%;content: "";background-color: #cbcfd2;}
div.main h3 span {position: relative;z-index: 10;color: #0c1937;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;background-color: #fff;word-break:keep-all;}
div.main ul span {font-size: 0;line-height: 0;}

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

div.main ul {}
div.main ul > li {margin-top: 10px;}
div.main ul > li:first-child {margin-top: 0;}

div.main div.border {margin-top: 20px;}
div.main h3 {margin-bottom: 5px;}
div.main h3:after {bottom: 14px;height: 2px;}
div.main h3 span {padding-right: 15px;font-size: 20px;line-height: 30px;}

}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div#container.main {padding: 60px 25px 25px;}

div.main ul {overflow: hidden;}
div.main ul > li {float: left;margin-left: 7px;}
div.main ul > li:first-child {margin-left: 0;}

div.main div.border {margin-top: 35px;}
div.main h3 {margin-bottom: 15px;}
div.main h3:after {bottom: 13px;height: 4px;}
div.main h3 span {padding-right: 30px;font-size: 28px;line-height: 30px;}

div.main ul.main02 a + a {margin-top: 10px;}
}


div.bnrZone ul, div.bnrZone li, div.bnrZone a {margin: 0;padding: 0;list-style:none;}
div.bnrZone {position: relative;padding: 10px;background-color: #fff;}
div.bnrZone > ul {overflow: hidden;}
div.bnrZone > ul li {float: left;margin-left: 10px;}
div.bnrZone li {width: 158px !important;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.bnrZone div.bx-controls {display: none;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.bnrZone {padding: 10px;}
div.bnrZone > ul {padding-left: 100px;}

div.bnrZone div.bx-wrapper {padding-left: 100px;}
div.bnrZone div.bx-controls {position: absolute;left: 52px;top: 50%;width: 50px;height: 10px;transform:translateY(-50%);}
div.bnrZone div.bx-controls a {position: absolute;top: 0;width: 10px;height: 10px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
div.bnrZone a.bx-prev {left: 0;background-image: url('bnr_prev.png');}
div.bnrZone a.bx-next {right: 0;background-image: url('bnr_next.png');}
div.bnrZone a.bx-start {left: 50%;transform:translateX(-50%);background-image: url('bnr_play.png');}
div.bnrZone a.bx-stop {left: 50%;transform:translateX(-50%);background-image: url('bnr_pause.png');}
div.bnrZone a.active {display: none;}
}


/* Page 01 */
div.page01 div.titArea h2 {color: #2d2e82;}
div.page01 div.titArea p {color: # 0f98e8;}
div.page01 ul.listBl > li:before {background-color: #3dabf3;}
div.page01 ul.brief {border-bottom-color: #ddebfc;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page01 div.titArea h2 strong {display: block;}
div.page01 .titBg {background-image: url('titBg_01_m.png');}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page01 .titBg {background-image: url('titBg_01.png');}
}


/* Page 02 */
div.page02 div.titArea h2 {color: #2d2e82;}
div.page02 div.titArea p {color: # 0f98e8;}
div.page02 ul.listBl > li:before {background-color: #cb448e;}
div.page02 ul.brief {border-bottom-color: #efd6e4;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page02 div.titArea h2 strong {display: block;}
div.page02 .titBg {background-image: url('titBg_02_m.png');}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page02 .titBg {background-image: url('titBg_02.png');}
}



/* Page 03 */
div.page03 div.titArea h2 {color: #2d2e82;}
div.page03 div.titArea p {color: # 0f98e8;}
div.page03 ul.listBl > li:before {background-color: #e7901e;}
div.page03 ul.brief {border-bottom-color: #f6ddbd;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page03 div.titArea h2 strong {display: block;}
div.page03 .titBg {background-image: url('titBg_01_m.png');}
}

/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page03 .titBg {background-image: url('titBg_01.png');}
}

/* Page 04 */
div.page04 div.titArea h2 {color: #2d2e82;}
div.page04 div.titArea p {color: # 0f98e8;}

ul.result, ul.result li {margin: 0;padding: 0;list-style:none;}
ul.result {background-color: #f0f2fa;}
ul.result > li {position: relative;border-top: 1px solid #9298b2;}
ul.result > li:first-child {border-top: 0 none;}
ul.result span {position: absolute;right: 10px;top: 50%;transform:translateY(-50%);}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page04 div.titArea h2 strong {display: block;}
div.page04 .titBg {background-image: url('titBg_01_m.png');}

ul.result {padding: 10px 15px;}
ul.result li {padding:10px 80px 10px 10px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page04 .titBg {background-image: url('titBg_01.png');}

ul.result {padding: 20px 35px;}
ul.result li {padding:10px 120px 10px 10px;}
}



/* Page 05 */

div.page05 div.titArea h2 {color: #2d2e82;}
div.page05 div.titArea p {color: # 0f98e8;}
div.page05 ul.listBl > li:before {background-color: #e7901e;}
div.page05 ul.brief {border-bottom-color: #f6ddbd;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page05 div.titArea h2 strong {display: block;}
div.page05 .titBg {background-image: url('titBg_03_m.png');}
}

/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page05 .titBg {background-image: url('titBg_03.png');}
}

/* Page 07 */
div.page07 div.titArea {padding: 0;}
div.page07 div.titArea:after {display: block;content: "";background-position: 0 0;background-repeat: no-repeat;background-size: cover;box-shadow:0 3px 7px rgba(0,0,0,.2);}
div.page07 div.titArea h2 {color: #2d2e82;text-align: left;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;}
div.page07 div.titArea h2 span {background-color: #b43878;color: #fff;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.page07 div.titArea p {color: # 0f98e8;text-align: right;}
div.page07 ul.listBl > li:before {background-color: #e7901e;}
div.page07 ul.brief {border-bottom-color: #f6ddbd;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page07 div.titArea:after {height: 4px;background-image: url('titBg_04_m.png');}
div.page07 div.titArea h2 {padding: 10px;font-size: 17px;line-height: 25px;}
div.page07 div.titArea h2 span {display:block;width: 104px;margin-bottom: 5px;font-size: 14px;border-radius: 13px 13px 13px 0;text-align: center;}
div.page07 div.titArea p {padding: 0 10px 10px;font-size: 14px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page07 div.titArea:after {height: 8px;background-image: url('titBg_04.png');}
div.page07 div.titArea h2 {padding: 20px;font-size: 24px;line-height: 35px;}
div.page07 div.titArea h2 span {display: inline-block;vertical-align: top;margin-right: 10px;padding: 0 15px;font-size: 20px;border-radius: 18px 18px 18px 0;}
div.page07 div.titArea p {padding: 0 20px 20px;font-size: 20px;}
}

/* Page 08 */
div.page08 div.titArea {padding: 0;}
div.page08 div.titArea:after {display: block;content: "";background-position: 0 0;background-repeat: no-repeat;background-size: cover;box-shadow:0 3px 7px rgba(0,0,0,.2);}
div.page08 div.titArea h2 {color: #2d2e82;text-align: left;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;}
div.page08 div.titArea h2 span {background-color: #b43878;color: #fff;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.page08 div.titArea p {color: # 0f98e8;text-align: right;}
div.page08 ul.listBl > li:before {background-color: #e7901e;}
div.page08 ul.brief {border-bottom-color: #f6ddbd;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page08 div.titArea:after {height: 4px;background-image: url('titBg_04_m.png');}
div.page08 div.titArea h2 {padding: 10px;font-size: 17px;line-height: 25px;}
div.page08 div.titArea h2 span {display:block;width: 104px;margin-bottom: 5px;font-size: 14px;border-radius: 13px 13px 13px 0;text-align: center;}
div.page08 div.titArea p {padding: 0 10px 10px;font-size: 14px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page08 div.titArea:after {height: 8px;background-image: url('titBg_04.png');}
div.page08 div.titArea h2 {padding: 20px;font-size: 24px;line-height: 35px;}
div.page08 div.titArea h2 span {display: inline-block;vertical-align: top;margin-right: 10px;padding: 0 15px;font-size: 20px;border-radius: 18px 18px 18px 0;}
div.page08 div.titArea p {padding: 0 20px 20px;font-size: 20px;}
}


/* Page 09 */
div.page09 div.titArea {padding: 0;}
div.page09 div.titArea:after {display: block;content: "";background-position: 0 0;background-repeat: no-repeat;background-size: cover;box-shadow:0 3px 7px rgba(0,0,0,.2);}
div.page09 div.titArea h2 {color: #2d2e82;text-align: left;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;}
div.page09 div.titArea h2 span {background-color: #b43878;color: #fff;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.page09 div.titArea p {color: # 0f98e8;text-align: right;}
div.page09 ul.listBl > li:before {background-color: #e7901e;}
div.page09 ul.brief {border-bottom-color: #f6ddbd;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page09 div.titArea:after {height: 4px;background-image: url('titBg_04_m.png');}
div.page09 div.titArea h2 {padding: 10px;font-size: 17px;line-height: 25px;}
div.page09 div.titArea h2 span {display:block;width: 104px;margin-bottom: 5px;font-size: 14px;border-radius: 13px 13px 13px 0;text-align: center;}
div.page09 div.titArea p {padding: 0 10px 10px;font-size: 14px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page09 div.titArea:after {height: 8px;background-image: url('titBg_04.png');}
div.page09 div.titArea h2 {padding: 20px;font-size: 24px;line-height: 35px;}
div.page09 div.titArea h2 span {display: inline-block;vertical-align: top;margin-right: 10px;padding: 0 15px;font-size: 20px;border-radius: 18px 18px 18px 0;}
div.page09 div.titArea p {padding: 0 20px 20px;font-size: 20px;}
}



/* Page 10 */
div.page10 div.titArea {padding: 0;}
div.page10 div.titArea:after {display: block;content: "";background-position: 0 0;background-repeat: no-repeat;background-size: cover;box-shadow:0 3px 7px rgba(0,0,0,.2);}
div.page10 div.titArea h2 {color: #2d2e82;text-align: left;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;}
div.page10 div.titArea h2 span {background-color: #b43878;color: #fff;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}
div.page10 div.titArea p {color: # 0f98e8;text-align: right;}
div.page10 ul.listBl > li:before {background-color: #e7901e;}
div.page10 ul.brief {border-bottom-color: #f6ddbd;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
div.page10 div.titArea:after {height: 4px;background-image: url('titBg_04_m.png');}
div.page10 div.titArea h2 {padding: 10px;font-size: 17px;line-height: 25px;}
div.page10 div.titArea h2 span {display:block;width: 104px;margin-bottom: 5px;font-size: 14px;border-radius: 13px 13px 13px 0;text-align: center;}
div.page10 div.titArea p {padding: 0 10px 10px;font-size: 14px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
div.page10 div.titArea:after {height: 8px;background-image: url('titBg_04.png');}
div.page10 div.titArea h2 {padding: 20px;font-size: 24px;line-height: 35px;}
div.page10 div.titArea h2 span {display: inline-block;vertical-align: top;margin-right: 10px;padding: 0 15px;font-size: 20px;border-radius: 18px 18px 18px 0;}
div.page10 div.titArea p {padding: 0 20px 20px;font-size: 20px;}
}

ul.imgList, ul.imgList li,
ul.step, ul.step li {margin: 0;padding: 0;list-style:none;}

ul.step:after,
ul.imgList span,
ul.step span {display: block;text-align: center;color: #7a7f8c;content: attr(data-text);}
ul.step li {position: relative;}
ul.step li:before {position: absolute;top: 50%;transform:translateY(-50%);content: "";border-radius:50%;background: #e9eef5 url('step_bg.png') center center no-repeat;}

ul.imgList li:first-child,
ul.step li:first-child {margin-left: 0;}
ul.step li:first-child:before {display: none;}

a.goDMJ {display: block;width: 220px;margin: 0 auto;color: #fff;font-size: 17px;line-height: 55px;background-color: #001e74;font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;text-align: center;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
ul.imgList,
ul.step {overflow: hidden;margin-top: 10px;}

ul.step:after,
ul.imgList span,
ul.step span {clear: both;padding-top: 5px;font-size: 12px;line-height: 16px;}

ul.imgList img,
ul.step img {display: block;width: 100%;}


ul.imgList li,
ul.step li {float: left;margin-top: 10px;}

ul.imgList li {width: calc(50% - 10px);margin-left: 10px;}
ul.imgList li:nth-child(odd) {clear: both;margin-left: 0;}

ul.step li {width: calc(50% - 20px);margin-left: 40px;}
ul.step li:before {left: -35px;width: 30px;height: 30px;background-size: 9px;}
}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
ul.imgList,
ul.step {margin-top: 25px;text-align: center;font-size: 0;line-height: 0;}

ul.step:after,
ul.imgList span,
ul.step span {padding-top: 10px;font-size: 15px;line-height: 25px;}

ul.imgList li,
ul.step li {display: inline-block;vertical-align: top;}

ul.imgList li {margin-left: 10px;}

ul.step li {margin-left: 90px;}
ul.step li:before {left: -80px;width: 70px;height: 70px;}
}

/* === 매뉴 추가 === */
ul.conMenu {margin: 0; padding: 0; list-style: none; font-size:0; line-height: 0;}
ul.conMenu li a {background-color: #f5f1ee; border-color: #f5f1ee !important; color: #0c1937; box-sizing:border-box;}
ul.conMenu li.on a {background-color: #2d2e82; border-color: #2d2e82 !important;}
ul.conMenu + div.titArea {padding-top: 0;}
/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
	ul.conMenu {padding: 20px;}
	ul.conMenu.col2ea li a {border-top: 0 !important;}
	ul.conMenu.col2ea li a {border-top: 0 !important; font-size:14px; height: 40px;}
}

/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
	ul.conMenu {padding: 20px;}
	ul.conMenu.col2ea li a {border-top: 0 !important; font-size:17px; height: 55px;}
}


/* === 탭매뉴 추가 === */
ul.tabMenu {margin: 0; padding: 0; list-style: none;}
ul.tabMenu:after {content: "";clear: both;display: block;height: 0;line-height: 0;font-size: 0;}
ul.tabMenu li a {display: table-cell;width: 100vw;vertical-align: middle;text-align: center;background-color: #f5f1ee; border-color: #f5f1ee !important; color: #0c1937; box-sizing:border-box;}
ul.tabMenu li.on a {color: #fff;background-color: #2d2e82; border-color: #2d2e82 !important;}
/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
	ul.tabMenu {padding: 20px;}
	ul.tabMenu.col2ea li a {border-top: 0 !important;}
	ul.tabMenu.col2ea li a {border-top: 0 !important; font-size:14px; height: 40px;}
}

/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
	ul.tabMenu {padding: 20px;}
	ul.tabMenu > li {float: left;}
	ul.tabMenu a {font-size: ;}
	ul.tabMenu.col2ea li a {border-top: 0 !important; font-size:17px; height: 55px;}
}


/* === sub12 cardList === */
ul.cardList, ul.cardList li {margin: 0;padding: 0;list-style: none;font-size: 0;line-height: 0;}

/*  Mobile : ~ width:999px  */
@media screen and (max-width: 999px) {
ul.cardList li + li {margin-top: 20px;}
ul.cardList li img {width: 100%;height: 100%;}

ul.cardList li:nth-child(1) {background: url('sub/page12_01_m.png') no-repeat center top;}

}


/*  PC : width:1000px ~  */
@media screen and (min-width: 1000px) {
ul.cardList:after {clear: both;display: block;content:'';font-size: 0;line-height: 0;height: 0;}
ul.cardList li {float: left;width: 445px;height: 370px;margin: 20px 20px 0 0;}
ul.cardList li:nth-child(-n+2) {margin-top: 0;}
ul.cardList li:nth-child(2n) {margin-right: 0;}

ul.cardList li:nth-child(1) {background: url('sub/page12_01.png') no-repeat center top;}
ul.cardList li:nth-child(2) {background: url('sub/page12_02.png') no-repeat center top;}
ul.cardList li:nth-child(3) {background: url('sub/page12_03.png') no-repeat center top;}
ul.cardList li:nth-child(4) {background: url('sub/page12_04.png') no-repeat center top;}
}

/* table button style 추가 - 24.04.29 박민지 */
.tblDef td.btn > .btnDef{
	height: auto;
}