@charset "utf-8";
 
 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family:'Malgun Gothic', 'Nanum Gothic', '나눔고딕', sans-serif;color:#4c4c4c;font-size:14px;line-height:1.5;font-weight:normal;}


.tm50 {margin-top:50px !important;}
.bm5 {margin-bottom:5px !important;}

img.vaMiddle {vertical-align:middle;}
.fcPoint {color:#2ca2bd !important;}
.fcPoint2 {color:#199C59 !important;}
.fcOrange {color:#f5580c !important;}
td.vaTop {vertical-align:top !important;}

dl.overHidden > dt,
dl.overHidden > dd,
ul.overHidden > li {float:left;}
.bdArea {padding:25px;border:1px solid #d7d7d7;background-color:#ffffea;}


#footerWrap .footerUtil {position:fixed; bottom:0; left:0; width:100%; background-color:#f2f2f2; z-index:1;}
#footerWrap .footerUtil > ul {display:table; table-layout:fixed; width:100%;}
#footerWrap .footerUtil > ul > li {display:table-cell;}
#footerWrap .footerUtil > ul > li a {display:block; height:51px; overflow:hidden; text-indent:-999px; background:url('../../image/util_menu01.png') 50% 50% no-repeat; background-size:auto 29px;}
#footerWrap .footerUtil > ul > li.home a {background-image:url('../../image/util_menu01.png');}
#footerWrap .footerUtil > ul > li.prev a {background-image:url('../../image/util_menu02.png');}
#footerWrap .footerUtil > ul > li.next a {background-image:url('../../image/util_menu03.png');}
#footerWrap .footerUtil > ul > li.refresh a {background-image:url('../../image/util_menu04.png');}
#footerWrap .footerUtil > ul > li.bookmark a {background-image:url('../../image/util_menu05.png');}
#footerWrap .footerUtil > ul > li.share a {background-image:url('../../image/util_menu06.png');}


.footerUtil .shareList {position:absolute; left:0; bottom:0; width:100%; font-weight:bold; font-size:0.83rem; background-color:rgba(0,0,0,.7); display:none;}
body.landscape .footerUtil .shareList {position:fixed;}
.footerUtil .shareList dl {position:absolute; left:0; width:100%; padding:0 10px; box-sizing:border-box;}
.footerUtil .shareList dl {bottom:7px;}
.footerUtil .shareList a {display:block; text-align:center;}
.footerUtil .shareList dl dt {padding-top:2px; line-height:32px; border-radius:9px 9px 0 0; text-align:center; color:#585858; font-size:1.08rem;
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #e2e1e1 100%);
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#e2e1e1 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%,#e2e1e1 100%);
}
.footerUtil .shareList dl dd {padding-bottom:15px;border-top:1px solid #bcbcbc; background-color:#f4f4f4; border-radius:0 0 9px 9px;}
.footerUtil .shareList dl dd ul {display:table; width:80%; table-layout:fixed; padding:0 7px; margin:0 auto;}
.footerUtil .shareList dl dd ul > li {display:table-cell; padding:4px 0; color:#3c3c3c;}
.footerUtil .shareList dl dd ul > li a {padding-top:55px; font-size:; background-position: center 18px;background-repeat:no-repeat; background-size:31px 31px;}
.footerUtil .shareList dl dd ul:first-child > li:nth-child(1) a {letter-spacing:-.5px; background-image:url('../../image/ico_share_twitter.png');}
.footerUtil .shareList dl dd ul:first-child > li:nth-child(2) a {font-size:0.79rem; background-image:url('../../image/ico_share_facebook.png');}
.footerUtil .shareList dl dd ul:first-child > li:nth-child(3) a {background-image:url('../../image/ico_share_kakao.png');}
.footerUtil .shareList dl dd ul > li:nth-child(1) a {background-image:url('../../image/ico_share_message.png');}
.footerUtil .shareList dl dd ul > li:nth-child(2) a {background-image:url('../../image/ico_share_email.png');}
.footerUtil .shareList dl dd ul > li:nth-child(3) a {background-image:url('../../image/ico_share_url.png');}

.footerUtil .shareList dd.btn {margin-top:7px; border-radius:9px; border-top:none;background-color: #f4f4f4;}
.footerUtil .shareList dd.btn a {height:36px; line-height:36px; padding-top:2px; color:#3c3c3c; font-size:1.25rem;background-color: #f4f4f4;border: 0 none;}




/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
.essen {display:inline-block;width:10px;padding:0;text-indent:-10000px;}

a {color:#3a3a3a;text-decoration:none;}
a:hover,
a:focus {}

input[type=text],
input[type='password'],
textarea {margin:0;padding:0;}

a,
input[type=submit],
input[type=reset],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;background:none;}

a.btnBg {display:block;width:100% !important;min-width:100% !important;height:100% !important;padding:0 !important;text-indent:-10000px;}



select,
input[type='text'],
input[type='email'],
input[type='number'],
input[type='password'] {height:22px;padding:0 10px;border:1px solid #dedede;}
select {height:24px;padding:0;}
input[type='number'] {padding: 0;}

input[type='radio'],
input[type='checkbox'] {display:inline-block;vertical-align:middle;margin:1px 5px 0 0;}
textarea {padding:7px 10px;}

td input[type='radio'],
td input[type='checkbox'] {margin:0 5px 0 30px;}
td input[type='radio']:first-child,
td input[type='checkbox']:first-child {margin-left:0;}

/* 버튼 영역 */
.btnArea {position:relative;margin-top:20px;padding:31px 0 30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL p,
.btnArea .posTR p {float:left;margin-left:10px;}
.btnArea .posTL p:first-child,
.btnArea .posTR p:first-child {margin-left:0;}

.btnArea a,
.btnArea input,
.btnArea button {display:inline-block;text-decoration:none;cursor:pointer;margin-left:10px;}

.btnArea a:first-child,
.btnArea input:first-child,
.btnArea button:first-child {margin-left:0;}

.btnArea .posTL > *,
.btnArea .posTR > * {display:block;float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}

.btn a,
.btn input,
.btn button {min-width:140px;height:;color:#fff;padding:0;text-align:center;border: 0 none;border-radius:0;font-size:15px;height:36px;background-color:#e88026;}
.btn a {height:18px;line-height:18px;padding:8px 10px 10px;}

span.btn {display:inline-block;}


/* 보더가 있는 버튼 : height 31px */
.btnBd {height:34px;padding:0 16px;border-width:1px;border-style:solid;font-size:13px;color:#4b4b4b;}
a.btnBd {height:18px;padding:8px 10px;color:#4b4b4b;}
a.btnBd img {vertical-align:middle;}

/* 작은 버튼 height:24px */
.btnSmall a,
.btnSmall input,
.btnSmall button {min-width:100px;height:24px;padding:0 13px 3px;font-size:12px;}

.btnSmall a {height:20px;padding:1px 13px 3px;line-height:20px;}



/* 주황색 */		.btn .btnDef {background-color:#2ca2bd;}
/* 파란색 */		.btn .btnBlue {background-color:#0d70cd;}
/* 청녹색 */		.btn .btnPoint {background-color:#00bb88;}
/* 보라색 */		.btn .btnPurple {background-color:#5c3191;}
/* 진녹색 */		.btn .btnGreen {background-color:#006c8f;}
/* 회색 */		.btn .btnGrey {background-color:#545454;}
/* 연회색 */		.btn .btnLightGrey {background-color:#b2b2b2;}

/* borer+주황색 */		.btn .btnBdDef {background-color:#f36c2a;border:1px solid #d86126;}
/* borer+녹색 */		.btn .btnBdPoint {background-color:#199c59;border:1px solid #14834a;}
/* borer+연두색 */		.btn .btnBdGreen {background-color:#bdd537;border:1px solid #9fb32e;color:#303030;}
/* borer+진회색 */		.btn .btnBdGrey {background-color:#444;border:1px solid #343434;}
/* borer+연회색 */		.btn .btnBdLightGrey {background-color:#b2b2b2;border:1px solid #9e9e9e;}


/* 파일 찾기 */
div.selectFile {overflow:hidden;}
div.selectFile p {float:left;}
div.selectFile p input[type='text'] {padding-bottom:2px;}
div.selectFile p.btn {width:70px;height:25px;margin-top: 0;background:url('/workshop/201601/image/btn_find.gif') center center no-repeat;background-color:#008f88;}
div.selectFile p.btn input {width:100%;min-width:100%;height:100%;padding:0;border:0 none;}


/* 탭메뉴 */
div.tabArea {}
div.tabArea ul.tabMenu {text-align: center;}
div.tabArea ul.tabMenu a {display: block;padding: 7px 0 8px;border: 1px solid #dcdcca;background-color: #ffea;color: #777;font-size: 17px;font-weight: bold;}
div.tabArea ul.tabMenu li.on a {border-color: #19af62;color: #fff;background-color: #19af62;}


/* ========================================================================================================== */
/* =============================================== 테이블 공통 CSS =============================================== */
/* ========================================================================================================== */

/* 기본 table */
div.tblWrap {border-right: 1px solid #d3d3d3;}
div.tblWrap > table {margin-top:30px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
div.tblWrap > table:first-child {border-top:0 none;margin-top:0;}


div.tblWrap th,
div.tblWrap td {padding:11px 10px 11px 15px;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;color:#3a3a3a;font-size:14px;text-align:left;}
div.tblWrap thead tr:first-child > * {border-top:0 none;}


div.tblWrap th {background-color:#f5f5f5;color:#343434;font-weight:bold;}
div.tblWrap thead th {border-top:1px solid #d3d3d3;background-color:#9e9e9e;color: #fff;}
div.tblWrap .bdLeft {border-left:1px solid #d3d3d3 !important;}

div.tblWrap .bdleft {border-left:1px solid #d3d3d3 !important;}

div.tblWrap table.ac th,
div.tblWrap table.ac td,
div.tblWrap tr.ac th,
div.tblWrap tr.ac td {padding:11px 0;text-align:center;}

div.tblWrap table.al td {text-align:left;}

div.tblWrap table td.bdTopNone {border-top:0 none;border-left:1px solid #d3d3d3;}


div.tblWrap table.innerTbl td {padding:7px 19px;}
div.tblWrap table.innerTbl th {padding:11px 0;background-color:#ffffde;}
div.tblWrap table.innerTbl tbody > tr:first-child > * {border-top:1px solid #d3d3d3;}
div.tblWrap table.innerTbl tbody th {background-color:#fffff0;}
div.tblWrap table.innerTbl tr > *:first-child {border-left:0 none;}

div.tblWrap table.innerTbl td.vaTop input[type='image'] {margin-top:15px;}
div.tblWrap table.innerTbl td.vaTop input[type='image']:first-child {margin-top:0;}


table.innerTbl caption.view {display:table-caption;width:761px;height:43px;padding-left:25px;line-height:43px;visibility:visible;font-weight:bold;background-color:#ffffde;text-align:left;color:#4c4c4c;}
div.tblWrap table.innerTbl caption.view {border-top:1px solid #d3d3d3;}
div.tblWrap table.innerTbl:first-child caption.view {border-top:0 none;}

div.tblWrap td.bg {background-color:#ffffde;border-bottom:0 none;}
div.tblWrap td.tit {padding:11px 10px !important;text-align:left !important;}

div.tblWrap td.floatArea {padding-left:5px;}
div.tblWrap td.floatArea > * {float:left;margin-left:10px;}
div.tblWrap td.floatArea input[type=radio],
div.tblWrap td.floatArea input[type=checkbox] {margin:5px 0 0 30px;}
div.tblWrap td.floatArea input[type=radio]:first-child,
div.tblWrap td.floatArea input[type=checkbox]:first-child {margin-left: 10px;}

div.tblWrap td.floatArea br {clear:both;margin:0;}
div.tblWrap td span,
div.tblWrap td label {line-height:24px;}
div.tblWrap td .note {color:#0d70cd;}
div.tblWrap td p.note {margin-top:5px;}

/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */



/* 게시판 하단버튼 영역 */

ul.pager,
ul.pager li {display:inline;}
ul.pager li {margin-left:8px;}
ul.pager LI:first-child {margin-left:0;}
ul.pager .on {font-weight:bold;}
ul.pager img {display:inline;vertical-align:middle;}

/* 게시판 검색 */



/* ========================================================================================================== */
/* ========================================== 탭메뉴 및 탭메뉴 스타일 공통 CSS ======================================== */
/* ========================================================================================================== */




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

/* Layout */
div.wrapper {word-break:normall;text-align:justify;word-break:normal;}

div.notyet {text-indent:-10000px;background:url('../../image/notyet.jpg') 0 0 no-repeat;}


.blList_r {background-image:url('../../image/bl_circle_r.png') !important;color:#ec0000 !important;font-weight:bold !important;}
ul.blList_bar > li {padding-left:14px;background:url('../../image/bl_tit_bar.gif') 0 11px no-repeat;}

ul.txtIn15 > li {margin-top:5px;padding-left:15px;text-indent:-15px;}
ul.txtIn15 > li:first-child {margin-top:0;}



/* Intro */
ul.introMenu {margin:0 auto;}
ul.introMenu li {margin-top:10px;border: 1px solid #0d70cd;}
ul.introMenu a {display: block;padding-left: 50px;line-height: 43px;color: #525252;}

ul.introMenu li:first-child {margin-top: 0;background-color: #0d70cd;}
ul.introMenu li:first-child a {color: #fff;}


ul.introMenu > li a {display:block;}
ul.introMenu > li a img {width: 43px;}

ul.introBtn {overflow: hidden;}
ul.introBtn > li {float: left;width: 50%;}
ul.introBtn > li:first-child {border-right: 1px solid #e3e3e3;}
ul.introBtn a {display: block;padding: 16px 0 16px 15px;line-height: 34px;}
ul.introBtn a img {width: 34px;margin-right: 5px;}


/* 연수강좌 안내 */
ul.regitBtn {overflow: hidden;}
ul.regitBtn li {float: right;}
ul.regitBtn li:first-child {float: left;}

ul.regitBtn li a,
.btnArr a {background-position: right center;background-repeat: no-repeat;text-align: left;}



/* 프로그램 */
div.program {}

div.program > dl {padding-bottom: 20px;}

div.program div.tblWrap table {border-top: 3px solid #9e9e9e;}
div.program th,
div.program td {padding: 11px 10px;}
div.program td {text-align: right;word-break:normal;}

div.program td:first-child {text-align: center;}
div.program td.con {text-align: left;}
div.program td.con p.ar {padding-top: 5px;}
div.program td.con a,
div.program td.con img {display: inline-block;vertical-align: top;}
div.program td.chief {text-align: center;font-weight: bold;background-color: #f8f8f8;}

div.program tr.session td {font-weight: bold;text-align: left;color: #0d70cd;}
div.program tr.session2 td {background-color: #ECFFED;}
td.bdLeft {border-left: 1px solid #d3d3d3 !important;}

/* 초록 접수 안내*/
div.absInfo {}

div.absInfo > * {margin-top:20px;}

dl.absPeriod {margin-top:0;border:1px solid #d7d7d7;}
dl.absPeriod > dd {font-weight:bold;color:#000;}


/* 초록접수 완료, 온라인 사전등록 완료 */
div.karmCom {padding:26px 30px;border:1px solid #d7d7d7;background-color:#ffffea;text-align:center;font-weight:bold;font-size:15px;line-height:25px;}
p.num {width:300px;padding:10px 0;margin:25px auto 0;border:1px solid #e2e2e2;background-color:#f5f5f5;font-size:16px;line-height:30px;color:#4c4c4c;}
p.btn {margin:25px auto 0;}

/* 사전등록 안내 */

div.registInfo > dl {margin-top: 30px;}
div.registInfo > dl:first-child {margin-top: 0;}


div.registInfo ul.blList > li {margin-top:5px;}


/* 온라인 사전등록 */
div.karmRegist {}

dl.regPeriod {margin-top:0;border:1px solid #d7d7d7;}
dl.regPeriod > dd {font-weight:bold;color:#000;}

div.karmRegist div.scrollArea {height:100px;padding:20px;border:1px solid #d7d7d7;background-color:#ffffea;}

div.karmRegist div.scrollArea > * {padding-bottom:20px;}
div.karmRegist div.scrollArea dt {font-weight:bold;padding-bottom:5px;}

div.karmRegist div.tblWrap {margin-top:30px;}

td.regitType {text-align:left !important;}
td.regitType input {margin-left:0;}
td.regitType div {padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #d7d7d7;}

td.address {padding-top:;6px}
td.address label {width:60px;}
td.address label,
td.address input {margin-top:5px;}

div.karmRegist ul.blList {margin-top:15px;}
div.karmRegist ul.blList > li {margin-top:5px;}

div.karmRegist div.btnArea {padding-top:0;}

/* 발표연제 */
div.presentation {}

dl.searchArea {border-top:2px solid #444;border-bottom:1px solid #454545;}
dl.searchArea > dt {padding:7px 0 12px;text-align:center;font-weight:bold;background-color:#eee;color:#4c4c4c;font-size:16px;border-bottom:1px solid #d3d3d3;}
dl.searchArea > dd {padding:10px 0;text-align:center;}
dl.searchArea > dd dl,
dl.searchArea > dd p.btn {display:inline-block;margin:0;}

dl.searchArea > dd dd {float:left;}

dl.searchArea > dd dd input {margin-left:5px;}


dl.resultItem {border-top:2px solid #444;}
dl.resultItem > dt {overflow:hidden;padding:7px 10px 9px;font-weight:bold;background-color:#f8f8f8;}
dl.resultItem > dt span {float:right;}
dl.resultItem > dt span:first-child {float:left;}

dl.resultItem > dd {border-top:1px solid #d2d2d2;padding:5px 10px 7px;}
dl.resultItem > dd.bg {background-color:#eee;}
dl.resultItem > dd dt {font-weight:bold;}

dl.resultItem > dd.padding0 {}
table.briefTbl th,
table.briefTbl td {border-top:1px solid #d2d2d2;padding:5px 10px 7px;word-break:normal;text-align:left;}

table.briefTbl tr:first-child th,
table.briefTbl tr:first-child td {border-top:0 none;}
table.briefTbl th {border-right:1px solid #d2d2d2;font-weight:bold;background-color:#f8f8f8;text-align:center;}
table.briefTbl td a {color:#1c72c3;}





/* 행사장 안내 */

div.place > p {padding:20px 0 40px;}
div.place > p:first-child {padding-top: 0;}
div.place div.tblWrap th {text-align:center;}

div.roomInfo {}
div.roomInfo h3 {margin-top: 30px;}
div.roomInfo h3:first-child {margin-top: 0;}

/* 팝업 */
div#popupWrap {position:relative;}
div#popupWrap h1 {padding:12px 0 12px 30px;background-color:#444;color:#fff;font-size:18px;}

div#popupWrap div.popupCon {padding:17px;}
div#popupWrap .btn {margin:0;}
div#popupWrap > p.btn {position:absolute;right:20px;top:0;width:46px;height:46px;margin:0;}
div#popupWrap > p.btn a {background:url('../../image/popup_btn_close.png') center center no-repeat;}


/* 팝업 : 초록 접수번호 찾기 */
div.popupAbsNum {width:400px;}
div.popupAbsNum div.popupCon > div {padding:19px 17px 9px;background-color:#f7f7f7;}

div.popupAbsNum dl {overflow:hidden;padding-bottom:10px;}
div.popupAbsNum dt,
div.popupAbsNum dd {float:left;}
div.popupAbsNum dt {width:140px;}
div.popupAbsNum dt label {line-height:33px;}
div.popupAbsNum dd input {width:170px;padding:4px 10px 5px;}

div.popupAbsNum ul.btn {width:293px;overflow:hidden;margin:20px auto;}
div.popupAbsNum ul.btn li {float:right;}
div.popupAbsNum ul.btn li:first-child {float:left;}


/* 팝업 : 초록 접수번호 찾기 결과 */
div.popupAbsResult {width:600px;}
div.popupAbsResult th,
div.popupAbsResult td {text-align:center;padding:11px 10px 11px;}
div.popupAbsResult td.tit {text-align:left;}




/* 레이어 팝업 */
div.contents div#popupWrap {z-index:100;position:fixed;left:0;top:0;width:100%;height:100%;background:url('../../image/popup_bg.png');}
div.contents div#popupWrap > div {background-color:#fff;}

div.contents div#popupWrap > div .btn a {min-width:auto;}
div.contents div#popupWrap > div > p.btn {margin:0;text-align:center;}

div.contents div#popupWrap div.formArea {overflow:hidden;margin:20px 0;padding:10px 20px;background-color:#f7f7f7;}

div.contents div#popupWrap > div ul.btn {overflow:hidden;padding:10px 0 30px;margin:0 auto;}
div.contents div#popupWrap > div ul.btn li {float:right;}
div.contents div#popupWrap > div ul.btn li:first-child {float:left;}



/* 팝업 : 병원검색 */
div.popupHospital {width:500px;margin:-389px 0 0 -250px;}
div.popupHospital div.formArea dt,
div.popupHospital div.formArea dd {float:left;}
div.popupHospital div.formArea dt {padding-right:10px;}
div.popupHospital div.formArea dt label {line-height:24px;}
div.popupHospital div.formArea dd input {width:240px;}

div.popupHospital div.resultArea {overflow-x:hidden;overflow-y:auto;max-height:200px;margin:20px 0;border-top:2px solid #444;border-bottom:1px solid #444;}
div.popupHospital div.resultArea div.tblWrap {border-top:0 none;}
div.popupHospital div.resultArea table {border-bottom:0 none;}
div.popupHospital div.resultArea th {padding:11px 10px;text-align:center;}

/* 팝업 : 다운로드 인증*/
div.popupDownload {width: 500px;margin: -130px 0 0 -250px;}
div#popupWrap div.popupDownload h1 {padding-left: 0;text-align: center;}

div#popupWrap div.popupDownload div.formArea {margin: 20px;padding: 20px 34px;}
div.popupDownload dl {overflow:hidden;padding-bottom:10px;}
div.popupDownload dt,
div.popupDownload dd {float:left;}
div.popupDownload dt {width:100px;}
div.popupDownload dt label {line-height:33px;}
div.popupDownload dd input {width:170px;padding:4px 10px 5px;}

div.popupDownload p.fcOrange {font-size: 12px;line-height: 1.2em;}

div.popupDownload p.btn {padding-bottom: 20px;text-align: center;}
div.popupDownload p.btn input {vertical-align: top;}
div.popupDownload p.btn a {width: 80px;}