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

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

.btn a,
.btn span,
.btnArea a {height:19px;line-height:19px !important;padding:7px 16px 8px;}
.btn a img {margin: 1px 5px 0 0;}

.btn .btnSmall {height:20px;line-height:15px;padding:0 5px;}
.btn a.btnSmall,
.btn span.btnSmall {height:15px;line-height:15px !important;padding:2px 5px 3px;}

.btn a span {border:0 none;padding:0;}
.btn a.btnSmall span {height:15px;line-height:15px !important;}


/* 파란색 */				.btn .btnDef {background-color:#36538c !important;border-color:#36538c !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:#36538c !important;color:#36538c !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;}

/* 큰 버튼 */
.btn .btnBig,
form div.btnArea > * {min-width:120px;height:40px;padding:8px 30px 10px;font-size:15px;line-height: 20px;font-weight: normal;text-align: center;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;text-decoration: none;}
.btn a.btnBig {display: inline-block;vertical-align: top;box-sizing: border-box;}
.btn > span.btnBig,
form div.btnArea a, 
form div.btnArea .btn > span {padding:15px 30px 0;line-height: 25px;}

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

table.inputTbl .btnSmall {height:25px;font-size:12px;}
table.inputTbl a.btnSmall {height:18px;padding:2px 13px 3px;}

div.btnArea {margin-top: 50px;text-align: center;font-size: 0;line-height: 0;}
div.btnArea > * {margin-left: 10px;}
div.btnArea > *:first-child {margin-left: 0;}

td.btn a {display: inline-block;min-width: 75px;margin: 0 3px;border-radius: 3px;text-align: center;vertical-align: top;text-decoration: none;color: #fff;font-size: 13px;line-height: 26px;font-family: 'NotoSansKR Regular', sans-serif;}
/* 카드 */ .btn .card {background-color: #342ce0 !important;border-color: #342ce0 !important;}
/* 영수증 */ .btn .receipt {background-color: #383838 !important;border-color: #383838 !important;} 

div.wrapper {overflow: hidden;position: relative;min-width: 1300px;padding-top: 155px;font-family: 'OpenSans-Regular', 'NotoSansKR Regular', sans-serif;}
a, input[type=text], input[type=submit], input[type=button], input[type=reset], button,
.btn > span {font-family: 'OpenSans-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 {z-index: 90;position: absolute;left: 0;top: 0;width: 100%;height: 155px;padding-top: 100px;border-bottom: 1px solid #e5e5e5;box-sizing:border-box;}
div#headerWrap:before {position: absolute;left: 0;top: 100px;width: 100%;height: 1px;content: "";background-color: #e5e5e5;}

div#headerWrap h1, div#headerWrap h1 a {margin: 0;padding: 0;text-decoration: none;}
div#headerWrap h1 {position: absolute;left: 50%;top: 22px;width: 370px;height: 56px;margin-left: -650px;}

div#headerWrap h1 a,
div#headerWrap h1 img {display: block;}

ul.relSite, ul.relSite li, ul.relSite a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.relSite {position: absolute;left: 50%;top: 35px;width: 650px;text-align: right;font-size: 0;line-height: 0;}
ul.relSite li {display: inline-block;vertical-align: top;}
ul.relSite a,
ul.relSite img {display: block;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.headerUtil {z-index: 5;position: absolute;left: 50%;top: 35px;margin-left: 177px;width: 474px;padding: 0 307px 0 6px;box-sizing: border-box;font-size: 0;line-height: 0;text-align: right;}
ul.headerUtil li {position: relative;display: inline-block;vertical-align: top;padding: 0 4px;}
ul.headerUtil li:before {position: absolute;top: 50%;left: 0;display: block;width: 1px;height: 8px;margin-top: -4px;background-color: #3b3a3a;content: '';}
ul.headerUtil li a {padding: 5px 10px;color: #368c81;font-size: 15px;line-height: 22px;font-family: 'Roboto-Regular', sans-serif;}
ul.headerUtil li:first-child:before {display: none;}
ul.headerUtil li:first-child a {color: #3b3a3a;}

/* GNB */
ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {z-index: 30;position: relative;width: 1200px;margin: 0 auto;}
ul#gnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul#gnb > li {float: left;width: 200px;}
ul#gnb > li > a {display: block;padding: 12px 0;text-align: center;font-size: 20px;line-height: 30px;color: #222;font-family: 'Roboto-Regular', sans-serif;}

ul#gnb ul {padding: 10px 0 40px;box-sizing:border-box;}
ul#gnb ul li {padding-top: 15px;}
ul#gnb ul a {display: block;padding: 0 10px;color: #fff;font-size: 16px;line-height: 20px;font-family: 'Roboto-Light', sans-serif;text-align: center;word-break:keep-all;}
ul#gnb ul a:hover {text-decoration: underline;color: #fffe98;}

ul#gnb > li.on > a {color: #253b68;font-family: 'Roboto-Medium', sans-serif;}
ul#gnb > li.on ul {background-color: rgba(255,255,255,.1);}

div.gnbBg {position: absolute;left: 0;top: 154px;width: 100%;background: #253b68 url('../image/gnbBg.png') center bottom no-repeat;}



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




/* Footer */
div#footerWrap ul, div#footerWrap li, div#footerWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div#footerWrap {padding: 32px 0;text-align: center;font-size: 0;line-height: 0;background-color: #e4e4e4;}
div#footerWrap li,
div#footerWrap p,
div#footerWrap a {color: #727272;font-family: 'OpenSans-Regular', sans-serif;font-size: 15px;line-height: 24px;}

div#footerWrap ul {}
div#footerWrap li {position: relative;display: inline-block;vertical-align: top;padding-left: 26px;}
div#footerWrap li:before {position: absolute;left: 12px;top: 50%;width: 2px;height: 12px;margin-top: -6px;content: "";background-color: #b4b4b4;}
div#footerWrap li:first-child {padding-left: 0;}
div#footerWrap li:first-child:before {display: none;}
div#footerWrap address {font-style: normal;}




/* Container */
div#container {position: relative;}
div#container:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.titArea {display: table-cell;width: 2500px;height: 197px;background-position: center top;background-repeat: no-repeat;text-align: center;vertical-align: middle;}
/* About KDA */			div.sub01 .titArea {background-image:url('../image/bg_01.png');}
/* Meetings */				div.sub02 .titArea {background-image:url('../image/bg_02.png');}
/* Journals */				div.sub03 .titArea {background-image:url('../image/bg_03.png');}
/* Notices */					div.sub04 .titArea {background-image:url('../image/bg_04.png');}
/* Resources */				div.sub05 .titArea {background-image:url('../image/bg_05.png');}
/* Related websites */		div.sub06 .titArea {background-image:url('../image/bg_06.png');}
/* Member */		div.sub07 .titArea {background-image:url('../image/bg_07.png');}
/* My page */		div.sub08 .titArea {background-image:url('../image/bg_08.png');}

.pageTit {margin: 0;padding: 0;font-weight: normal;text-align: center;color: #fff;font-size: 33px;line-height: 40px;font-family: 'OpenSans-SemiBold', sans-serif;}

dl.pagePath, dl.pagePath dt, dl.pagePath dd, dl.pagePath ul, dl.pagePath li {margin: 0;padding: 0;list-style:none;}
dl.pagePath {padding-top: 5px;font-size: 0;line-height: 0;}
dl.pagePath dt {visibility: hidden;}
dl.pagePath li {display: inline-block;vertical-align: top;padding: 0 20px;color: #fff;font-size: 15px;line-height: 20px;font-family: 'OpenSans-Regular', sans-serif;background: url('../image/pagePath_arr.png') 0 7px no-repeat;}
dl.pagePath li:first-child {background-image: url('../image/pagePath_home.png');background-position: 0 5px;}


/* LNB */
dl#lnb, dl#lnb dt, dl#lnb dd, dl#lnb ul, dl#lnb li, dl#lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl#lnb {z-index: 70;position: absolute;left: 50%;top: 132px;width: 270px;margin-left: -650px;background-color: #fff;}
dl#lnb > dt {display: table-cell;width: 270px;height: 160px;padding: 0 20px;text-align: center;vertical-align: middle;color: #fff;font-size: 34px;line-height: 40px;letter-spacing:-1px;font-family: 'OpenSans-SemiBold', sans-serif;background: url('../image/lnb_bg.png') 0 0 no-repeat;}
dl#lnb ul {border: 1px solid #d7d7d7;}
dl#lnb li {border-top: 1px solid #d7d7d7;}
dl#lnb li:first-child {border-top: 0 none;}
dl#lnb a {display: block;padding: 20px 50px 20px 20px;color: #444;font-size: 18px;line-height: 20px;font-family: 'OpenSans-Regular', sans-serif;background: url('../image/lnb.png') right center no-repeat;letter-spacing:-1px;}
dl#lnb a:hover {text-decoration: underline;}
dl#lnb .on a {text-decoration: underline;color: #2857b2;background-image: url('../image/lnb_on.png');}

/* Contents */
div.contents {z-index: 50;position: relative;width: 1300px;margin: 0 auto;padding:35px 0 70px 330px;color: #222;font-size: 16px;line-height: 24px;font-family: 'OpenSans-Regular', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}



/* 타이틀영역 */
.subTit {margin: 50px 0 15px -25px;padding: 0 0 0 25px;font-weight: normal;font-size: 28px;line-height: 30px;font-family: 'OpenSans-SemiBold', sans-serif;color: #222;background: url('../image/subTit.png') 0 10px no-repeat;}
.subTit_bl {position: relative;margin: 50px 0 10px;padding: 0 0 0 17px;font-weight: normal;font-size: 22px;line-height: 30px;color: #36538c;font-family: 'OpenSans-SemiBold', sans-serif;}
.subTit_bl:before {position: absolute;left: 0;top: 9px;width: 3px;height: 16px;content: "";background-color: #36538c;}

.boldTit {color: #222;font-weight: normal;font-family: 'OpenSans-SemiBold', sans-serif;}

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


/* 컨텐츠관련 CSS */
div.contents > p {margin: 30px 0 0;}
div.contents > p:first-child,
div.contents .subTit + p {margin-top: 0;}

div.imgArea {position: relative;margin-top: 30px;}
.subTit + div.imgArea,
.subTit_bl + div.imgArea {margin-top: 0;}

div.imgArea > p {margin:20px 0 0;}
div.imgArea > p:first-child {margin-top: 0;}
div.imgArea img {display: block;}

div.imgArea.right {padding-right: 275px;}
div.imgArea.right div.img {position: absolute;right: 0;top: 0;}


dl.txtCon, dl.txtCon > dt, dl.txtCon > dd {margin: 0;padding: 0;}
dl.txtCon {margin-top: 30px;}
dl.txtCon.bg {padding: 20px 35px;background-color: #f5f5f5;}
dl.txtCon > dt {margin-top: 30px;}
dl.txtCon > dt:first-child {margin-top: 0;}

dl.txtCon a.conLink {color: #1217dd;text-decoration: none;}

/* 리스트 스타일 */
ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 15px;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";}

ul.listDot, ul.listDot > li {margin: 0;padding: 0;list-style:none;}
ul.listDot > li {position: relative;padding-left: 15px;}
ul.listDot > li:before {position: absolute;left: 0;top: 10px;content: "";width: 4px;height: 4px;background-color: #150219;}

ul.listNum {margin: 0;padding: 0;}
ul.listNum > li {margin-left: 20px;list-style:decimal;}

ul.listRoman {margin: 0;padding: 0;}
ul.listRoman > li {margin-left: 20px;list-style:upper-roman;}


ul.listAlpha {margin: 0;padding: 0;}
ul.listAlpha > li {margin-left: 20px;list-style:lower-alpha;}


/* 메뉴 */
ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {position: relative;padding: 0 40px;margin-bottom: 40px;}
ul.subMenu:before {position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 1px;line-height: 0;font-size: 0;content: "";background-color: #d7d7d7;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu li {float: left;}
ul.subMenu a {display: table-cell;width: 700px;height: 40px;padding:0 5px 15px;vertical-align: bottom;text-align: center;color: #7a7a7a;font-size: 16px;line-height: 20px;font-family: 'OpenSans-Regular', sans-serif;word-break:keep-all;}
ul.subMenu .on a {padding-bottom: 11px;border-bottom: 4px solid #222;color: #222;font-family: 'OpenSans-SemiBold', sans-serif;}

ul.subMenu.ac {font-size: 0;line-height: 0;text-align: center;}
ul.subMenu.ac li {float: none;display: inline-block;vertical-align: top;padding: 0 20px;box-sizing:border-box;}
ul.subMenu.ac a {width: auto;}
ul.subMenu.ac .on a {padding-bottom: 11px;border-bottom: 4px solid #222;color: #222;font-family: 'OpenSans-SemiBold', sans-serif;}

.subTit + ul.subMenu {margin-top: 40px;}

ul.conMenu, ul.conMenu li, ul.conMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.conMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.conMenu li {float: left;}
ul.conMenu a {display: table-cell;width: 700px;height: 60px;padding:0 10px;border: 1px solid #d7d7d7;border-left: 0 none;vertical-align: middle;text-align: center;color: #7a7a7a;font-size: 15px;line-height: 18px;font-family: 'OpenSans-Regular', sans-serif;word-break:keep-all;}
ul.conMenu.col7ea > li:nth-child(7n+1) a {border-left: 1px solid #d7d7d7;}
ul.conMenu .on a {color: #fff;background-color: #36538c;font-family: 'OpenSans-SemiBold', sans-serif;}

ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}
ul.col7ea > li {width: 14.3%;}
ul.col7ea > li:nth-child(7n+1) {width: 14.2%;}

ul.col4ea > li:nth-child(4n+1),
ul.col5ea > li:nth-child(5n+1),
ul.col7ea > li:nth-child(7n+1) {clear: both;}

/* 토글 메뉴 */
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: 'OpenSans-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: 'OpenSans-SemiBold', 'NotoSansKR Bold', sans-serif;}




/* 기본테이블 형식 */
table.tblDef {border-top: 2px solid #36538c;}
table.tblDef > * > tr > * {padding: 10px 20px;border-right: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;color: #777;font-size: 16px;line-height: 20px;font-family: 'OpenSans-Regular', 'NotoSansKR Regular', sans-serif;}
table.tblDef > * > tr > *:last-child {border-right: 0 none;}

table.tblDef > colgroup + tbody > tr:first-child > * {border-top: 1px solid #d1decd;}
table.tblDef > * > tr > th {background-color: #eaf1fa;color: #36538c;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}
table.tblDef > thead  + tbody > tr > th {background-color: #f9f9f9;color: #222;text-align: left;}

table .bdLeft {border-left: 1px solid #d1decd !important;}
table .bdRight {border-right: 1px solid #d1decd !important;}
table.ac > * > tr > * {text-align: center !important;}

table.fzSmall > * > tr > * {font-size: .8em;}


/* ============ 폼태그 ============ */
div.formArea {}
.essen {position:relative;}
.essen:after {display: inline-block;vertical-align: top;padding-left: 5px;content: "*";color: #d3214b;}

label,
span.label,
div.formArea span {display: inline-block;vertical-align: top;line-height: 40px;}

input[type=checkbox],
input[type=radio] {display: inline-block;vertical-align: top;margin: 14px 5px 0 0;}

input[type=text],
input[type=password],
input[type=number],
select {height: 40px;padding: 0;border: 1px solid #ccc;background-color: #fff;box-sizing:border-box;}

select[disabled=disabled],
input[disabled=disabled] {background-color: #f8f8f8;}


input[type=text],
input[type=password],
input[type=number] {padding: 0 15px;}

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



.multi {}
.multi:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.multi > * {float: left;}
.multi input[type=radio],
.multi input[type=checkbox] {margin:14px 5px 0 35px;}
.multi input[type=image] {margin-top: 10px;}

.multi input[type=radio]:first-child, 
.multi input[type=checkbox]:first-child {margin-left: 0;}

.period {}
.period:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.period > * {float: left;}
.period input[type=text] {width: 150px;}
.period span {width: 30px;text-align: center;}

.withBtn {}
.withBtn:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
.withBtn > * {float: left;margin: 0 5px 0 0;}
.withBtn a {display: inline-block;min-width: 75px;margin: 7px 5px 0 0;vertical-align: top;border-radius: 3px;background-color: #333945;color: #fff;text-align: center;font-size: 13px;line-height: 26px;text-decoration: none;box-sizing: border-box;}


table.inputTbl {border-top: 2px solid #36538c;}
table.inputTbl > * > tr > * {padding: 10px;border-bottom: 1px solid #d7d7d7;color: #777;font-size: 16px;line-height: 20px;font-family: 'OpenSans-Regular', 'NotoSansKR Regular', sans-serif;}
table.inputTbl > * > tr > *:last-child {border-right: 0 none;}

table.inputTbl > colgroup + tbody > tr:first-child > * {border-top: 1px solid #d1decd;}
table.inputTbl > * > tr > th {background-color: #f9f9f9;color: #282828;font-family: 'OpenSans-SemiBold', 'NotoSansKR Bold', sans-serif;}
table.inputTbl > thead > tr > th {background-color: #eaf1fa;color: #36538c;}
table.inputTbl td.pluginArea {padding: 0;}

table.inputTbl.border {}
table.inputTbl.border > * > tr > * {padding: 10px;border-bottom: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;color: #777;font-size: 16px;line-height: 20px;font-family: 'OpenSans-Regular', 'NotoSansKR Regular', sans-serif;}
table.inputTbl.border > * > tr > *:first-child {border-left: 0 none;}
table.inputTbl.border  > * > tr > th {background-color: #eaf1fa;color: #36538c;font-family: 'OpenSans-SemiBold', 'NotoSansKR Bold', sans-serif;}


.email {}
.email:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
.email > * {float: left;margin: 0 0 0 5px;}
.email > *:first-child {margin-left: 0;}

.address {}
.address:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
.address > * {float: left;margin: 5px 0 0 ;}
.address > *:first-child {margin-top: 0;}

/* ============ 게시판 ============ */
table.bbs {width:100%;border-collapse:separate;border-spacing:0;margin:0;padding:0;border:0 none;border-top: 2px solid #36538c;}
.ie7 table.bbs {border-collapse:collapse;}

table.bbs > * > tr > * {padding: 10px;border-bottom: 1px solid #d7d7d7;color: #222;font-size: 16px;line-height: 20px;font-family: 'OpenSans-Regular', sans-serif;word-break:keep-all;text-align: center;}
table.bbs > * > tr.notice > * {background-color: #ffede8;}

table.bbs > colgroup + tbody > tr:first-child > * {border-top: 1px solid #d1decd;}
table.bbs > * > tr > th {background-color: #f8f8f8;color: #222;font-family: 'OpenSans-SemiBold', sans-serif;font-weight:normal;}
table.bbs > thead > tr > th {background-color: #eaf1fa;color: #36538c;}
table.bbs > * > tr > .bg {background-color: #f8f8f8;color: #222;}
table.bbs td.tit {text-align: left;}
table.bbs td.tit a {display: block;text-decoration: none;color: #222;font-family: 'OpenSans-SemiBold', sans-serif;}


div.bbsUtil {position: relative;margin-top: 50px;text-align: right;}
a.write {position: absolute;right: 0;top: 50%;transform:translateY(-50%);display: block;text-align: center;text-decoration: none;width: 120px;font-size: 15px;line-height: 40px;color: #fff;border: 0 none;background-color: #36538c;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}
a.list {position: absolute;left: 0;top: 50%;transform:translateY(-50%);display: block;text-align: center;text-decoration: none;width: 120px;font-size: 15px;line-height: 40px;color: #fff;border: 0 none;background-color: #8d8d8d;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}

a.btnModify {display: inline-block;vertical-align: top;text-align: center;text-decoration: none;width: 100px;font-size: 15px;line-height: 38px;color: #36538c;border: 1px solid #36538c;background-color: #fff;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}
a.btnDel {display: inline-block;vertical-align: top;text-align: center;text-decoration: none;width: 100px;font-size: 15px;line-height: 40px;color: #fff;border: 0 none;background-color: #36538c;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}


div.bbs ul.option li {overflow: hidden;}
div.bbs ul.option li > * {float: left;}
div.bbs ul.option label {min-width: 38px;}
div.bbs span.term {display: inline-block;vertical-align: top;width: calc(100% - 38px);}
div.bbs span.term input[type=text] {width: calc(50% - 15px);}


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

ul.blockList li {position: relative;float: left;width: 310px;margin: 20px 0 0 20px;}
ul.blockList li:nth-child(3n+1) {clear: both;margin-left: 0;}
ul.blockList li > a {position: relative;display: block;height: 218px;padding: 25px 30px;border: 1px solid #ccc;box-sizing:border-box;}
ul.blockList a.dmj {
	position: absolute;
	left: 35px;
	bottom: 34px;
	width: 60px;
	height: 25px;
	padding: 0;
	border-radius: 13px;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background-color: #39b5bf;
	font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;
}

ul.blockList span {display: block;}
ul.blockList span.tit {font-size: 18px;line-height: 24px;color: #222;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul.blockList span.thumb {position: absolute;right: 9px;bottom: 9px;width: 120px;height: 120px;}
ul.blockList span.thumb img {display: block;width: 100%;height: 100%;}

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

ul.site li {position: relative;float: left;width: 310px;margin: 20px 0 0 20px;}
ul.site li:nth-child(3n+1) {clear: both;margin-left: 0;}
ul.site li > a {overflow: hidden;position: relative;display: table-cell;width: 310px;height: 218px;padding: 0 10px;border-radius: 10px;border: 1px solid #ccc;text-align: center;vertical-align: middle;font-size: 18px;line-height: 24px;color: #222;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}
ul.site li > a:hover:before {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: rgba(0,0,0,.75) url('../image/site_over.png') center center no-repeat;}
ul.site span {display: block;}
ul.site span.thumb {padding-bottom: 20px;}
ul.site span.thumb img {display: block;margin: 0 auto;}



/* Pager */
ul.pager, ul.pager li, ul.pager a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.pager {text-align: center;font-size: 0;line-height: 0;}

ul.pager li {display: inline-block;vertical-align: top;}
ul.pager li {margin-left: 10px;}
ul.pager li.prev {margin-right: 15px;}
ul.pager li.next {margin-left: 25px;}

ul.pager a {display: block;height: 20px;line-height: 20px;font-size: 16px;color: #b3b3b3;font-family: 'OpenSans-Regular', sans-serif;text-align: center;box-sizing:border-box;}
ul.pager a.on {color: #222;font-family: 'OpenSans-SemiBold', 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;}

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


/* 게시판 > 상세보기 */
dl.bbs, dl.bbs dt, dl.bbs dd, dl.bbs ul, dl.bbs li, dl.bbs a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.bbsView h4 {margin: 0;padding: 0;font-weight: normal;}

dl.bbs {border-top: 2px solid #36538c;}
dl.bbs > dt,
dl.bbs > dd,
div.bbsView h4 {padding: 20px 30px;}

dl.bbs dt,
div.bbsView h4 {color: #222;font-size: 20px;line-height: 30px;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}

dl.bbs dt {padding-bottom: 10px;}
dl.bbs dt + dd {padding-top: 0;}
dl.bbs dd.link {border-top: 1px solid #ccc;}
dl.bbs dd.link a {color: #1e78cc;}

dl.bbs ul {overflow: hidden;}
dl.bbs li {position: relative;float: left;font-size: 16px;line-height: 20px;}
dl.bbs li:first-child {padding-right: 34px;}
dl.bbs li:first-child:after {position: absolute;right: 16px;top: 50%;width: 2px;height: 10px;margin-top: -5px;content: "";background-color: #777;}
dl.bbs li:last-child {float: right;}

dl.bbs dd.link {text-align: right;}
dl.bbs dd.link a {word-break:break-all;}

div.bbsCon {min-height: 500px;border-bottom: 1px solid #e5e5e5;font-family: 'OpenSans-Regular', 'NotoSansKR Regular', sans-serif;}

ul.attachment, ul.attachment li, ul.attachment a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.attachment {padding: 20px 25px;border-bottom: 1px solid #e5e5e5;background-color: #f7f7f7;}
ul.attachment > li {margin-top: 10px;}
ul.attachment > li:first-child {margin-top: 0;}
ul.attachment a {display: inline-block;vertical-align: top;padding-left: 25px;font-size: 16px;line-height: 20px;background: url('../image/icon/attach.png') 0 2px no-repeat;color: #222;font-family: 'NotoSansKR Regular', sans-serif;}

div.bbsView + div.bbsUtil {margin-top: 30px;height: 40px;}


/* Meetings > KDA Meetings */
table.meetings {}
table.meetings > * > tr > * {border-right: 1px solid #d7d7d7;}
table.meetings > * > tr > *:last-child {border-right: 0 none;}
table.meetings td.tit a:after {display: block;content: attr(pub-venue);padding-top: 5px;color: #777;font-family: 'OpenSans-Regular', sans-serif;}
a.goSite {display: inline-block;vertical-align: top;text-align: center;text-decoration: none;width: 70px;font-size: 13px;line-height: 27px;color: #fff;background-color: #888998;font-family: 'OpenSans-SemiBold', sans-serif;}


/* KDA Newsletter */
ul.cardnews, ul.cardnews li, ul.cardnews a {margin: 0;padding: 0;list-style:none;}
ul.cardnews {border-top: 2px solid #36538c;}
ul.cardnews li {position: relative;padding:0 100px 0 190px;border-bottom: 1px solid #ccc;}

ul.cardnews span.date {position: absolute;left: 0;top: 50%;width: 140px;text-align: center;transform:translateY(-50%);font-size: 50px;line-height: 50px;color: #36538c;font-family: 'OpenSans-Bold', 'NotoSansKR Bold', sans-serif;}
ul.cardnews span.date span {display: block;font-size: 15px;line-height: 20px;color: #777;font-family: 'OpenSans-Regular', 'NotoSansKR Regular', sans-serif;}
ul.cardnews span.tit {display: table-cell;width: 1300px;height: 122px;padding-right: 100px;vertical-align: middle;font-size: 20px;line-height: 26px;color: #222;font-family: 'OpenSans-SemiBold', 'NotoSansKR Medium', sans-serif;}

ul.cardnews a {position: absolute;right: 0;top: 0;width: 100px;height: 100%;font-size: 0;line-height: 0;background: url('../image/icon/cardnews_arr.png') center center no-repeat;}



/* ============ 팝업 ============ */
div.popupWrap {background-color: #fff;font-family: 'OpenSans-Regular', sans-serif;box-sizing:border-box;}


/* ============ Main ============ */
div.wrapper.main {position: relative;}
div.main div#footerWrap {background-color: #3a3a3a;} 
div.main div#footerWrap * {color:#fff;}

div#container.main {padding-bottom: 30px;background: url('/english/image/mainVisual_bg_2026_v2.png') no-repeat top center;}


/* 메인 bbs / mainBbs */
div.mainBbs {position: relative;width:1300px;margin: 0 auto;overflow:hidden;font-size: 0;box-sizing:border-box;}
div.mainBbs > div {display: inline-block;vertical-align:middle;}

/* mainTit */
div.mainTit {}

/* mainInfo */
div.mainInfo {width:1300px;margin: 30px auto 0;font-size: 0;}
div.mainInfo > * {display: inline-block;vertical-align:top;height: 220px;margin-left: 20px;}
div.mainInfo > *:first-child {margin-left: 0;}

dl.mainNotice {position: relative;height: 215px;padding: 20px 28px;background-color: #fff;box-shadow: 2px 2px 20px rgba(0 0 0 / 22%);box-sizing:border-box;}
dl.mainNotice dt {font-family: 'Roboto-Medium',sans-serif;font-size: 22px;color:#000;}
dl.mainNotice dd {padding-top: 5px;}
dl.mainNotice ul {list-style:none;}
dl.mainNotice li {position: relative;border-top:1px dashed #ccc;background: url('/english/image/mainNotice_arr.png') no-repeat right center;}
dl.mainNotice li a {display: block;padding: 5px 155px 5px 0;font-family: 'Roboto-Regular',sans-serif;font-size: 15px;line-height: 36px;color:#000;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;box-sizing:border-box;text-decoration: none;}
dl.mainNotice span.date {position: absolute;top:50%;right:35px;transform:translateY(-50%);font-family: 'Roboto-Light',sans-serif;font-size: 14px;color:#9e9e9e;}
dl.mainNotice div.btn {position: absolute;top:25px;right:28px;}
dl.mainNotice div.btn a {display: block;width:61px;height: 22px;font-family: 'Roboto-Light',sans-serif;font-size: 13px;line-height: 22px;color:#9e9e9e;text-align: center;text-decoration: none;background-color: #36538c;border-radius:50px;color:#fff;}
dl.mainNotice div.btn a img {margin-top: 8px;} 

dl.mainResources {width:640px;padding: 20px 28px;background: url('/english/image/mainResources_bg.png') no-repeat center;background-size:cover;box-shadow: 2px 2px 20px rgba(0 0 0 / 22%);box-sizing:border-box;}
dl.mainResources dt {font-family: 'OpenSans-SemiBold',sans-serif;font-size: 22px;color:#fff;}
dl.mainResources ul {padding-top: 20px;list-style:none;overflow:hidden;}
dl.mainResources li {float:left;width:33.33%;height: 113px;border-left:1px dashed #d2d3db;text-align: center;box-sizing:border-box;}
dl.mainResources li:first-child {border-left: none;}
dl.mainResources a {display: block;text-decoration: none;color:#fff;font-size: 15px;line-height: 16px;}
dl.mainResources img {display: block;margin: 0 auto 10px;}

dl.mainKda {width:487px;padding: 24px 27px;background-color: #eef5fb;box-shadow: 2px 2px 20px rgba(0 0 0 / 22%);box-sizing:border-box;}
dl.mainKda dt {font-family: 'OpenSans-SemiBold',sans-serif;font-size: 22px;color:#000;}
dl.mainKda dd {padding-top: 5px;}
dl.mainKda ul {list-style:none;overflow:hidden;}
dl.mainKda li {float:left;width:calc(50% - 16px);margin-left: 32px;text-align: center;}
dl.mainKda li:first-child {margin-left: 0;}
dl.mainKda a {display: block;font-family: 'Roboto-Regular',sans-serif;font-size: 15px;line-height: 16px;color:#000;text-decoration: none;}
dl.mainKda img {display: block;margin-bottom: 10px;}

div.dmj {position: relative;width:640px;padding: 20px 0 0;background-color: #fff;box-sizing:border-box;}
div.dmj::after {content:"Journal";position: absolute;top:-17px;right:17px;width:89px;height: 40px;background-color: #006cc8;font-family: 'GmarketSansTTFBold',sans-serif;font-size: 14px;line-height: 40px;color:#fff;text-align: center;box-shadow:3px 3px 0 rgba(0 0 0 / 20%);font-style: italic;}
div.dmj dl {padding: 0 28px;}
div.dmj dt {font-family: 'Roboto-Medium',sans-serif;font-size: 22px;color:#000;letter-spacing: -1px;}
div.dmj dd {position: relative;min-height: 164px;margin-top: 20px;padding: 15px 0 0 145px;font-family: 'Roboto-Regular',sans-serif;font-size: 15px;line-height: 20px;color:#333;box-sizing:border-box;}
div.dmj dd a {display: block;width:110px;height: 30px;margin-top: 15px;line-height: 30px;font-size: 14px;color:#fff;text-align: center;border-radius:50px;background-color: #545675;text-decoration: none;}
div.dmj dd a img {margin: 11px 0 0 10px;}
div.dmj dd > img {position: absolute;top:0;left:0;box-shadow:3px 3px 0 rgba(0 0 0 / 20%);}
div.dmj dd span.factor {position: absolute;right:0;bottom:0;}

div.journalMore {margin: 18px 0;padding: 0 28px;font-size: 0;line-height: 0;}
div.journalMore a {display: inline-block;vertical-align: top;width:calc(50% - 5px);height: 45px;margin-left: 10px;padding-left: 25px;font-family: 'Roboto-Regular',sans-serif;font-size: 16px;line-height: 45px;background: #36538c url('/english/image/dmj_arr.png') no-repeat 90% center;box-sizing:border-box;text-decoration: none;color:#fff;}
div.journalMore a:first-child {margin-left: 0;}

div.dmj > ul {padding: 15px 20px;list-style:none;background-color: #e8f0ff;}
div.dmj > ul li {position: relative;padding-left: 5px;font-family: 'Roboto-Regular',sans-serif;font-size: 16px;line-height: 32px;color:#000;}
div.dmj > ul li::before {content:"";position: absolute;top:50%;left:0;transform:translateY(-50%);width:2px;height: 2px;background-color: #2d3030;}

div.goNewsLetter {position: relative;width:133px;padding-top: 120px;background-color: #e0e9fb;box-sizing:border-box;font-family: 'Roboto-Regular',sans-serif;font-size: 17px;color:#000;text-align: center;box-shadow: 2px 2px 20px rgba(0 0 0 / 22%);}
div.goNewsLetter > img {position: absolute;top:37px;left:40px;}
div.goNewsLetter a {position: absolute;left:0;bottom:0;width:100%;height: 50px;font-family: 'Roboto-Medium',sans-serif;font-size: 15px;line-height: 50px;color:#222;text-align: center;background-color: #c8d7f5;text-decoration: none;}
div.goNewsLetter a img {margin: 20px 0 0 8px;}

dl.kdaContact {width:337px;height: 215px;margin-top: 20px;padding: 20px;background: #fff url('/english/image/kdaContact_bg.png') no-repeat right bottom;box-sizing:border-box;box-shadow: 2px 2px 20px rgba(0 0 0 / 22%);}
dl.kdaContact dt {font-family: 'Roboto-Medium',sans-serif;font-size: 22px;color:#000;}
dl.kdaContact dd {padding-top: 5px;}
dl.kdaContact ul {list-style:none;}
dl.kdaContact li {margin-top: 6px;font-family: 'Roboto-Light',sans-serif;font-size: 14px;line-height: 26px;color:#333;}
dl.kdaContact li:first-child {margin-top: 0;}
dl.kdaContact li strong {position: relative;padding-left: 20px;line-height: 26px;}
dl.kdaContact li strong::after {content:"";position: absolute;top:50%;left:10px;transform:translateY(-50%);width:1px;height: 10px;background-color: #c4c4c4;}
dl.kdaContact li strong:first-of-type {padding-left: 0;}
dl.kdaContact li strong:first-of-type::after {display: none;}
dl.kdaContact li a {color:#333;text-decoration: none;}
dl.kdaContact li img {margin-right: 5px;}
dl.kdaContact li.address {position: relative;padding: 5px 0 0 86px;line-height: 18px;}
dl.kdaContact li.address strong {position: absolute;top:0;left:0;}

/* mainBnr */
div.mainBnr {position: relative;width:280px;height: 685px;background-color: #36538c;box-shadow: 2px 2px 20px rgba(0 0 0 / 22%)}
div.mainBnr dl {padding-top: 15px;}
div.mainBnr dt {background: url('/english/image/mainBnr_bg.png') no-repeat right bottom;text-align: center;}
div.mainBnr dt a {display: inline-block;}
div.mainBnr dt > img {display: block;margin: 0 auto 10px;}
div.mainBnr dd {padding: 20px 0 25px;font-family: 'Roboto-Regular',sans-serif;font-size: 16px;line-height: 18px;color:#fff;text-align: center;}
div.mainBnr dd span.date {display: inline-block;position: relative;margin-top: 5px;padding: 0 9px;font-family: 'Roboto-Light',sans-serif;font-size: 16px;line-height: 18px;color:#daf276;z-index: 1;}
div.mainBnr dd span.date::before {content:"";position: absolute;left:0;bottom:-3px;width:100%;height: 12px;border-radius:20px;background-color: rgba(218 242 118 / 15%);z-index: -1;}
div.mainBnr dd span.tit {font-family: 'Roboto-Bold',sans-serif;line-height: 18px;}

div.icdmList {}
div.icdmList li {font-family: 'Roboto-Regular',sans-serif;font-size: 13px;line-height: 18px;color:#fff;text-align: center;}
div.icdmList li a {display: block;margin-bottom: 5px;}
div.icdmList a.bx-prev,
div.icdmList a.bx-next {position: absolute;bottom:0;width:50%;height: 50px;border-top:1px solid rgba(255 255 255 / 40%);font-size: 0;background: no-repeat center;}
div.icdmList a.bx-prev {left:0;background-image: url('/english/image/icdmList_prev.png');}
div.icdmList a.bx-next {right:0;border-left: 1px solid rgba(255 255 255 / 40%); background-image:  url('/english/image/icdmList_next.png');}
div.icdmList a.bx-prev:hover,
div.icdmList a.bx-next:hover {background-color: rgba(255 255 255 / 10%);}

/* 영문 메인 비디오 추가 - 24.01.25 박민지 */
.mainInfo:after{
	display: block;
	content: '';
	clear: both;
}	
.left-wrap,
.right-wrap{
	float: left;
}
.mainInfo .left-wrap{
	width: 640px;
	height: 446px;
}
.video-wrap{
	width: 100%;
	height: 100%;
	background-color: #000;
}
.video-wrap iframe{
	width: 100%;
	height: 100%;
}

.mainInfo .right-wrap{
	width: 640px;
	height: auto;
}
.right-wrap:after{
	display: block;
	content: '';
	clear: both;
}
.right-wrap .mainResources{
	float: left;
	margin-bottom: 20px;
}
.right-wrap .mainKda{
	float: left;
}
.right-wrap div.goNewsLetter{
	float: left;
	height: 220px;
	margin-left: 20px;
}


/* ============ Welcome message ============ */
div.welcome {position: relative;padding-left: 350px;}
div.welcome p {margin: 30px 0 0;}
div.welcome p:first-child {margin-top: 0;}

div.welcome p.sign {position: absolute;left: 0;top: 0;width: 320px;margin-top: 0;font-family: 'OpenSans-SemiBold', sans-serif;text-align: center;}
div.welcome p.sign img {display: block;width: 100%;margin-bottom: 10px;}

/*  미션 및 비전 */
div.mission {padding-top: 30px;}
div.mission > div img {display: block;margin: 0 auto;}

div.mission table.tblDef {border-top: 0 none;}
div.mission table.tblDef th,
div.mission table.tblDef td {border-right: 0 none;border-left: 0 none;text-align: left;}
div.mission table.tblDef th {background-color: transparent;}
div.mission span,
div.mission strong {color: #4492e3;}
div.mission span {position: relative;display: inline-block;font-family: 'OpenSans-Bold', sans-serif;}
div.mission span:before {position: absolute;left: 0;top: 0;border-radius: 50%;content: "";background-color: rgba(68,146,227,.3);}

div.mission table.tblDef {margin-top: 55px;}
div.mission table.tblDef th,
div.mission table.tblDef td {padding: 20px;}

div.mission span {padding: 12px 0 0 12px;font-size: 35px;}
div.mission span:before {width: 27px;height: 27px;}
}



/* ============ KDA regulations ============ */
dl.rule, dl.rule dt, dl.rule dd {margin: 0;padding: 0;}
dl.rule > dt {margin: 30px 0 5px;font-family: 'OpenSans-SemiBold', sans-serif;}
dl.rule > dd > * {margin-top: 10px;}

dl.rule > dt:first-child,
dl.rule > dd > *:first-child {margin-top: 0;}

dl.rule ul.listNum > li {margin-top: 8px;}
dl.rule > dd > ul.listNum > li:first-child {margin-top: 0;}

ul.version, ul.version li {margin: 0;padding: 0;list-style:none;}
ul.version {margin-top: 50px;padding: 20px 0;text-align: center;font-size: 0;line-height: 0;background-color: #f5f5f5;}
ul.version > li {display: inline-block;vertical-align: top;padding: 0 10px;color: #222;font-size: 16px;line-height: 20px;font-family: 'OpenSans-Bold', sans-serif;letter-spacing:-1px;}

/* ============ History ============ */
div.history {position: relative;padding-top: 70px;}

ul.historyMenu, ul.historyMenu li, ul.historyMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.historyMenu {z-index: 50;position: absolute;left: 0;top: 0;width: 100%;text-align: center;font-size: 0;line-height: 0;background-color: #f5f5f5;}
ul.historyMenu.fixed {position: fixed;left: 50%;top: 0;width: 970px;margin-left: -320px;}
ul.historyMenu li {display: inline-block;vertical-align: top;padding-left: 85px;}
ul.historyMenu li:first-child {padding-left: 0;}
ul.historyMenu a {display: block;padding: 15px 0;color: #222;font-size: 16px;line-height: 20px;font-family: 'OpenSans-Regular', sans-serif;}
ul.historyMenu .on a {padding-bottom: 12px;border-bottom: 3px solid #222;font-family: 'OpenSans-Bold', sans-serif;}

div.historyCon {padding-top: 40px;}
div.historyCon:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.historyCon h4 {position: relative;clear: both;float: left;margin-bottom: 50px;padding: 0 10px 10px 15px;color: #36538c;font-size: 40px;line-height: 44px;border-bottom: 2px solid #36538c;text-shadow:4px 4px 0 rgba(0,0,0,.1);font-family: 'OpenSans-Bold', sans-serif;letter-spacing:-1px;}
div.historyCon h4:after {z-index: -1;position: absolute;left: 0;bottom: -2px;width: calc(100% + 38px);height: 2px;content: "";background-color: #e5e5e5;}

div.historyCon ul, div.historyCon li {margin: 0;padding: 0;list-style:none;}
div.historyCon > ul {float: right;width: 800px;padding:30px 0 50px;}
div.historyCon > ul li {padding-top: 15px;color: #222;font-size: 16px;line-height: 20px;font-family: 'OpenSans-Regular', sans-serif;}
div.historyCon > ul span {display: inline-block;vertical-align: top;padding-right: 10px;color: #36538c;font-family: 'OpenSans-Bold', sans-serif;}


/* Meetings > ICDM */
dl.recentICDM, dl.recentICDM dt, dl.recentICDM dd, dl.recentICDM ul, dl.recentICDM li, dl.recentICDM a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.recentICDM {position: relative;display: table-cell;width: 970px;height: 400px;vertical-align: middle;padding: 0 30px 0 325px;background-color: #f5f5f5;box-sizing:border-box;}
dl.recentICDM > dt {color: #36538c;font-size: 21px;line-height: 30px;font-family: 'OpenSans-SemiBold', sans-serif;}
dl.recentICDM > dt img {position: absolute;left: 28px;top: 25px;width: 270px;height: 350px;border: 1px solid #d7d7d7;}
dl.recentICDM > dd {margin-top: 20px;}
dl.recentICDM li {margin-top: 10px;}
dl.recentICDM li:first-child {margin-top: 0;}
dl.recentICDM li span {display: inline-block;vertical-align: top;padding-right: 5px;font-family: 'OpenSans-SemiBold', sans-serif;}
dl.recentICDM li img {display: inline-block;vertical-align: top;padding:4px 5px 0 0;}

dl.recentICDM dd.goTo {position: relative;padding:20px 250px 20px 15px;background-color: #248288;color: #fff;font-size: 18px;font-family: 'OpenSans-Light', sans-serif;}
dl.recentICDM dd.goTo span {display: inline-block;vertical-align: top;color: #ffdf08;}
dl.recentICDM dd.goTo strong {display: inline-block;vertical-align: top;font-size: 21px;font-family: 'OpenSans-SemiBold', sans-serif;}
dl.recentICDM dd.goTo a {position: absolute;right: 0;top: 0;width: 230px;padding: 20px 0;text-align: center;font-size: 18px;line-height: 24px;font-family: 'OpenSans-SemiBold', sans-serif;color: #fff;background-color: #064549;}
dl.recentICDM dd.goTo img {display: inline-block;vertical-align: top;padding: 3px 10px 0 0;}


ul.postICDM, ul.postICDM li, ul.postICDM a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.postICDM {}
ul.postICDM:after {clear: both;display: block;height: 1px;line-height: 0;font-size: 0;content: "";background-color: #d7d7d7;}
ul.postICDM li {float: left;position: relative;width: 50%;height: 190px;margin-bottom: 20px;padding: 20px 20px 50px 150px;border-top: 1px solid #d7d7d7;box-sizing:border-box;}
ul.postICDM li:nth-child(odd) {clear: both;}
ul.postICDM li:nth-child(-n+2) {height: 170px;border-top: 0 none;padding-top: 0;}

ul.postICDM span {position: relative;display: block;padding-left: 20px;}
ul.postICDM span img {position: absolute;left: 0;top: 3px;}

ul.postICDM span.tit {position: static;padding:0 0 10px;font-family: 'OpenSans-SemiBold', sans-serif;}
ul.postICDM span.tit img {top: 20px;width: 130px;height: 170px;border: 1px solid #d7d7d7;}
ul.postICDM li:nth-child(-n+2) span.tit img {top: 0;}

ul.postICDM a.brochure {position: absolute;left: 150px;bottom: 0;width: 100px;color: #fff;line-height: 35px;text-align: center;background-color: #36538c;}

ul.postICDM .btn-icdm-down {
	display: block;
	margin-top: 5px;
}

/* Journal */
div.journal {position: relative;padding-left: 335px;}
div.journal div.goto {position: absolute;left: 0;top: 0;width: 300px;}
div.journal div.goto img
div.journal div.goto a {display: block;}
div.journal div.goto > img {padding-bottom: 20px;}

div.journal p {margin: 20px 0 0;}
div.journal h4 + p {margin-top: 0;}


/* Resources > For Professionals */
div.factSheet dl, div.factSheet dt, div.factSheet dd, div.factSheet dd a {margin: 0;padding: 0;text-decoration: none;}
div.factSheet {}
div.factSheet:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.factSheet dl {float: left;width: 310px;margin-left: 20px;}
div.factSheet dl:first-child {margin-left: 0;}
div.factSheet dt {height: 200px;padding: 125px 0 0 30px;border-radius: 20px 0 20px 0;color: #fff;font-size: 20px;line-height: 24px;font-family: 'OpenSans-SemiBold', sans-serif;text-shadow:0 0 6px rgba(0,0,0,.5);box-sizing:border-box;}

div.factSheet dd {padding-top: 15px;}
div.factSheet dd li {margin-top: 5px;}
div.factSheet dd a {display:block;vertical-align: top;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #222;}


/* ============ Korean diabetic diet ============ */
/* div.imgArea {position: relative;min-height: 500px;} */
div.imgArea div.img {position: absolute;top: 0;}

div.img img {display: block;}

div.imgArea.left {padding-left: 350px;}
div.imgArea.left div.img {left: 0;}


/* 파일첨부 */
div.selectFile {position: relative;}
div.selectFile:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.selectFile > * {float: left;}
div.selectFile .search {position: relative;width:90px;height:36px;border-radius: 3px;padding: 0;line-height: 36px;background-color:#303b64;text-align: center;color: #fff;}
div.selectFile input[type=file] {z-index: 10;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

div.selectFile span.attach {padding-left: 10px;line-height: 34px;border: 1px solid #aaa;}
div.selectFile a.del {display: inline-block;vertical-align: top;margin-left: 10px;width: 20px;height: 36px;text-align: center;background-color: #aaa;color: #fff;}


div.selectFile .search {margin-left: 10px;}
div.selectFile span.attach {margin-left: 20px;line-height: 36px;}
/* 파일첨부 */

/* ============ Member ============ */
/* 회원가입 */
div.jon {}

.agreeCon {overflow-x: hidden;overflow-y: auto;height: 215px;padding: 15px 20px;border: 1px solid #e6e6e6;border-radius: 15px; text-align:justify}
.agreeCon > * {font-size: 16px;line-height: 26px;color: #636363; }
.agree {padding: 5px 0;font-size: 0;line-height: 0;text-align: right;}
.agree input[type=checkbox],
.agree input[type=radio] {margin: 9px 7px 0 15px;}
.agree input[type=checkbox]:first-child,
.agree input[type=radio]:first-child {margin-left: 0 !important;}
.agree > * {display: inline-block;vertical-align: top;color: #222;font-size: 15px;line-height: 26px;font-family: 'OpenSans-SemiBold', sans-serif;}

div.join .subTit_bl + .note {margin: 0 0 15px;padding: 0 0 0 17px;color: #777;line-height: 22px;}
div.join div.selectFile {}
div.selectFile .search {margin: 7px 0 0 5px;width: 75px;height: auto;border-radius: 3px;background-color: #36538c;color: #fff;font-size: 13px;line-height: 26px;box-sizing:border-box;}
div.selectFile span.attach {margin-left: 5px;color: #36538c;border: 0 none;}
div.selectFile a.del {margin-left: 0;background-color: #fff;text-decoration: none;color: #36538c;}

div.join .inputTbl .note {margin-top: 5px;padding-left: 20px;text-indent: -20px;line-height: 22px;}

dl.mailAgree, dl.mailAgree dt, dl.mailAgree dd {margin: 0;padding: 0;}
dl.mailAgree dt {margin: 20px 0 5px;color: #36538c;font-size: 18px;line-height: 30px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
dl.mailAgree dt img {display: inline-block;vertical-align: top;margin: 0 6px 0 0;}
dl.mailAgree dd.agreeCon {height: auto;padding: 15px 20px;background-color: #f9f9f9;border: 0 none;border-radius: 0;}
dl.mailAgree ul.noBl {list-style: none;}
dl.mailAgree ul.noBl > li {padding: 0 0 0 20px;text-indent: -20px;list-style: none;}
dl.mailAgree ul.noBl > li li {text-indent: 0;}

/* 로그인 */
div.loginArea {width: 630px;margin: 5px auto;border: 1px solid #e6e6e6;border-radius: 5px;box-sizing: border-box;}
div.loginArea h3 {padding: 23px 0 17px;margin: 0 50px;border-bottom: 2px solid #36538c;color: #36538c;font-size: 26px;line-height: 30px;font-weight: normal;font-family: 'OpenSans-SemiBold', sans-serif;}
div.loginArea div.formArea {margin: 0 50px;padding: 20px 0 30px;}
div.loginArea div.formArea dl {overflow: hidden;}
div.loginArea div.formArea dl > * {float: left;}
div.loginArea div.formArea dt {clear: both;width: 85px;}
div.loginArea div.formArea dt label {color: #222;font-size: 16px;line-height: 50px;font-family: 'OpenSans-SemiBold', sans-serif;}
div.loginArea div.formArea dd {width: calc(100% - 85px);margin-bottom: 7px;}
div.loginArea div.formArea dd input {width: 100%;height: 50px;background-color: #fff;border-color: #e6e6e6;}
div.loginArea div.btn {padding-top: 23px;}
div.loginArea div.btn > * {width: 100%;padding: 15px;font-size: 18px;line-height: 30px;font-family: 'OpenSans-SemiBold', sans-serif;}

ul.loginUtil, ul.loginUtil li, ul.loginUtil a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.loginUtil {padding: 16px 50px 17px;background-color: #f4f4f4;}
ul.loginUtil:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.loginUtil li {float: right;color: #36538c;font-size: 16px;line-height: 27px;}
ul.loginUtil li a {color: inherit;font-family: 'OpenSans-SemiBold', sans-serif;}
ul.loginUtil li:first-child {float: left;color: #222;}
ul.loginUtil li:first-child a {font-family: 'OpenSans-Regular', sans-serif;}

/* Find ID / PW */
div.find {}
div.find:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}

div.find div.formArea {float: left;width: 470px;background-color: #fff;border: 1px solid #e6e6e6;border-radius: 6px;}
div.find div.formArea:nth-of-type(2n) {float: right;}
div.find h3 {padding: 23px 0 17px;margin: 0 35px;border-bottom: 2px solid #36538c;color: #36538c;font-size: 26px;line-height: 30px;font-weight: normal;font-family: 'OpenSans-SemiBold', sans-serif;}
div.find form {padding: 20px 35px 30px;}
div.find div.formArea dl {overflow: hidden;}
div.find div.formArea dl > * {float: left;}
div.find div.formArea dt {clear: both;width:105px;}
div.find div.formArea dt label {color: #222;font-size: 16px;line-height: 50px;font-family: 'OpenSans-SemiBold', sans-serif;}
div.find div.formArea dd {width: calc(100% - 105px);margin-bottom: 5px;}
div.find div.formArea dd input {width: 100%;height: 50px;background-color: #fff;border-color: #e6e6e6;}
div.find div.btn {padding-top: 25px;}
div.find div.btn > * {width: 100%;padding: 15px;font-size: 18px;line-height: 30px;font-family: 'OpenSans-SemiBold', sans-serif;}
div.find div.result {padding: 15px;background-color: #f4f4f4;color: #222;text-align: center;font-size: 16px;line-height: 30px;font-family: 'OpenSans-SemiBold', sans-serif;}
div.find div.result span {color: #36538c;line-height: 30px;}