@charset "utf-8";

@import url(font/NanumBarunGothic.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:'Malgun Gothic', sans-serif;color:#666;font-size:12px;line-height:1.5;font-weight:normal;}


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

img,
img.vaMiddle {vertical-align:middle;}
.fcPoint {color:#4a38a5 !important;} /* 보라색 */
.fcBlue {color:#2165b9 !important;}
.fcOrange {color:#e47574 !important;}
.fz15 {font-size:15px !important;line-height:22px !important;}

.ffNanumBGothic {font-family: 'NanumBarunGothic', sans-serif;}
.ffNanumBGothicBold {font-family: 'NanumBarunGothicBold', sans-serif;}

/* Layout */
div.wrapper {position:relative;min-width:1100px;margin:0;text-align:justify;word-break:normal;}



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

dl.overHidden > dt,
dl.overHidden > dd,
ul.overHidden > li {float:left;}




/* ========================================================================================================== */
/* =================================================== Header ================================================= */
/* ========================================================================================================== */
/* Header */
div#headerWrap {position:relative;width:1100px;margin: 0 auto;}
div#headerWrap > div {position:relative;width:1100px;height:114px;margin:0 auto;}

div#headerWrap h1 {position:absolute;left:0;top:50%;width:306px;height:46px;margin-top:-23px;}
div#headerWrap h1 a {display:block;}

div#headerWrap ul.util {position:absolute;right:0;bottom:30px;}
div#headerWrap ul.util li {float:left;padding-left:15px;background:url('/image/common/headerBar.png') 6px 6px no-repeat;}
div#headerWrap ul.util li:first-child,
div#headerWrap ul.util li:first-child.home {padding-left:0;background:none;}
div#headerWrap ul.util li.home {padding-left:10px;background:none;}

div#headerWrap ul.util a {color:#9b9b9b;}
div#headerWrap ul.util .admin a {display:block;padding:0 5px 2px;color:#fff;background-color:#4a38a5;vertical-align:top;line-height:16px;font-size:0.9em;}


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

div#footerWrap {clear:both;margin-top:110px;border-top:1px solid #f3f1f6;}
div#footerWrap > div {position:relative;width:1100px;margin:0 auto;color:#000;font-size:12px;text-align:left;}
div#footerWrap a {display:block;color:#6c6c6c;}

div#footerWrap div.sponsor {margin-top:-110px;}
div#footerWrap div.sponsor ul {overflow:hidden;padding:30px 0;}
div#footerWrap div.sponsor ul > li {float:left;width:162px;padding-left:25px;}
div#footerWrap div.sponsor ul > li:first-child {padding-left:0;}

div#footerWrap div.footer {overflow:hidden;padding:30px 0;color:#6c6c6c;}

div#footerWrap div.footer li,
div#footerWrap div.footer p {float:left;}
div#footerWrap div.footer ul {float:right;}
div#footerWrap div.footer li:first-child {padding-right:12px;margin-right:9px;background:url('/image/common/footerBar.png') right 4px no-repeat;}

/* ========================================================================================================== */
/* ================================================== 컨텐츠영역 ================================================ */
/* ========================================================================================================== */
div#container {position:relative;border-bottom:1px solid #f3f1f6;background:url('/image/sub/bg.jpg') center top no-repeat;}

div.subVisual {height:230px;text-indent:-10000px;background-position:center center;background-repeat:no-repeat;}
div.about div.subVisual {background-image:url('/image/sub/subVisual_about.png');}
div.biz div.subVisual {background-image:url('/image/sub/subVisual_biz.png');}
div.member div.subVisual {background-image:url('/image/sub/subVisual_member.png');}
div.mypage div.subVisual {background-image:url('/image/sub/subVisual_mypage.png');}
div.sitemap div.subVisual {background-image:url('/image/sub/subVisual_sitemap.png');}
div.join div.subVisual {background-image:url('/image/sub/subVisual_join.png');}

div.lnb {width:100%;height:70px;padding-bottom:1px;background:url('/image/sub/lnbBg.png') 0 0 repeat-x;}
div.lnb > div {width:1100px;height:70px;margin:0 auto;background:url('/image/sub/lnbBg_line.png') 0 0 repeat-y;}


div.lnb > div a {display:block;color:#fff;font-size:16px;}
div.lnb p,
div.lnb dl {float:left;width:240px;}

div.lnb p,
div.lnb dt {padding-right:1px;background:url('/image/sub/lnbBg_line.png') right top repeat-y;}
div.lnb p {width:88px;height:70px;}
div.lnb p a {width:100%;height:100%;text-indent:-10000px;background:url('/image/sub/lnbBl_home.png') center center no-repeat;}

div.lnb dl {position:relative;}
div.lnb dt a {height:24px;padding:23px 55px 23px 15px;background:url('/image/sub/lnbBl.png') right top no-repeat;}

div.lnb dd {position:absolute;left:0;top:71px;display:none;width:100%;padding-bottom:12px;background:url('/image/sub/lnbSubBg.png');}
div.lnb dd li {padding-top:12px;}
div.lnb dd a {padding:0 15px;}




div.contents {width:1100px;margin:0 auto;padding-bottom:100px;}
div.contents h2 {height:52px;padding:50px 0 52px;color:#39393a;text-align:center;font-size:35px;font-family: 'NanumBarunGothic', sans-serif;}

div.subCon {color:#414141;font-size:18px;line-height:1.6em;}

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


.subTit {padding:10px 0;margin:30px 0 5px;color:#000;font-size:1.6em;}
.subTit_dot {padding:0 0 10px 15px;margin-top:30px;background:url('/image/sub/subTit_dot.png') 0 10px no-repeat;color:#414141;font-size:14px;}
.subTit_bar {margin:30px 0 5px;padding-top:5px;color:#504294;font-weight:bold;background:url('/image/sub/subTit_bar.png') 0 0 no-repeat;}
.pointTit {margin:30px 0 5px;color:#504294;font-weight:bold;}

.subTit:first-child,
.subTit_dot:first-child,
.subTit_bar:first-child,
.pointTit:first-child {margin-top:0;}

.txtIndent10 {padding-left:10px;text-indent:-10px;}
.txtIndent15 {padding-left:15px;text-indent:-15px;}

ul.listBl li,
.bl_dot {padding-left:10px;background:url('/image/sub/bl_dot.png') 0 9px no-repeat;}

.bdArea {border:1px solid #b7b7b7;}

.bgArea {padding:20px;background-color:#f9f9f9;}


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

/* 기본 table */
table.tblDef,
table.inputTbl,
table.tblProgram {border-top:1px solid #4a38a5;border-bottom:1px solid #d6d6d6;}

table.bdBtm {border-bottom:1px solid #4a38a5;}

table.tblDef th,
table.tblDef td,
table.inputTbl th,
table.inputTbl td,
table.tblProgram th,
table.tblProgram td {padding:6px 10px 7px;border-top:1px solid #d6d6d6;color:#666;text-align:left;}


table.tblDef th,
table.tblDef td,
table.inputTbl th,
table.inputTbl td,
table.tblProgram th,
table.tblProgram td {padding:6px 10px 7px;border-top:1px solid #d6d6d6;color:#666;text-align:left;}

table.tblDef thead tr:first-child > *,
table.inputTbl thead tr:first-child > *,
table.innerTbl thead tr:first-child > *,
table.tblProgram thead tr:first-child > * {border-top:0 none;}


table.tblDef th,
table.tblDef td,
table.tblProgram th,
table.tblProgram td {border-left:1px solid #d6d6d6;}

table.tblDef tr>*:first-child,
table.innerTbl tr>*:first-child,
table.innerTbl tr>*:first-child,
table.tblProgram tr>*:first-child {border-left:0 none;}

table.tblDef thead th {background-color:#f1eff0;color:#504294;font-weight:bold;text-align:center;}

table .bdLeft {border-left:1px solid #c9cfd6 !important;}

table.inputTbl th,
table.inputTbl td {padding-left:10px;border-left:1px solid #c9cfd6;}

table.inputTbl th {padding-left:20px;background-color:#f3f3f3;color:#4e4e4e;}
table.inputTbl th:first-child {border-left:0 none;}

table.inputTbl td {}


table.ac th,
table.ac td {text-align:center;}
table.al td {padding:6px 10px 7px !important;text-align:left !important;}

table table.al td {padding-left:10px;text-align:left;}

table.tblBorder {border-top:1px solid #b7b7b7;border-left:1px solid #b7b7b7;}
table.tblBorder th,
table.tblBorder td {padding:5px 10px;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;text-align:center;}
table.tblBorder th {color:#5a5a5a;font-weight:bold;background-color:#f7f7f7;}
table.tblBorder thead th {background-color:#f5f9ff;color:#3477b3;}


table.tblPoint {border-top:3px solid #249f9b !important;}
table.tblPoint,
table.tblPoint th,
table.tblPoint td {border-color:#cbcbcb;}




table.inputTbl {}
table.inputTbl td > *:first-child,
table.inputTbl td .clear,
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child {margin-left: 0 !important;}


table.inputTbl input[type=text],
table.inputTbl input[type=password] {width: 170px;}

table.inputTbl input.inputSmall {width: 70px;}
table.inputTbl input.inputWide {width: 95%;}


table.inputTbl input[type=image] {vertical-align: middle;}

table.inputTbl span,
table.inputTbl label {display: inline-block;vertical-align: middle;line-height: 25px;}

table.inputTbl span.btn a {height:18px;padding:3px 13px 2px;}
table.inputTbl span.note {font-size: 0.8em;color: #f00;}

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

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {margin:7px 5px 0 20px;}
table.inputTbl .multi input[type=image] {margin-top: 5px;}

table.inputTbl td.phone select {width:70px;}
table.inputTbl td.phone input {width: 50px;}

table.inputTbl td.address input[type=text] {width: 300px;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: 470px;margin-left: 0;}
table.inputTbl td.address span.btn {padding-left:0;}

table.inputTbl td.email span {margin-left: 5px;}

table.inputTbl td.photo > p,
table.inputTbl td.photo > div {display: inline-block;}
table.inputTbl td.photo > p {width: 90px;height: 90px;border: 1px solid #dfdfdf;vertical-align: top;background-color: #f8f8f8;}
table.inputTbl td.photo > p img {width: 100%;height: 100%;}
table.inputTbl td.photo > div {padding-left: 10px;vertical-align: bottom;}

table.inputTbl td.photo div input[type=checkbox] {margin-top: 0;}
table.inputTbl td.photo div label {padding-left: 5px;}


table.tblProgram td.time {text-align:center;}


/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */
ul.bbsCate {overflow:hidden;padding-bottom:20px;}
ul.bbsCate > li {float:left;width:130px;padding-left:7px;}
ul.bbsCate > li:first-child {width:131px;padding-left:0;}
ul.bbsCate > li a {display:block;padding:6px 0 10px;text-align:center;border:1px solid #b5b5b5;background-color:#b5b5b5;color:#fff;}
ul.bbsCate > li.on a {background-color:#e31555;border-color:#e31555;}

ul.bbsNote {padding: 23px 30px 25px;border:1px solid #ddd;font-size:13px;line-height:25px;word-spacing:-1px;}

div.bbsBrief {overflow: hidden;padding:8px 0 10px;font-size:0.9em;}
div.bbsBrief p.count {float:left;}
div.bbsBrief p.page {float:right;}


table.bbs {font-family:'Malgun Gothic', sans-serif;font-size:13px;}
table.bbs th,
table.bbs td {padding:6px 0 7px;text-align:center;border-left:0 none;}
table.bbs td {}

table.bbs td.admin img {width:18px;}

table.bbs tbody th,
table.bbsView tbody th,
table.bbsWrite th {background-color:#f1eff0;line-height:20px;}
table.bbsView tbody .bg {background-color:#f1eff0;color:#504294;font-weight:bold;text-align:center;}

table.bbs td a,
table.bbsView td a {display:inline-block;line-height:24px;height:24px;}

table.bbs td.tit {padding:6px 10px 7px;text-align:left;}
table.bbs td.tit a {display:inline-block;width:300px;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

table.bbs td.tit a > span {display: inline;}

table.bbs td.tit a.new {padding-right:25px;}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-6px;}
table.bbs td.tit img.reply {padding-right:5px;}

table.bbs td.file,
table.bbs td.con {text-align:left;padding:6px 10px 7px;}

table.bbs td.con {height:300px;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td input[type=image] {vertical-align:middle;}
table.bbs td.pluginArea {padding:0 !important;}

table.bbs span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.bbs td.utilBtn span,
table.bbs td.utilBtn a {vertical-align: top;}
table.bbs td.utilBtn a img {height:100%;}

table td.noResult {padding:30px 0 34px;text-align:center !important;font-weight:bold;color:#000;}

dl.uploadCount {overflow:hidden;padding:30px 0 10px;}
dl.uploadCount > dt,
dl.uploadCount > dd {float:left;}
dl.uploadCount > dt {padding-right:10px;font-weight:bold;}

/* 게시판 글보기 */
table.bbsView th {text-align:center;}
table.bbsView td.con {height:300px;}
p.replyCount {padding-top:30px;font-weight:bold;}


/* 답변 영역 */
div.answer {}
div.answer table.bbs th,
div.answer table.bbs td {padding-left: 20px;padding-right: 20px;}
div.answer table.bbs th span.date {float: right;font-weight: normal;}
div.answer table.bbs td.con {border-bottom: 0 none;}




/* 댓글 작성 */
div.reply {;border-bottom:1px solid #e1e3e6;}
div.reply div.replyWrite {position:relative;overflow:hidden;padding-bottom:20px;}
div.reply div.replyWrite textarea {float:left;width:820px;height:82px;}
div.reply div.replyWrite input[type=submit] {float:right;width:145px;height:100px;border:1px solid #b7b7b7;color:#666;background-color: #fff;}

dl.replyItem {position:relative;color:#666;}
div.reply > dl.replyItem {padding-top:10px;border-top:1px solid #d3d3d3;}
div.reply > dl.replyItem:first-child {border-top:0 none;}
dl.replyItem dt,
dl.replyItem dd {padding:0 10px;}

dl.replyItem dt {font-weight:bold;}
dl.replyItem dt span {font-weight:normal;}

dl.replyItem dd.util {position:absolute;right:0;top:10px;padding:0;}
dl.replyItem dd.reply dd.util {right:-10px;}

dl.replyItem dd.util a {font-size:12px;color:#666;}
dl.replyItem dd.util li {padding-left:10px;background:url('/image/icon/bbsBl_bar.gif') 5px 8px no-repeat;}
dl.replyItem dd.util li:first-child {padding-left:0;background:none;}

div.reply > dl.replyItem > dd.reply {border-top:1px solid #e1e3e6;}

div.reply dd.con {padding:10px;}
dl.replyItem dd.info {color:#868686;}
dl.replyItem dd.reply,
dl.replyItem dd.write {padding:10px 10px 10px 27px;background:url('/image/icon/bbsBl_reply.gif') 5px 15px no-repeat;}

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd {padding:0;}

dl.replyItem dd.write div.replyWrite {padding-bottom:0;}
dl.replyItem dd.write div.replyWrite label {position:absolute;left:14px;top:5px;color:#868686;}
dl.replyItem dd.write div.replyWrite textarea {width:783px;height:62px;padding-top:26px;}



/* 게시판 글쓰기 */
td.editArea {padding:0 !important;}
div.editArea {margin-top:20px;}

td.con {padding:20px 20px 60px;text-align:left;vertical-align:top;}


/* 게시판 하단버튼 영역 */
div.bbsUtil {overflow:hidden;position:relative;margin-top:30px;text-align:right;} 
div.bbsUtil > * {margin-left:20px;}
div.bbsUtil > *:first-child {margin-left:0;}


ul.pager {padding:30px 0;text-align:center;}
ul.pager li {display:inline;vertical-align: top;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;vertical-align: top;}

ul.pager a {display: inline-block;width: 18px;border:0 none;padding: 3px 2px 5px;vertical-align: top;line-height:20px;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width:28px;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #868686;font-weight:bold;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}

ul.pager.btnSmall {padding:8px 0 3px;}
ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;}
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a {padding:3px 5px 1px;}


/* 게시판 검색 */
div.bbsSearch {position:relative;overflow:hidden;text-align:center;}
div.bbsSearch dl,
div.bbsSearch dd,
div.bbsSearch p {display:inline-block;vertical-align:top;}

div.bbsSearch dd,
div.bbsSearch p.btn {margin-left:5px;}
div.bbsSearch input,
div.bbsSearch select,
div.bbsSearch .btn {vertical-align:top;}

div.bbsSearch dd {position:relative;}

div.bbsSearch select {height:35px;}
div.bbsSearch input[type=text] {width:220px;padding:5px 35px 6px 10px;}
div.bbsSearch input[type=image] {position:absolute;right:0;top:0;width:17px;height:17px;padding:9px;}

div.bbsSearch span.btn {display:inline-block;height:35px;}
div.bbsSearch span.btn * {height:100%;padding-bottom:3px;font-size: 13px;vertical-align:top;}





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

div.tabArea {}

ul.tabMenu,
ul.tabStyle,
ul.conMenu {overflow:hidden;}
ul.tabMenu li,
ul.tabStyle li,
ul.conMenu li {float:left;}

ul.tabStyle a {display:block;padding:8px 0 9px;border:1px solid #dcdcdc;border-left:0 none;text-align:center;background-color:#fdfdfd;color:#808080;font-size:15px;}
ul.tabStyle li:first-child a {border-left:1px solid #dcdcdc;}

ul.tabStyle li.on a {padding:7px 0 9px;border-top:2px solid #14723c;background-color:#fff;color:#14723c;}


ul.conMenu a {display:block;padding:9px 0 11px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #4a4a4a;color:#808080;text-align:center;}
ul.conMenu li:first-child a {border-left:1px solid #ccc;}

ul.conMenu li.on a {border-color:#4a4a4a;background-color:#4a4a4a;color:#fff;}

div.tabArea div.tabCon,
.toggleCon {display:none;}









/* ========================================================================================================== */
/* ==================================================== 메인 ================================================== */
/* ========================================================================================================== */
div#container.main {padding-top:0;background:url('/image/main/mainVisual.jpg') center top no-repeat;}

div.mainVisual {position:relative;width:100%;height:480px;margin:0 auto;background:url('/image/main/gnbBg.jpg') center 480px no-repeat;}
div.mainVisual.sub0 {background-position:center 0;}
div.mainVisual.sub1 {background-position:center -480px;}
div.mainVisual.sub2 {background-position:center -960px;}


div.mainSlogan p.txt {padding-top:64px;text-align:center;}

ul#gnb {position:absolute;left:50%;top:72px;width:135px;margin-left:375px;padding:20px;background:url('/image/main/gnbBg.png');}
ul#gnb a {display:block;color:#fff;font-family: 'NanumBarunGothicBold', sans-serif;font-size:15px;}
ul#gnb > li > a {height:24px;padding:6px 15px 6px 10px;background:url('/image/main/gnbBl.png') right top no-repeat;font-size:16px;}

ul#gnb ul.subMenu {display:none;padding-bottom:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
ul#gnb ul.subMenu li {padding-top:8px;}


ul#gnb.view > li > a {color:#8c8dbf;background-position:right -36px;}
ul#gnb.view > li.on > a {color:#fff;background-position:right -72px;}

div.main ul.mainQbtn {overflow:hidden;width:908px;margin:60px auto;}
div.main ul.mainQbtn > li {float:left;width:166px;padding-left:205px;}
div.main ul.mainQbtn > li:first-child {padding-left:0;}
div.main ul.mainQbtn > li a {display:block;text-align:center;font-weight:bold;color:#333;font-size:15px;}
div.main ul.mainQbtn > li span {overflow:hidden;display:block;width:166px;height:166px;margin-bottom:20px;}
div.main ul.mainQbtn > li span img {margin-top:-166px;}
div.main ul.mainQbtn > li a > img {display:block;padding-top:10px;margin:0 auto;}


div.main ul.mainQbtn > li a:hover span img,
div.main ul.mainQbtn > li a:focus span img {margin-top:0;}


div.main div.mainBbs {border-top:1px solid #f0eef3;background-color:#f9f9f9;}
div.main div.mainBbs > div {overflow:hidden;width:1100px;margin:0 auto;padding:50px 0;}

div.mainBbs > div dl {overflow:hidden;position:relative;width:275px;height:190px;padding:10px 10px 10px 260px;border:1px solid #efecf4;background-color:#fff;}
div.mainBbs > div dt {position:absolute;left:0;top:0;width:240px;height:210px;background-position:0 0;background-repeat:no-repeat;}
div.mainBbs > div dt a {position:absolute;left:50%;top:50%;width:105px;height:21px;padding:10px 40px 16px 10px;margin:-24px 0 0 -79px;font-size:14px;color:#fff;background:url('/image/main/mainBg_more.png');text-align:center;}

div.mainBbs > div dd {position:relative;height:190px;}
div.mainBbs > div dd a,
div.mainBbs > div dd span {display:block;color:#383838;font-size:13px;line-height:1.4em;}
div.mainBbs > div dd span.tit {display:block;position:relative;overflow:hidden;margin-bottom:10px;padding:5px 0 7px;border-bottom:1px dotted #e0e0e0;font-weight:bold;color:#6650b9;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}

div.mainBbs > div dd li > a {height:160px;padding-bottom:32px;}

div.mainBbs dl.event {float:left;}
div.mainBbs dl.event dt {background-image:url('/image/main/mainBbsBg_event.jpg');}
div.mainBbs dl.event dd span.tit {padding-bottom:7px;}
div.mainBbs dl.event dd span {padding:8px 0 0 46px;text-indent:-46px;}

div.mainBbs dl.news {float:right;}
div.mainBbs dl.news dt {background-image:url('/image/main/mainBbsBg_news.jpg');}
div.mainBbs dl.news dd span.tit {padding-right:75px;}
div.mainBbs dl.news dd span.tit span.date {position:absolute;right:0;top:50%;height:19px;margin-top:-10px;color:#8e8e8e;}
div.mainBbs dl.news dd span.con {overflow:hidden;height:9.6em;line-height:1.6em;}

div.mainBbs div.bx-controls {position:absolute;right:0;bottom:0;height:16px;}
div.mainBbs div.bx-controls a {float:left;display:block;width:16px;height:16px;background-position:0 0;background-repeat:no-repeat;text-indent:-10000px;background-color:#fff;}
div.mainBbs div.bx-controls a.bx-prev {background-image:url('/image/main/mainBbs_prev.png');}
div.mainBbs div.bx-controls a.bx-next {width:15px;background-image:url('/image/main/mainBbs_next.png');}

/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family:'Nanum Gothic', '돋움', Dotum, 'Apple Gothic', sans-serif; word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold; text-decoration:underline; color:#fff;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;} /* width:500px; */
.skin01 .popHeader {width:100%; background:#5cadf0 url('http://framework.m2comm.co.kr/web/setting/image/pop/bg_skin01.png') 20px 50% no-repeat;}
.skin02 .popHeader {width:100%; background:#fd9500 url('http://framework.m2comm.co.kr/web/setting/image/pop/bg_skin02.png') 0 0 no-repeat; border-bottom:4px solid #f18200;}
.skinWrap .popHeader .tit {color:#fff; font-weight:bold; font-size:22px; line-height:30px;}
.skin01 .popHeader .tit {padding:20px 20px 20px 84px;}
.skin02 .popHeader .tit {padding:20px 20px 16px 40px;}
.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:22px;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .contWrap .content a {text-decoration:underline; color:#51A5ED;}
.skinWrap .contWrap .content .btnWrap {text-align:center; margin:30px 0;}
.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;}
.ie7 .skinWrap #popClose {position:static;}

/* 레이어팝업 */
div.layerPopup {display:none;z-index:100;position:fixed;left:0;top:0;width:100%;height:100%;background:url('/image/common/layerPopupBg.png');}
div.layerPopup > div {position:absolute;left:50%;top:50%;width:1100px;margin:0 0 0 -550px;background-color:#fff;}

/* 전체메뉴 */
div#allMenu > div {top:114px;width:1016px;height:330px;padding:40px;border:2px solid #1d62ff;}
div#allMenu dl {float:left;padding-left:50px;}
div#allMenu dl:first-child {padding-left:0;}
div#allMenu dt {padding-bottom:10px;color:#1d62ff;font-size:20px;}

div#allMenu dd li {padding-top:5px;}
div#allMenu dd ul a {color:#666;font-size:14px;}
div#allMenu dd > ul > li > a {font-size:16px;color:#000;}

div#allMenu > div p.close {position:absolute;right:-2px;top:-62px;}



div#popupWrap {border:1px solid #d8d8d8;margin:0 auto;}
div#popupWrap h1 {padding:10px 23px 12px;font-weight:bold;text-align:center;color:#fff;background-color:#504294;font-size:13px;}
div#popupWrap > div {padding:15px 23px 20px;}
div#popupWrap div.btn {text-align:center;}



/* 팝업 : 이메일 무단 수집거부 */
div.popupEmail {width: 558px;color:#393939;}
div.popupEmail div p {padding-top:15px;}
div.popupEmail p.date {}