@charset "utf-8";
@import url('font/NanumBarunGothic.css');



body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:'NanumBarunGothicLight', sans-serif;}



/* 공통 스타일 */
.ffMgGothic {font-family: 'Malgun Gothic', '맑은고딕', sans-serif;}
.ffNotoKR {font-family: 'Noto Sans KR', sans-serif;}
.ffNaumBGothic {font-family: 'NanumBarunGothic', sans-serif;}

.fcPoint {color: #2aab9e !important;} /* 청록색 */
.fcRed {color: #ed1145 !important;}

.scrollArea {padding:15px 30px 19px;border: 1px solid #dfdfdf;}






/* 버튼 및 Form 태그 */
img.essen {vertical-align: middle;}
i.essen {padding:0 5px 0 0;color:#f00;font-size:0.8em;background:none;}


input[type=text],
input[type=password],
input[type=file] {width:auto;padding:2px 10px}

.btnArea {padding-top: 40px;text-align: center;}

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:34px;padding:0 1.5em;font-size:16px;line-height: 20px;border:1px solid #ccc;vertical-align:top;}

.btn a {height:19px;line-height:19px;padding:7px 1.5em 6px;}

/* 파란색 */		.btnDef {background-color:#004ea2 !important;border-color:#004ea2 !important;color:#fff !important;}
/* 주황색 */		.btnPoint01 {background-color:#f85d00 !important;border-color:#f85d00 !important;color:#fff !important;}
/* 보라색 */		.btnPoint02 {background-color:#654dbd !important;border-color:#654dbd !important;color:#fff !important;}
/* 회색 */			.btnGrey {background-color:#525f69 !important;border-color:#252e35 !important;color:#fff !important;}
/* 연회색 */		.btnLGrey {background-color:#fafafa !important;border-color:#ccc !important;color:#ccc !important;}


/* border+파란색 */			.btnBdDef {background-color:#fff !important;border-color:#004ea2 !important;color:#004ea2 !important;}
/* border+ 보라색 */			.btnBdPoint {background-color:#fff !important;border-color:#654dbd !important;color:#654dbd !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#fff !important;border-color:#525f69 !important;color:#525f69 !important;}


span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 27px;padding:0 16px;}
.btn a.btnSmall {height: 19px;padding: 4px 16px 2px;}

table.inputTbl .btnSmall {height:30px;padding:0 10px;}
table.inputTbl a.btnSmall {padding:5px 10px 6px;}


.btn .withIcon {position:relative;padding-left:2.5em !important;}
.btn .withIcon i {position:absolute;left:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}
.btn .withIcon_r {position:relative;padding-right:2.5em !important;}
.btn .withIcon_r i {position:absolute;right:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}







/* 테이블 디자인 */
table.tblDef {}
table.tblDef th,
table.tblDef td {padding:10px 0;border-left:1px solid #eaeaea;text-align:center;color: #383838;}
table.tblDef tr > *:first-child {border-left:0 none;}
table.tblDef th {font-weight:bold;}
table.tblDef tbody th,
table.tblDef td {border-bottom:1px solid #eaeaea;}

table.type01 thead th {background-color: #fff0e1;}
table.type02 thead th {background-color: #f3fee1;}

table.inputTbl {border-top:1px solid #a4bedb;}
table.inputTbl th,
table.inputTbl td {font-size:0.9em;padding:10px;text-align:left;}
table.inputTbl th {border-right:1px solid #c7c7c7;border-bottom:1px solid #a4bedb;background-color:#f2f8ff;color:#2a2a2a;}
table.inputTbl td {border-bottom:1px solid #c7c7c7;}

table.tblDef .bdLeft {1px solid #eaeaea !important;}


/* 탭메뉴 & 서브메뉴(탭메뉴 스타일) */
ul.tabMenu,
ul.tabStyle {overflow: hidden;}
ul.tabMenu a,
ul.tabStyle a {text-decoration:none;}

ul.tabMenu > li {float: left;width: 240px;margin-left: 5px;}
ul.tabMenu > li:first-child {margin-left: 0;}

ul.tabMenu > li a {display: block;padding: 7px 0 5px;text-align: center;border: 2px solid #aaa;color: #555;font-weight: bold;}
ul.tabMenu.type01 .on a {border-color: #cb4c00;color: #cb4c00;}

div.tabCon {padding-top: 50px;}

ul.menu03 > li {width: 33.3%;}
ul.menu03 > li:first-child {width: 33.4%;}

ul.menu04 > li {width: 25%;}




/* 레이아웃 */
div.wrapper {position:relative;width:1098px;margin: 0 auto;border: 1px solid #dedede;font-family:'NanumBarunGothicLight', sans-serif;word-break:normal;font-size:14px;background: url('../image/new/bg.png') 299px 0 repeat-y;}
div.wrapper:after {clear: both;display: block;font-size: 0;height: 0;line-height: 0;content: ".";}

div#headerWrap {position: relative;float: left;width: 300px;}
div#headerWrap a {display:block;text-decoration:none;}
div#headerWrap h1 {width: 212px;padding: 40px 0;margin: 0 auto;}


div#footerWrap {position: absolute;left: 0;bottom: 0;width: 240px;padding: 0 30px 30px;}
div#footerWrap,
div#footerWrap a {color:#4a4a4a;font-size: 15px;}

div#footerWrap ul {padding-top: 30px;}
div#footerWrap a {text-decoration:none;}


ul#gnb {width: 240px;padding: 0 30px 220px;}
ul#gnb > li {padding-top: 10px;}
ul#gnb > li:first-child {padding-top: 0;}

ul#gnb > li > a {padding: 13px 10px 10px 20px;color: #4a4a4a;font-size: 18px;background-color: #f2f2f2;background-position: right -50px;background-repeat: no-repeat;}
ul#gnb > li:first-child > a {background-image: none;}
ul#gnb > li.workshop > a {background-image: url('../image/new/gnbBg_01.png');}
ul#gnb > li.symposium > a {background-image: url('../image/new/gnbBg_02.png');}

ul#gnb > li.on > a {background-color: #2aab9e;background-position: right 0;color: #fff;}
ul#gnb > li.workshop.on > a {background-color: #f1820f;}
ul#gnb > li.symposium.on > a {background-color: #82c419;}

ul#gnb ul {display: none;padding: 10px 0;}
ul#gnb > li.on ul {display: block;}

ul#gnb ul li {padding: 5px 20px 3px;border: 1px solid #fff;}
ul#gnb > li.workshop ul li.on {border-color: #f1820f;}
ul#gnb > li.symposium ul li.on {border-color: #82c419;}

ul#gnb ul a {padding-left: 10px;color: #4a4a4a;font-size: 15px;background-position: left 8px;background-repeat: no-repeat;}


ul#gnb > li.workshop ul a {background-image: url('../image/new/gnbSubBg_01.png');}
ul#gnb > li.symposium ul a {background-image:  url('../image/new/gnbSubBg_02.png');}



div#container {float: right;width: 798px;}


div.titArea {width: 738px;height: 48px;margin: 0 auto;padding-top: 123px;border-bottom: 2px solid #dadada;font-size:12px;color: #383838;}
div.titArea h2 {float: left;height: 47px;padding:0 30px 1px 0;font-size: 30px;color: #383838;border-bottom: 2px solid #2aab9e;font-weight: bold;}
div.titArea.workshop h2 {border-bottom-color: #f1820f;}
div.titArea dl {float: right;padding-top: 15px;}

div.ing {padding: 50px 0 100px;text-align: center;}


/*  서브페이지 타이틀 & 리스트 스타일 */
div.contents {padding:50px 30px;color: #383838;font-size: 16px;}

.subTit {padding-left: 30px;margin: 30px 0 10px;color:#252e35;font-size:20px;line-height:1.2;background:url('/image/sub/subTit.png') 0 6px no-repeat;}

/*블릿이 있는 타이틀*/
.subTit_bl {padding-left: 30px;margin: 30px 0 10px;color:#252e35;font-size:20px;line-height:1.2;background:url('../image/new/subTit_01.png') 0 6px no-repeat;}

/* 백그라운드 컬러가 있는 타이틀 */
.subTitBg {width: 205px;height: 27px;padding: 9px 0;border-radius:5px;background: url('/image/sub/subTitBg.jpg') 0 0 no-repeat;color: #fff;font-size: 18px;text-align: center;}

/* 포인트 컬러가 적용되는 타이틀*/
.pointTit {margin:60px 0 10px;color:#2c67b0;font-size:35px;}

/* 포인트 컬러 + bold 가 적용되는 타이틀*/
.boldTit {margin-top:30px;margin-top:30px;color:#086ca3;line-height:1.2;}


.bullet_arr01 {padding-left: 20px;line-height: 24px;color: #f1820f;font-weight: bold;background: url('../image/new/bullet_arr01.png') 0 4px no-repeat;}
.bullet_arr02 {padding-left: 20px;line-height: 24px;color: #67a10b;font-weight: bold;background: url('../image/new/bullet_arr02.png') 0 4px no-repeat;}
span.bullet_arr01,
span.bullet_arr0 2{display: inline-block;line-height: 24px;}


.subTit:first-child,
.pointTit:first-child,
.boldTit:first-child {margin-top:0 !important;}

ul.txtIndent15 > li,
.txtIndent15 {padding-left:15px;text-indent:-15px;}


ul.txtIndent20 > li,
.txtIndent20 {padding-left:20px;text-indent:-20px;}
ul.txtIndent15,
ul.txtIndent20 {padding-left:0;text-indent:0;}


ul.listStyle {margin-left:;}
ul.listStyle > li {margin-left:0;list-style:inside;list-style-type:disc;}

ul.listBl > li,
.bullet {padding-left:10px;background:url('../image/new/list_bl.png') 0 10px no-repeat;}


ul.overHidden > li {float:left;}

.bdArea {border:3px solid #004f7a;background-color:#e8f0f4;}



/* 메인 */
div.contents.main {padding: 0;}
div.main > dl {float: left;width: 399px;height: 820px;background: url('../image/new/mainBg_02.png') 0 0 no-repeat;}
div.main > dl:first-child {width: 398px;border-right: 1px solid #dedede;background-image: url('../image/new/mainBg_01.png');}

div.main > dl dt,
div.main > dl ul,
div.main > dl p {height: 0;font-size: 0;line-height: 0;text-indent: -10000px;}

div.main > dl ul.btn {width: 280px;height: auto;padding-top: 580px;margin: 0 auto;font-size: 15px;line-height: 1.4;text-indent: 0;}
div.main > dl ul.btn li {padding-top: 1px;}
div.main > dl ul.btn a {display: block;padding: 11px 20px 9px;border: 0 none;color: #fff;background: url('../image/new/mainBtnBg_02.png');}
div.main > dl:first-child ul.btn a {background: url('../image/new/mainBtnBg_01.png');}

div.mainNote {clear: both;padding: 30px 0 30px 120px;border-top: 1px solid #dedede;background: #f7f7f7 url('../image/new/mainBg_note.png') 40px center no-repeat;color: #4a4a4a;font-size: 15px;font-weight: bold;}


/* 모시는 글 */
div.invite {}
div.invite p {padding-top: 20px;}
div.invite p.fcPoint {padding-top: 0;font-size: 25px;font-weight: bold;}
div.invite p.sign {padding-top: 50px;text-align: right;}
div.invite p.sign span {font-weight: bold;font-size: 25px;}


/* 프로그램 */
div.program {}
div.program p.btn {text-align: right;}
div.program div.tabArea {margin-top: 30px;}


/* 행사장 위치 */
div.mapArea {height: 450px;border: 1px solid #eaeaea;margin-top: 10px;}
p.map {margin-top: 20px;border: 1px solid #eaeaea;text-align: center;}