@charset "utf-8";


/* ========================================================================================================== */
/* ================================================ Layout 공통 CSS ============================================== */
/* ========================================================================================================== */

/* Layout */
div.wrapper {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:78px;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 {overflow:hidden; width:996px;height:35px;margin:0 auto;}
ul#gnbUI > li {float:left;width:166px;}

ul#gnbUI > li a {display:block;padding:9px 0;text-align:center;}
ul#gnbUI > li img {display:inline-block;text-align:center;}

ul#gnbUI > li.on > a {padding:7px 0; background-color: #C7165A; border-bottom:3px solid #96093E;}

ul#gnbUI div.subWrap {display:none; position:absolute; left:0; top:35px; width:100%; height:37px; background-color: #F9BDD3;}
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;font-weight: bold;}
ul#gnbUI div.subWrap ul li.on a {color:#cd5579;}

ul#gnbUI div.subWrap ul.sub03 {left:215px;}
ul#gnbUI div.subWrap ul.sub04 {left:430px;}
ul#gnbUI div.subWrap ul.sub06 {left:615px;}
ul#gnbUI div.subWrap ul.sub07 {right:30px;}

div.topVisual {height:274px;background:url('../../image/ws_mainVisual.jpg') center bottom no-repeat;text-indent:-10000px;}

dl.wsVisual {height:274px;background:url('../../image/ws_mainVisual.jpg') center bottom no-repeat;text-indent:-10000px;}
dl.wsVisual dt {display:none;}
dl.wsVisual dd {width:1000px;height:275px;margin:0 auto;}
dl.wsVisual dd > a {}

/* ========================================================================================================== */
/* ==================================================== Footer ================================================= */
/* ========================================================================================================== */

div#footerWrap {background-color:#444;}

div#footerWrap div.footer {overflow:hidden;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 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;}




/* ========================================================================================================== */
/* ================================================== Container ================================================ */
/* ========================================================================================================== */
/* Container */
div#containerWrap {position:relative;width:1000px;margin:35px auto 40px;}

.subTit {padding-bottom:15px;border-bottom:1px solid #dcdcdc;font-size:25px;color:#363636;line-height:1.2;}
.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 {padding:20px;}





/* Main */
div#containerWrap.main {}
div.main div.contents {overflow:hidden;padding:0;}

div.main div.karmInfo {float:left;width:494px;}
div.main ul.quickBtn {height:140px;background-color: #f4f4f4;}
div.main ul.quickBtn > li {float:left;width:163px;height:140px;}

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 35px;margin-top:18px;background:url('../../image/main_bg.jpg');color:#fff;}
div.main div.info dl {padding-top:28px;}

div.main div.info dt {padding-bottom:15px;border-bottom:1px solid #fff;font-weight:bold;font-size:20px;}
div.main div.info dd {padding-top:20px;}
div.main div.info dd li {margin-top:5px; letter-spacing:-0.6px;}

div.main dl.karmNotice {float:right;width:444px;padding:15px 22px 16px;border:1px solid #dfdfdf; letter-spacing:-1px;}
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: 28px 0 29px 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: 15px;font-weight: bold;cursor:pointer}
div.poster > ul li:first-child {width: 278px;border-left: 1px solid #dfdfdf;}
div.poster > ul li {}

/* 초록접수 안내 */
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 > 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;}

div.registInfo div.btnArea a {height: auto;}

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:#e45e67;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;}
dl.resultItem .btnSmall > * {min-width:50px;padding:1px 5px 3px;}

/* 포스터 */
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; }

.program div.tabArea ul.tabMenu > li,
.program ul.subMenu li {
    display: inline-block;
    width: 275px;
}
.program .subMenu {padding-bottom: 40px;}



/* 행사장 안내 */
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;}