@charset "utf-8";
@import url("https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css");
.font-barun,
.font-barun *{
	font-family: 'Nanum Barun Gothic', sans-serif;
}


/* ========================================================================================================== */
/* ================================================ Layout 공통 CSS ============================================== */
/* ========================================================================================================== */

/* Layout */
div.wrapper {overflow: hidden;min-width:1000px;}
.mobileOnly {display:none;}
.webOnly {display:block;}


ul.blList_w > li {padding-left:11px;background:url('../../image/bl_circle_w.png') 0 9px no-repeat;}
ul.blList > li,
.blTit_s {padding-left:11px;background:url('../../image/bl_circle_or.png') 0 8px no-repeat;}
ul.blList > li {margin-top:10px;}
ul.blList > li:first-child {margin-top:0;}

div.tabArea ul.tabMenu {padding-bottom: 40px;}
div.tabArea ul.tabMenu > li,
ul.subMenu > li {display: inline-block;width: 232px;}


/* ========================================================================================================== */
/* =================================================== Header ================================================= */
/* ========================================================================================================== */
/* Header */
div#headerWrap {}
div#headerWrap div.header {height:388px;margin:0 auto;background:url('../../image/bg.jpg') 0 0 repeat-x;}

div.header div.topArea {position:relative;width:1000px;height:77px;margin:0 auto;}

div.header h1 {position:absolute;left:0;top:12px;width:180px;height:48px;background:url('../../image/header_logo_krm.png') center center no-repeat;}
div.header h1 a {display:block;width:100%;height:100%;text-indent:-10000px;}
div.header dl#utilMenu {display:block;position:absolute;right:0;top:11px;}
div.header dl#utilMenu > dd {overflow:hidden;}
div.header dl#utilMenu > dd ul,
div.header dl#utilMenu > dd li,
div.header dl#utilMenu > dd p {float:left;}
div.header dl#utilMenu > dd li {padding:0 9px 0 10px;background:url('../../image/header_bar.png') left 6px no-repeat;}
div.header dl#utilMenu > dd li:first-child {padding-left:0;background:none;}
div.header dl#utilMenu > dd li a {display:block;padding:6px 0 3px;}

div.header dl#utilMenu > dd ul {padding-right:8px;}



/* GNB */
div.gnbWrap {position:relative;}
ul#gnbUI {width:1159px;height:35px;margin:0 auto;text-align: center;font-size: 0;line-height: 0;}
ul#gnbUI > li {display: inline-block;vertical-align: top;}

ul#gnbUI > li a {display:block;height: 35px;padding:9px 20px;text-align:center;box-sizing:border-box;}
ul#gnbUI > li img {display:block;margin: 0 auto;}

ul#gnbUI > li.on > a {padding-bottom: 6px;border-bottom: 3px solid #7b4342;background-color: #7b4342;}

ul#gnbUI div.subWrap {display:none;position:absolute;left:0;top:35px;width:100%;height:37px;background-color: #f7bfa7;}
ul#gnbUI > li.on div.subWrap {display:block;}

ul#gnbUI div.subWrap div {position: relative;width: 1080px;height: 37px;margin: 0 auto;}
ul#gnbUI div.subWrap ul {position: absolute;bottom: 0;height:37px;}
ul#gnbUI div.subWrap ul li {float:left;padding:0 15px;}

ul#gnbUI div.subWrap ul li a {color:#474747;padding:6px 0 7px;font-size:15px;line-height: 24px;font-weight: bold;}
ul#gnbUI div.subWrap ul li.on a {color:#60211a;}

ul#gnbUI div.subWrap ul.sub03 {left:215px;}
ul#gnbUI div.subWrap ul.sub04 {left:185px;}
ul#gnbUI div.subWrap ul.sub06 {left:575px;}
ul#gnbUI div.subWrap ul.sub07 {right:30px;}


dl.wsVisual {height:275px;background:url('../../image/ws_mainVisual.jpg') center bottom no-repeat;text-indent:-10000px;}
dl.wsVisual dt {display:none;}
dl.wsVisual dd {height:275px;margin:0 auto;}
dl.wsVisual dd > a {display: block;width: 1000px;height:275px;margin:0 auto;}
dl.wsVisual dd img {display: none;}

/* ========================================================================================================== */
/* ==================================================== Footer ================================================= */
/* ========================================================================================================== */

div#footerWrap {position: relative;border-top: 1px solid #dfdfdf;}
div#footerWrap:before {position: absolute;left: 0;top: 70px;width: 100%;height: 1px;content: "";background-color: #dfdfdf;}

div#footerWrap div.footer {position: relative;width:750px;padding:20px 0 20px 220px;margin:0 auto;background:url('../../image/footer_logo_krm.png') 0 17px no-repeat;color:#ccc;font-size:12px;}
div#footerWrap div.footer:before {z-index: -1;position: absolute;left: 50%;top: 0;transform:translateX(-50%);width: 100vw;height: 100%;content: "";background-color: #444;}
div#footerWrap div.footer:after {content: "";clear: both;display: block;height: 0;line-height: 0;font-size: 0;}

div#footerWrap div.footer dl,
div#footerWrap div.footer dt,
div#footerWrap div.footer dd,
div#footerWrap div.footer > ul {float:left;}

div#footerWrap div.footer dl {width:490px;}
div#footerWrap div.footer dt {width:50px;padding-bottom:0;font-weight:bold;color:#f7bb00;}
div#footerWrap div.footer dd {width:440px;}
div#footerWrap div.footer dd li {overflow:hidden;}
div#footerWrap div.footer dd span {float:left;width:335px;}
div#footerWrap div.footer dd span:first-child {width:93px;}

div#footerWrap div.footer a {color:#ccc;}
div#footerWrap div.footer > ul {width:200px;}

dl.hosted, dl.hosted dt, dl.hosted dd, dl.hosted a {margin: 0;padding: 0;text-decoration: none;}
dl.hosted {z-index: 10;position: relative;width: 1000px;margin: 0 auto;padding: 10px 0;text-align: left;font-size: 0;line-height: 0;}
dl.hosted dt,
dl.hosted dd, 
dl.hosted a {display: inline-block;vertical-align: top;}
dl.hosted dt {padding: 0 20px 0 85px;color: #3a3a3a;font-weight: bold;font-size: 16px;line-height: 50px;font-family: 'Nanum Gothic', '나눔고딕', sans-serif;}
dl.hosted dt:first-child {padding-left: 0;}
dl.hosted a {width: 150px;height: 48px;}
dl.hosted a + a {margin-left: 10px;}
dl.hosted img {display: block;margin: 0 auto;}


div.sponsor dl, div.sponsor dt, div.sponsor dd, div.sponsor ul, , div.sponsor li, , div.sponsor a {margin: 0;padding: 0;text-decoration: none;list-style:none;}
div.sponsor {z-index: 10;position: relative;width: 1000px;margin: 0 auto;padding: 2px 0 10px 115px;text-align: center;font-size: 0;line-height: 0;box-sizing:border-box;height:160px;}
div.sponsor:before {position: absolute;left: 0;top: 2px;color: #3a3a3a;font-weight: bold;font-size: 16px;line-height: 50px;content: "Sponsored by";font-family: 'Nanum Gothic', '나눔고딕', sans-serif;}

div.sponsor:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.sponsor dl {position: relative;padding-left: 95px;float: left;height: 38px;margin: 8px 0 0 25px;}
div.sponsor dl + dl {}
div.sponsor dl.bronze {margin-left: 0;clear: both;}

div.sponsor dt {position: absolute;left: 0;top: 0;width: 80px;border-radius: 19px;text-align: center;color: #fff;font-size: 16px;line-height: 38px;font-family: 'Nanum Gothic', '나눔고딕', sans-serif;}
div.sponsor ul {overflow: hidden;}
div.sponsor li {float: left;margin-left: 23px;}
div.sponsor li:first-child {margin-left: 0;}

div.sponsor a,
div.sponsor img {display: block;}

div.sponsor dl.Bronze li {margin-left: 9px;}
div.sponsor dl.Bronze li:first-child {margin-left: 0;}


/* ========================================================================================================== */
/* ================================================== Container ================================================ */
/* ========================================================================================================== */
/* Container */
div#containerWrap {position:relative;padding:35px 0 40px;}

.subTit {width: 1000px;margin: 0 auto;padding-bottom:15px;border-bottom:1px solid #dcdcdc;font-size:25px;color:#363636;line-height:1.2;}
.subTit.wide {width: 1250px;}

.blTit {padding-left:20px;margin-bottom:12px;color:#3a3a3a;font-size:16px;font-weight:bold;line-height:24px;background:url('../../image/bl_tit_circle.png') 0 9px no-repeat;}
.blTit_or {padding-left:20px;margin-bottom:12px;color:#f36c2a !important;font-size:16px;font-weight:bold;line-height:24px;background:url('../../image/bl_tit_circle_or.png') 0 7px no-repeat;}
.blTit_b {padding-left:30px;margin-bottom:12px;color:#3a3a3a;font-size:16px;font-weight:bold;line-height:24px;background:url('../../image/bl_tit_circle_b.gif') 0 6px no-repeat;}


/* Intro  */
ul.introMenu,
div.intro p.moreInfo {width:600px;}
div.intro p.moreInfo {padding-top:20px;}




div.contents {width:960px;margin: 0 auto;padding:20px 0;}
div.contents.wide {width: 1250px;}




/* Main */
div#containerWrap.main {margin: 20px auto 20px;}
div.main div.contents {overflow:hidden;width: 1000px;padding:0;}

div.main div.karmInfo {float:left;width:494px;}
div.main ul.quickBtn {height:120px;background-color: #f4f4f4;}
div.main ul.quickBtn > li {float:left;width:163px;height:120px;}

div.main ul.quickBtn a.regit {background-image:url('../../image/main_btn_regit.png');}
div.main ul.quickBtn a.abstract {background-image:url('../../image/main_btn_ab.png');background-color:#fff;}
div.main ul.quickBtn a.program {background-image:url('../../image/main_btn_program.png');}

div.main div.info {width:442px;padding:0 26px 17px;margin-top:18px;background:url('../../image/main_bg.jpg');color:#fff;}
div.main div.info dl {padding-top:15px;}

div.main div.info dt {padding-bottom:5px;border-bottom:1px solid #fff;font-weight:bold;font-size:20px;}
div.main div.info dd {padding-top:7px;}
div.main div.info dd li {margin-top:5px; letter-spacing:-0.6px;}
div.main div.info dd li:first-child {margin-top: 0;}

div.main dl.karmNotice {float:right;width:444px;padding:15px 22px 16px;border:1px solid #dfdfdf;}
div.main dl.karmNotice > dt {padding-bottom:16px;border-bottom:1px solid #dcdcdc;font-weight:bold;font-size:20px;}
div.main dl.karmNotice > dd > ul {margin-top: 15px;}
div.main dl.karmNotice > dd li {margin-top:5px;}

div.main dl.karmNotice > dd dt {margin-top:15px;color:#3a3a3a;}
div.main dl.karmNotice > dd dd {padding-left:15px;}

div.main dl.karmNotice > dd a.btn span {display:inline-block;padding-right:16px;background:url('../../image/bl_arr.png') right 9px no-repeat;}

div.main dd.sponBnr {margin-top: 0;}
div.main dd.sponBnr a {display: inline-block;}
div.main dd.sponBnr img {width: 182px;}

/* ========================================================================================================= */
/* ============================================= 서브페이지 공통 CSS ============================================= */
/* ========================================================================================================= */

/* 서브페이지 */

/* 준비중 */
div.notyet {width:512px;height:191px;margin:100px auto 350px;text-indent:-10000px;background:url('../../image/notyet.jpg') 0 0 no-repeat;}


/* 주제별 분류 */
div.poster {border-top: 1px solid #dfdfdf;}
/* div.poster > ul {overflow: hidden;}
div.poster > ul li {float: left;width: 279px;padding: 30px 0 30px 40px;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;display: block;background: url('../../image/poster_bl_web.png') 95% center no-repeat;background-color: #f5f5f5;color: #444;font-size: 14px;font-weight: bold;cursor:pointer}
div.poster > ul li:first-child {width: 278px;border-left: 1px solid #dfdfdf;} */
div.poster > ul li {}

div.poster > ul {overflow: hidden;display: table;table-layout: fixed;width: 100%;}
div.poster > ul li {display: table-cell;height: 62px;vertical-align: middle;padding: 10px 0 10px 40px;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;background: url('../../image/poster_bl_web.png') 95% center no-repeat;background-color: #f5f5f5;color: #444;font-size: 14px;font-weight: bold;cursor:pointer}
div.poster > ul li:first-child {border-left: 1px solid #dfdfdf;}

/* 초록접수 안내 */
dl.absPeriod {overflow:hidden;background-color:#ffffea;}
dl.absPeriod > dt,
dl.absPeriod > dd {float:left;}
/*dl.absPeriod > dt {width:193px;height:88px;text-indent:-10000px;background:url(../../image/abs_tit.gif) center center no-repeat;}*/
dl.absPeriod > dt {width:193px;height:28px;background:#fb9c29;color:#fff;font-weight:bold;font-size:16px;text-align:center;padding:30px 0;}
dl.absPeriod > dd {padding:23px 45px;font-family:맑은 고딕;font-size:14px}


/* 초록접수 */
div.karmAbs {}

div.karmAbs div.bdArea {margin-bottom:40px;}
div.karmAbs div.note {margin-bottom:30px;}

div.karmAbs p.btn input {padding-bottom: 5px;}

/* 초록심사 */
div.absCon {border:1px solid #d7d7d7;padding:25px;margin:20px 0;}

div.absCon .abs_title {font-size: 20px;margin-bottom: 30px;}
div.absCon .abs_etc {text-align: right;color: #f5580c;}
div.absCon .abs_a {color: #f5580c;}

div.absJudge div.tblWrap {margin:30px auto;}


/* 사전등록 안내 */
div.registInfo {position:relative;}
div.registInfo > p.btn {position:absolute;right:-20px;top:-80px;}

dl.regPeriod {overflow:hidden;background-color:#ffffea;}
dl.regPeriod > dt,
dl.regPeriod > dd {float:left;}
/* dl.regPeriod > dt {width:193px;height:88px;text-indent:-10000px;background:url(../../image/reg_tit.gif) center center no-repeat;} */
dl.regPeriod > dt {width:193px;height:28px;background:#fb9c29;color:#fff;font-weight:bold;font-size:16px;text-align:center;padding:30px 0;}
dl.regPeriod > dd {padding:30px 40px;font-weight:bold;font-size:15px;font-family:맑은 고딕}

div.karmReg {}

div.karmReg div.bdArea {margin-bottom:40px;}
div.karmReg div.note {margin-bottom:30px;}

/* 온라인 사전등록 */
td.address input {width:585px;}


/* 로그인 */
div.karmLogin {width:602px;margin:0 auto;}
div.karmLogin h3 {overflow:hidden;padding-bottom:17px;}
div.karmLogin h3 img,
div.karmLogin h3 span {float:left;}
div.karmLogin h3 span {color:#4c4c4c;font-size:14px;line-height:17px;}
div.karmLogin h3 span span {float:none;}

div.loginArea {padding-bottom:36px;border:1px solid #d7d7d7;background-color:#ffffea;}
div.loginArea > div {border-top:3px solid #444;padding:40px 68px 40px 56px;}

div.loginArea dl {overflow:hidden;}
div.loginArea dl:first-child {padding-bottom:7px;}
div.loginArea dt,
div.loginArea dd {float:left;width:80px;}
div.loginArea dt {color:#424242;font-size:16px;}
div.loginArea dt label {line-height:43px;}
div.loginArea dd {width:280px;}
div.loginArea dd input {width:258px;padding:9px 10px 10px;font-size:16px;}

div.loginArea p.btn {width:108px;height:93px;margin:0;background:url('../../image/login_btn.jpg') 0 0 no-repeat;}
div.loginArea p.btn input {min-width:100%;height:100%;background:none;font-size:18px;}

div.loginArea > ul {width:358px;overflow:hidden;margin:0 auto;}
div.loginArea > ul > li {float:right;}
div.loginArea > ul > li:first-child {float:left;}
div.loginArea > ul > li a {width:150px;}

div.loginArea ul.btn a {padding:7px 10px 11px;}


div.loginArea div.email {padding:40px 92px 4px 84px;}
div.loginArea div.email dl {padding-bottom:7px;}
div.loginArea div.email dt {width:68px;}
div.loginArea div.email dd {width:356px;}
div.loginArea div.email dd input {width:334px;}

div.loginArea div.email ul.btn {overflow:hidden;width:322px;margin:32px auto 0;}
div.loginArea div.email ul.btn > li {float:right;}
div.loginArea div.email ul.btn > li:first-child {float:left;}

div.loginArea div.email ul.btn input {min-width:154px;padding-bottom: 3px;}



/* 초록 접수번호 찾기 */
div.karmAbsFind {width:602px;margin:50px auto 100px;}
div.karmAbsFind h3 {padding-bottom:20px;font-size:25px;color:#4c4c4c;}

div.karmAbsFind div.loginArea dt {width:150px;}
div.karmAbsFind div.loginArea dd {width:274px;}
div.karmAbsFind div.loginArea dd input {width:252px;}

/* 초록 검색 결과 */
div.karmAbsResult {}
div.karmAbsResult th,
div.karmAbsResult td {text-align:center;}
div.karmAbsResult td.tit {text-align:left;}

div.karmAbsResult div.bdArea {margin:60px auto 100px;}


/* 발표연제 */
dl.searchArea {margin-top:45px;}

dl.searchArea > dd p.btn input {float:left;}

dl.searchArea > dd dd input {width:378px;}

.ie7 dl.searchArea > dd {height:34px;}
.ie7 dl.searchArea > dd dl,
.ie7 dl.searchArea > dd dd,
.ie7 dl.searchArea > dd p {display:inline;}
.ie7 dl.searchArea > dd dd input {margin-right:5px;}

.ie7 dl.searchArea > dd dt {display:none;}




dl.resultItem {margin-top:30px;border-bottom: 1px solid #d2d2d2;}
dl.resultItem > dt a.bookmark {display:none;}


/* 포스터 */
div.category {display:none;}



/* 레이어 팝업 */
div.contents div#popupWrap > div {position:absolute;left:50%;top:50%;}
div.contents div#popupWrap > div > p.btn {padding:10px 0 30px;}


div#popupWrap div.popupDef {width:300px;margin:-150px 0 0 -150px;}






.add_style { border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6;  border-right:1px solid #d6d6d6;}
.workshop_area > table { border-bottom:1px solid #d6d6d6; }

.workshop_area > table td.add_tit  { background-color: #f5f5f5;  color: #343434; font-weight:bold; }

/* 240613 css 추가 start */
.workshop_area .add_style td.th-style {
	padding: 11px 9px 11px 9px !important;
	background-color: #F5F5F5;
	font-weight: bold;
}
/* 240613 css 추가 end */

.program div.tabArea ul.tabMenu > li,
.program ul.subMenu li {
    display: inline-block;
    width: 275px;
}
.program .subMenu {padding-bottom: 40px;}

.program ul.blList_circle > li {font-weight:bold;margin-top:5px;}
.program ul.blList_circle > li:first-child {margin-top:0;}

/* 행사장 안내 */
div.guide {}

div.guide ul.tabStyle2 {overflow: hidden;padding: 40px 0 35px;}
div.guide ul.tabStyle2 li {float: left;width: 187px;padding-left: 5px;}


div.guide h3 {margin-top: 50px;}
div.guide > dl {padding-left: 20px;}
div.guide > dl dt {margin-top: 20px;}
div.guide > dl dd {padding-left: 12px;}

div.roomInfo {width: 770px;margin: 50px auto 0;}
div.roomInfo h3 {margin: 50px 0 20px;}

div.roomInfo dt {margin-top:20px;}
div.roomInfo dt:first-child {margin-top:0;}


/* ========================================================================================================== */
/* ==================================================== Support ================================================= */
/* ========================================================================================================== */
div.supportWrap {width: 750px;margin: 0 auto;padding: 15px 0;border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
div.supportWrap div.suppor
div.supportWrap::after {clear: both; display: block; content: '';}
div.supportWrap dl,
div.supportWrap dt,
div.supportWrap dd {float: left;}
div.supportWrap dt {color: #3a3a3a;}



/* Speaker */
div.speaker {display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px 30px;}

dl.speaker, dl.speaker dt, dl.speaker dd {margin: 0;padding: 0;} 
dl.speaker {overflow: hidden;border-radius: 50px 0 50px 0;box-shadow:6px 6px 7px rgba(102,102,102,.2);}
dl.speaker > dt {position: relative;padding: 20px 145px 20px 25px;color: #fff;font-size: 22px;line-height: 30px;font-weight: bold;}
dl.speaker > dt span {position: absolute;right: 20px;top: 50%;transform:translateY(-50%);font-weight: normal;font-size: 18px;}
dl.speaker.day1 > dt {background-color: #f2902b;}
dl.speaker.day2 > dt {background-color: #ea5859;}

dl.speaker > dd {position: relative;display: grid;grid-template-columns: 200px 305px;gap: 20px 35px;padding: 25px 35px 25px 35px;font-size: 16px;line-height: 25px;}
dl.speaker > dd img {/* position: absolute;left: 40px;top: 30px; */}
dl.speaker > dd span {display: block;}

dl.speaker > dd .info {align-self: end;}

dl.speaker span.name {color: #231816;font-size: 23px;line-height: 30px;font-weight: bold;text-align: left;padding-bottom: 15px;}
dl.speaker span.aff {font-style: italic;color: #585657;text-align: left;}

dl.speaker span.tit {grid-column:1/3;position: relative;padding-top: 10px;color: #162a4d;}
/* dl.speaker span.tit:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 3px;} */
dl.speaker span.tit span {font-size: 21px;font-weight: bold;}

.sessionA:before {background-color: #19966a;}
.sessionA span {color: #19966a;}

.sessionB:before {background-color: #f94e8a;}
.sessionB span {color: #f94e8a;}

.sessionC:before {background-color: #E97132;}
.sessionC span {color: #E97132;}

.sessionD:before {background-color: #09a3dc;}
.sessionD span {color: #09a3dc;}

.sessionE:before {background-color: #f000ff;}
.sessionE span {color: #f000ff;}


/* 전시 광고 안내 버튼 위치 수정  - 24.06.18 박민지 */
div#containerWrap:has(.exhibit){
	width: 1000px;
	margin: 35px auto 40px;
	padding: 0;
}
div.exhibit .btn{
	position: absolute;
}

/* 2025 추계 학술대회 디자인 세팅 - 25.05.21 mj.park */
div.main div.info{
	background: #5f718a;
}
div.main dl.karmNotice > dt{
	color: #1d2881;
}
ul.blList > li, .blTit_s{
	background-position: 0 9px;
}
div.main dl.karmNotice > dd a.btn span{
	background-position: right center;
}
.blTit{
	background-position: 0 6px;
}
ul#gnbUI{
	display: flex;
	justify-content: center;
	width: auto;
}
ul#gnbUI > li{
	height: 35px;
}
ul#gnbUI > li > a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 16px;
	color: #fff;
	letter-spacing: -0.05em;
}
ul#gnbUI > li.on > a{
	background-color: #516a8d;
	border-color: #29446a;
}
ul#gnbUI div.subWrap{
	background-color: #516a8d;
}
ul#gnbUI div.subWrap ul li a{
	color: #fff;
}
ul#gnbUI div.subWrap ul li.on a{
	color: #fff000;
}
div.sponsor{
	height: auto;
}
dl.absPeriod > dt{
	background-color: #325484;
}
