@charset "utf-8";
 

/* ========================================================================================================== */
/* ================================================ Layout 공통 CSS ============================================== */
/* ========================================================================================================== */

/* Layout */
div.wrapper {min-width:1000px;background-color: #ececec;}
.mobileOnly {display:none;}
.webOnly {display:block;}


ul.blList_w > li {padding-left:11px;background:url('../../image/bl_circle_w.png') 0 7px no-repeat;}
ul.blList > li,
.blTit_s {padding-left:11px;background:url('../../image/bl_circle.png') 0 8px no-repeat;}
ul.blList > li {margin-top:5px;}
ul.blList > li:first-child {margin-top:0;}

div.tabArea ul.tabMenu {padding-bottom: 40px;}
div.tabArea ul.tabMenu > li {display: inline-block;width: 232px;}


/* ========================================================================================================== */
/* =================================================== Header ================================================= */
/* ========================================================================================================== */
/* Header */
div#headerWrap {}
div#headerWrap div.header {position: relative;height:337px;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:absolute;left: 0;bottom: 0;width: 100%;}
ul#gnbUI {width:1000px;height:60px;margin:0 auto;}
ul#gnbUI > li {float:left;width:200px;}
ul#gnbUI > li a {display:block;padding:16px 0 20px;font-weight: bold;text-align:center;color: #fff;font-size: 16px;}

ul#gnbUI > li.on > a {background: url('../../image/gnb_bg_on.png');}

ul#gnbUI div.subWrap {display:none;position:absolute;left:0;top:36px;width:100%;height:37px;background:url('../../image/gnb_subBg.gif') left bottom repeat-x;}
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:#f36c2a;}

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


dl.wsVisual {height:200px;background:url('../../image/ws_mainVisual.jpg') center bottom no-repeat;text-indent:-10000px;}
dl.wsVisual dt {display:none;}
dl.wsVisual dd {width:1000px;height:200px;margin:0 auto;}


/* ========================================================================================================== */
/* ==================================================== Footer ================================================= */
/* ========================================================================================================== */

div#footerWrap {background-color:#fff;}

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:#7a7a7a;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:#0d70cd;}
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:#7a7a7a;}
div#footerWrap div.footer > ul {width:200px;}




/* ========================================================================================================== */
/* ================================================== Container ================================================ */
/* ========================================================================================================== */
/* Container */
div#containerWrap {position:relative;width:920px;margin:20px auto 40px;padding: 40px;background-color: #fff;}
div.contents {padding:20px;}

.subTit {padding:0 0 15px 46px;margin-bottom: 20px;border-bottom:1px solid #dcdcdc;font-size:25px;color:#363636;line-height:1.2;background: url('../../image/subTit_bl.gif') 10px 7px no-repeat;}
.blTit {padding-left:24px;margin-bottom:12px;color:#00bb88;font-size:16px;font-weight:bold;line-height:24px;background:url('../../image/bl_tit.png') 0 6px 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  */
div.intro div.contents {width: 600px;margin: 0 auto;padding: 0;}


ul.introMenu {padding-bottom: 20px;}
ul.introMenu a {padding-left: 50px;}
ul.introMenu a img {width: 43px;}

div.intro p img {width: 100%;}
ul.introBtn {margin-top: 20px;border: 1px solid #e3e3e3;}
ul.introBtn > li {float: left;width: 299px;}
ul.introBtn > li:first-child {width: 298px;}
ul.introBtn > li a {padding-left: 0;text-align: center;line-height: 40px;font-size: 20px;}

ul.introBtn > li a img {width: 40px;}



/* Main */
div#containerWrap.main {}
div.main div.contents {overflow:hidden;padding:0;}



ul.regitBtn {width: 408px;margin: 40px auto 100px;}

ul.regitBtn li a,
.btnArr a {display: block;width: 166px;padding-left: 22px;background-image: url('../../image/btn_bl.png');}

/* ========================================================================================================= */
/* ============================================= 서브페이지 공통 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.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 {}


div.registInfo > p.btn {margin:0;}
div.registInfo > p.btn a {margin: 40px auto 0;}



div.karmReg {}

div.karmReg div.bdArea {margin-bottom:40px;}
div.karmReg div.note {margin-bottom:30px;}

/* 온라인 사전등록 */
td.address input {width:500px;}


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



/* 초록 접수번호 찾기 */
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;}