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



 /* 사이트 공통 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: 'NanumSquareR', sans-serif; font-size:14px; font-weight:normal; line-height:1.5; color:#333;}
input[type='password'] {font-family: "Malgun Gothic", sans-serif;}


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

img,
img.vaMiddle {vertical-align:middle;}
.fcPoint {color:#003f8f !important;}
.fcBlue {color:#204ea3 !important;}

.fz15 {font-size:15px !important;line-height:22px !important;}


/* Layout */
div.wrapper {position:relative; overflow:hidden; width:100%; min-width:1200px; margin:0; padding-top:332px; text-align:justify; word-break:normal;}
.ie7 div.wrapper {zoom:1;}


#skipNavi dd a:hover,
#skipNavi dd a:focus,
#skipNavi dd a:active {position:absolute; top:5px; left:0;padding:15px 0; margin-left:0; font-weight:bold; color:#fff; text-decoration:underline; background:#336ea2;}




/* ============================ 버튼 및 폼태그 공통 CSS =========================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

img {max-width:100%;}

a {color:#666;text-decoration:none;}
a:hover,
a:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

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

select,
input[type='text'],
input[type='password'],
textarea {height:35px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;}
select {height:35px;padding:0;}
textarea {height:150px;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;margin:0 5px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0;}

td label,
td span {display:inline-block;}



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


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:40px;padding:0 16px;font-size:15px;font-weight:bold;border-style:solid;border-width:1px;border-radius:0;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height:1.2;padding:10px 16px 9px;}
.btn a img {padding-right:5px;vertical-align:top;}

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

.btn .btnBg {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
a.btnBg {display:block;height:100%;text-indent:-10000px;}

.btn .btnArr,
.btn .btnCancel {padding-right:60px;background-position:right center;background-repeat:no-repeat;}
.btn .btnArr {background-image:url('/image/btn/btnBl_arr.png');background-position:right center;background-repeat:no-repeat;}
.btn .btnCancel {background-image:url('/image/btn/btnBl_cancel.png');background-position:right center;background-repeat:no-repeat;}

.btn .fullBtn {width:100%;font-size:16px;}
.btn a.fullBtn {padding:7px 0 8px;}


/* 작은 버튼 height:28px */
.btn .btnSmall {min-width:30px; height:28px;padding:2px 16px 1px;font-size:13px;}
.btn a.btnSmall {height:auto;padding:5px 16px 4px;line-height:17px;}

table.inputTbl .btnSmall {height:28px;font-size:13px;}
table.inputTbl a.btnSmall {height:18px;padding:2px 13px 3px;}


div.btnArea a,
div.btnArea input,
div.btnArea button {min-width:150px;}
div.btnArea a {min-width:110px;height:auto;padding:11px 20px 9px;}

div.btnArea * {margin-left:8px;}
div.btnArea *:first-child {margin-left:0;}


/* 핑크색 */			.btn .btnDef {background-color:#e20e5b;border-color:#e20e5b;color:#fff !important;}
/* 짙은회색 */		.btn .btnPoint {background-color:#373737;border-color:#373737;color:#fff !important;}
/* 검은색 */			.btn .btnBlank {background-color:#000;border-color:#000;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#919191;border-color:#919191;color:#fff !important;}


/* border+핑크색 */		.btn .btnBdDef {background-color:#fff;border-color:#e20e5b;color:#e20e5b !important;}
/* border+짙은회색 */		.btn .btnBdPoint {background-color:#fff;border-color:#373737;color:#373737 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#4e4e4e;color:#4f4f4f !important;}


.btnRd {border-radius:3px !important;}





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

/* _기본 table */
table.tblDef {border-top:2px solid #3b4253;}

table.tblDef th,
table.tblDef td {padding:12px 10px 11px; line-height:28px; color:#333436; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}

table.tblDef thead th {background-color:#eee;}
table.tblDef tbody th {background-color:#fcfcfc;}
table.tblDef th {font-weight:bold;}

table.tblDef th:first-child,
table.tblDef td:first-child {border-left:0 none;}

table.tblDef span {line-height:28px;}

table.ac th,
table.ac td {text-align:center;}

table.al td {padding:6px 10px 7px !important;text-align:left !important;}
table td.al {padding-left:20px;text-align:left;}

table .bdLeft {border-left:1px solid #dbdbdb !important;}
table .pluginArea {padding:0 !important;}



/* _입력 table */
table.inputTbl {border-top:2px solid #3b4252;}
table.inputTbl th,
table.inputTbl td {padding:8px 10px 9px; font-size:15px; color:#4e4e4e; text-align:left; border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; line-height:28px;}
table.inputTbl th {background-color:#eee; font-weight:bold; color:#101010; text-align:center;}
table.inputTbl th span {font-size:13px; color:#F00;}

table.inputTbl tr:first-child > * {border-top:0 none;}
table.inputTbl td > * {vertical-align:top;}
table.inputTbl td select {height:28px; line-height:28px;}
table.inputTbl td input[type=text] {height:28px; line-height:21px;}

table.inputTbl input.wide {width:85%;}
/*
table.inputTbl .label,
table.inputTbl th label {padding-left:0;}
*/
table.inputTbl .multi > span,
table.inputTbl .multi > label,
table.inputTbl td.phone span,
table.inputTbl td.phone label,
table.inputTbl td.address > span,
table.inputTbl td.address > label,
table.inputTbl td.birth > span,
table.inputTbl td.birth > label,
table.inputTbl td.email > span,
table.inputTbl td.email > label {line-height:28px; vertical-align:top;}

table.inputTbl td span {font-size:12px;}
table.inputTbl td span.note {font-size:13px !important; color:#4e4e4e;}
table.inputTbl td span.btn {padding-bottom:0;}


table.inputTbl td.multi > *,
table.inputTbl td.phone *,
table.inputTbl td.address > *,
table.inputTbl td.email > * {float: left;margin-left: 5px;}

table.inputTbl td.multi > *:first-child {margin-left:0 !important;}
table.inputTbl td.multi input[type=radio],
table.inputTbl td.multi input[type=checkbox] {margin:7px 0 0 20px;}
table.inputTbl td.multi .clear {margin-left:0;}
table.inputTbl td.multi span {font-size:15px; line-height:28px;}


table.inputTbl td.email span {margin-left: 5px;}
table.inputTbl td.email input[type=text],
table.inputTbl td.email select {width:160px;}
table.inputTbl td.email input[type=text]:first-child {width:180px;}


table.inputTbl td.phone select,
table.inputTbl td.phone input:first-child {width:90px}
table.inputTbl td.phone input {width:110px;}


table.inputTbl td.address input[type=text] {width: 200px;margin-top: 5px;}
table.inputTbl td.address input[type=text]:first-child {width: 70px;margin-top: 0;}
table.inputTbl td.address input[type=text].clear {width: 350px;margin-left: 0;}



/* _inner Table */
table.innerTbl tr:first-child th,
table.innerTbl tr:first-child td {border-top:0 none;}

table.innerTbl th:first-child,
table.innerTbl td:first-child {border-left:0 none;}

table.innerTbl th,
table.innerTbl td {border-top:1px solid #dbdbdb; border-bottom:0 none;}



/* _파일 찾기 */
div#selectFile {overflow:hidden;}
div#selectFile p {float:left;}
div#selectFile p input[type=text] {height:28px;padding: 2px 10px;}
div#selectFile p.find {width:60px;height:28px;margin: 0 5px;background:url('../image/icon/btn_browse.png') center center no-repeat;background-color:#393939;}
div#selectFile p.find input {width:100%;height:100%;padding: 0;border: 0 none;}
div#selectFile p.btn * {height: 28px;font-size: 14px;border: 0 none;}





/*  서브페이지 타이틀 & 리스트 스타일 */

/* _타이틀 */
.bl_dotTit {margin:40px 0 12px; padding-left:13px; background:url('../image/icon/bl_dotTit.png') no-repeat left 8px; font-size:16px; font-weight:bold; line-height:21px;}
.bl_dotTit:first-child {margin-top:0;}


/* _리스트 */
ul.tabMenu {overflow:hidden; margin-bottom:20px;}
ul.tabMenu li {float:left;}
ul.tabMenu li a {display:block; padding:12px 0 10px; background-color:#fafafa; font-size:17px; line-height:23px; color:#8f9194; text-align:center; border-right:1px solid #b4b7ba; border-top:1px solid #b4b7ba; border-bottom:1px solid #b4b7ba;}
ul.tabMenu li:first-child a {border-left:1px solid #b4b7ba;}
ul.tabMenu li.on a {background-color:#FFF; font-weight:bold;  color:#000; border-top:2px solid #e20e5b; border-bottom-color:#FFF;}

ul.menu02 li {width:50%;}
ul.menu03 li {width:33.3%;}
ul.menu03 li:first-child {width:34%;}
ul.menu04 li {width:25%;}
ul.menu05 li {width:20%;}
ul.menu06 li {width:16.6%;}
ul.menu06 li:first-child {width:17%;}


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

ul.txtIndent10 > li,
.txtIndent10 {padding-left:10px;text-indent:-10px;}
ul.txtIndent10 {padding-left:0;text-indent:0;}

ul.txtIndent15 > li *,
ul.txtIndent10 > li * {text-indent:0;}


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

ul.listBl > li,
.blDot {padding-left:10px; background:url('../image/icon/bl_dot.png') left 6px no-repeat;}
ul.listBl_g > li,
.blDot_g {padding-left:10px;background:url('../image/sub/bl_dot_p.png') left 9px no-repeat;}

ul.overHidden > li {float:left;}

.bdArea {border:1px solid #ddd;}
.bgArea {background-color:#f4f4f4;}





/* ================ Header ================ */

div#headerWrap {position:absolute; top:0; left:0; width:100%; z-index:100; background:#ecedf2 url('../image/common/topVisual_bg.jpg') no-repeat center top;}
div#headerWrap > div {position:relative; padding-top:279px;}

div#headerWrap a {display:block;}

div#headerWrap h1 {position:absolute; top:39px; left:50%; z-index:10; margin-left:-428px;}
div#headerWrap h1 a {width: 135px;height: 21px;}
div#headerWrap h1 img {display: none;}


/* _Gnb */
div.gnbWrap { background:url('../image/common/gnbBg.jpg') repeat-x left top;}
ul#gnb {position:relative; height:52px; width:890px; margin:0 auto;}
ul#gnb li {float:left;}
ul#gnb li a {display:block; color:#FFF; text-align:center;}


ul#gnb > li {width:16.6%;}
ul#gnb > li:first-child {width:17%;}

ul#gnb > li > a {padding:14px 0 13px; font-size:18px; line-height:22px;}
ul#gnb > li > a:hover,
ul#gnb > li.on > a {border-bottom:3px solid #FFF;}

ul#gnb ul {display:none; position:absolute; top:48px;}
ul#gnb ul li {margin-left:40px;}
ul#gnb ul li:first-child {margin-left:0;}

ul#gnb ul a {line-height:18px; padding:18px 0 16px;}
ul#gnb ul a:hover {color:#ffffb2;}
ul#gnb > li.on ul {display:block !important;}


/* _headerUtil */
ul.headerUtil {overflow:hidden; position:absolute; left:50%; top:30px; z-index:10; margin-left:222px;}
ul.headerUtil li {float:left; padding-left:18px; background:url('../image/common/headerUtil_bar.png') no-repeat 8px center;}
ul.headerUtil li:first-child {padding-left:0; background:0 none;}
ul.headerUtil li a {font-size:12px; font-weight:bold; line-height:13px; color:#000;}


/* _wsInfo */
dl.wsInfo {position:absolute; left:50%; top:0; width:990px; height:280px; margin-left:-495px; background:url('../image/common/wsInfo.png') no-repeat left top;}
dl.wsInfo dt,
dl.wsInfo dd {font-size:0; line-height:0;}





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

div#footerWrap {background-color:#ccd0d9;}
div#footerWrap a {text-decoration:none;}

div#footerWrap > div {width:730px; margin:0 auto; padding:25px 0 30px 260px; background:url('../image/common/footer_logo.png') no-repeat 95px 25px; line-height:19px;}

div#footerWrap ul {overflow:hidden;}
div#footerWrap li {float:left; padding-left:3px;}
div#footerWrap li:first-child {padding-left:0;}





/* ================= 메인 ================ */
div.wrapper.main {}

div.mainInfo {overflow:hidden; margin-top:20px;}
div.mainInfo > dl {float:right; width:800px; border:1px solid #d9d9d9;}
div.mainInfo > dl:first-child {float:left;}

div.mainInfo > dl dt {padding:15px 10px 13px 30px; font-size:18px; font-weight:bold; line-height:24px; color:#FFF;}
div.mainInfo > dl dd {padding:15px 30px; min-height:212px;}
div.mainInfo > dl dd li {margin-top:10px; line-height:18px; color:#444;}
div.mainInfo > dl dd li:first-child {margin-top:0;}
div.mainInfo > dl dd li span {color:#000;}


dl.eventInfo dt{background-color:#db685c;}
dl.scheduleInfo dt {background-color:#7c4de1;}

div.main ul.quickBtn {overflow:hidden; width:990px; margin:20px auto 0;text-align: center;}
div.main ul.quickBtn li {display:inline-block;width:232px; height:60px; margin-left:15px;}
div.main ul.quickBtn li:first-child {margin-left:0;}
div.main ul.quickBtn li a {display:block; padding:16px 0 14px 20px; font-size:18px; line-height:30px; color:#FFF;}
div.main ul.quickBtn li img {float:right;}



/* ================= Container ================ */

div#container {padding:50px 0;}
div.contents {position:relative; width:888px; min-height:500px; margin:0 auto; padding:30px 50px 25px; border:1px solid #ddd;}
div.contents > h2 {height:52px; margin-bottom:20px; border-bottom:1px solid #d5d5d5;}
div.contents > h2 span {display:inline-block; zoom:1; *display:inline; padding:0 20px 17px 0; font-size:24px; font-weight:bold; line-height:35px; color:#282b36; border-bottom:1px solid #000;}

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


.imDate {position:absolute; right:50px; top:27px;}
.imDate dd span {display:inline-block; zoom:1; *display:inline-block; width:30px; height:41px; background:url('../image/sub/dDay_bg.png'); font-size:26px; font-weight:bold; line-height:44px; color:#FFF; text-align:center;}




/* ================= 팝업 관련 ================ */

div.popupWrap h1 {padding:14px 24px; background-color:#cd6689; font-size:16px; font-weight:bold; color:#FFF;}
div.popupCon {padding:15px; border:1px solid #d2d2d2; border-top:0 none;}

#popup_absDetail {width:550px; margin:0 auto;}
#popup_absDetail table.inputTbl th {line-height:20px;}
#popup_absDetail table.inputTbl th span {display:block;}

/* _레이어팝업 */
div.layerPopup {position:fixed; top:0; left:0; z-index:100;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
div.layerPopup > div {position: absolute;left: 50%;top: 50%;}

div#popup_login > div {margin:-213px 0 0 -320px;}



/* _로그인 */
div.login {position:relative; width:494px; margin:0 auto; padding:50px 70px 66px; background-color:#FFF; border:3px solid #ebebeb;}

div.login > h1 {font-size:36px; font-weight:bold; line-height:56px; color:#333436;}
div.login > h1 + p {padding-top:5px; line-height:20px; color:#333436;}

div.login div.formArea {margin-top:45px; padding-left:175px; background:url('../image/sub/login_bg.png') no-repeat 35px 12px;}
div.login div.formArea p.btn * {width:100%; height:48px;}

div.login p.btnClose {position:absolute; right:20px; top:17px; }
div.login p.btnClose a {display:block; width:12px; height:14px;}





/* ================= 컨텐츠 ================ */

.bl_dotTit {overflow:hidden;}
.bl_dotTit span {float:right; font-size:14px; font-weight:normal;}


/* 폼 관련 */
div.formArea dl {position:relative; height:38px; margin-top:10px; padding-left:120px; border:1px solid #ddd;}
div.formArea dl:first-child {margin-top:0; padding-left:45px;}

div.formArea dl dt {position:absolute; left:12px; top:0;}
div.formArea dl dt label {display:inline-block; zoom:1; *display:inline; line-height:36px; color:#767676;}
div.formArea dl dd input[type=text], input[type=password] {width:100%; height:38px; line-height:38px; border:0 none; outline:0}

div.formArea p.btn {margin-top:20px;}


dl.agree {margin-top:50px; padding:30px 20px 20px; border:3px solid #d6d6d6;}
dl.agree dt {padding:0 0 15px 30px; background-position:16px 8px ; font-size:16px; border-bottom:1px solid #b1b1b1;}
dl.agree dd {padding:0 16px;}
dl.agree dd li {line-height:30px;}



/* _접수완료 */
div.absCom,
div.registCom {padding:90px 0 40px; background:#f9f9f9 url('../image/sub/absCom_bg.png') no-repeat center 33px; line-height:22px; text-align:center;}

div.absCom p,
div.registCom p {padding-bottom:10px; font-size:22px; font-weight:bold; line-height:28px;}



/* _사전접수 */
ul.regi_Member {overflow:hidden; width:710px; margin:150px auto 50px;}
ul.regi_Member li {float:left; margin-left:25px;}
ul.regi_Member li:first-child {margin-left:0;}
ul.regi_Member li a {display:block; width:190px; height:72px; padding:40px 30px 40px 120px; background:#a36dc5 url('../image/sub/img_regi_Member.png') no-repeat 30px 36px; border-radius:5px; font-size:18px; line-height:35px; color:#FFF;}
ul.regi_Member li:first-child a {background-color:#e47298;}
ul.regi_Member li a span {display:block; font-weight:bold;}



/* _행사일정 */
div.program > h3 {margin:50px 0 10px; padding:11px 10px 10px 36px; background-color:#e20e5b; font-size:18px; line-height:21px; color:#FFF;}
div.program > h3:first-child {margin-top:0;}
div.program > h3 span {padding-right:15px; font-weight:bold;}

div.program table td.time {text-align:center;}
div.program table .session * {padding-left:20px; background-color:#f6e2ed; font-weight:bold;}
div.program table .session2 * {padding-left:20px; background-color:#f2f2f0; font-weight:bold;}