@charset "utf-8";
@import url('/css/NotoSansKR.css');
@import url('/css/Montserrat.css');
@import url('/css/Lato.css');
@import url('/css/fontawesome.css');
@import url('/css/S-CoreDream.css');



select,
input:focus {outline:none;}


select,
input[type='text'],
input[type='password'],
textarea {height: 40px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;font-family: 'NotoSansKR DemiLight', sans-serif;background-color: #fff;}
select {padding:0;}
textarea {width: 100%;height: 150px;box-sizing:border-box;}


input[type=radio],
input[type=checkbox] {vertical-align:top;margin:0 10px 0 20px;}
table input[type=radio],
table input[type=checkbox] {vertical-align:top;margin:7px 10px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0 !important;}


span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;vertical-align: top;width: 20px;height: 20px;box-sizing:border-box;border: 1px solid #dcdcdc;}
span.inputR {border-radius:50%;}

span.inputC.on,
span.inputR.on {background: #b33130 url('/image/icon/checked.png') center center no-repeat;}

span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0 !important;opacity: 0;}

td label,
td span:not(#content_parent) {display:inline-block;} /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */



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

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}


a,
input[type=submit],
input[type=button],
input[type=reset],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;text-decoration: none; color: inherit;outline:none;font-family: 'NotoSansKR Regular', sans-serif;}
select,
textarea {margin:0;outline:none;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}



/* 버튼 영역 */
.btnArea {position:relative;text-align:center;}
.btnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.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 > span,
.btn input,
.btn button {position: relative;display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 15px;font-size:15px;line-height: 31px;border-style:solid;border-width:1px;vertical-align:top;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}


/* 작은 버튼 height:24px */
.btn .btnSmall,
table.tblDef .btn > * {height:24px;padding:2px 10px 1px;font-size:12px;}
.btn a.btnSmall,
table.tblDef .btn a {padding:4px 10px;line-height:14px;}

table.inputTbl .btnSmall {height:35px;font-size:12px;}
table.inputTbl a.btnSmall,
.btn > span.btnSmall {padding:9px 13px 6px;}

.btn .btnArr {padding-right: 40px !important;text-align: left !important;}
.btn .btnArr:after {position: absolute;right: 15px;top: 50%;height: 20px;margin-top: -10px;content: "∨";font-size: 10px;line-height: 20px;font-family: 'NotoSansKR Bold', sans-serif;transform:rotate(-90deg);}

.btn > span input,
.btn > span button {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;opacity: 0;}



/* 큰 버튼 height:24px */
.btn .btnBig,
div.bbsUtil > *,
form div.btnArea > * {min-width:155px;height:60px;padding:0 35px;font-size:20px;line-height: 56px;border-width: 2px;font-weight: normal;text-align: center;font-family: 'NotoSansKR Bold', sans-serif;}
.btn a.btnBig, .btn > span.btnBig,
div.bbsUtil a, div.bbsUtil .btn > span,
form div.btnArea a, form div.btnArea .btn > span {padding:0 35px;line-height: 56px;}

div.btnArea *:first-child {margin-left:0 !important;}
div.btnArea > .btnBig {margin-left:10px;}



/* 남색 */				.btn .btnDef {background-color:#2c50b1 !important;border-color:#2c50b1 !important;color:#fff !important;}
/* 주황색 */			.btn .btnPoint {background-color:#e5771e !important;border-color:#e5771e !important;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#535353 !important;border-color:#535353 !important;color:#fff !important;}
/* 연두색 */				.btn .btnGreen {background-color:#a1b400 !important;border-color:#a1b400 !important;color:#fff !important;}
/* 보라색 */				.btn .btnPurple {background-color:#6248c1 !important;border-color:#6248c1 !important;color:#fff !important;}




/* border+남색 */				.btn .btnBdDef {background-color:#fff !important;border-color:#4164a2 !important;color:#4164a2 !important;}
/* border+주황색 */			.btn .btnBdPoint {background-color:#fff !important;border-color:#e5771e !important;color:#e5771e !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff !important;border-color:#626262 !important;color:#626262 !important;}




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.btn .btnBig,
div.bbsUtil > *,
form div.btnArea > * {height:40px;padding:3px 30px 5px;font-size:16px;}
.btn a.btnBig, .btn > span.btnBig,
div.bbsUtil a, div.bbsUtil .btn > span,
form div.btnArea a, form div.btnArea .btn > span {min-width:auto;padding:7px 20px 0;line-height: 22px;}
.btn a.conLink {line-height: 22px;}

.bbsUtil .bdRd,
.btn .bdRd.btnBig {border-radius: 20px;}

div.contents > div.btnArea {padding: 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}





div.wrapper {overflow:hidden;width:100%;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: normal;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.pcOnly {display: none !important;}

div#headerWrap {z-index: 100;position: relative;height: 60px;padding: 0 60px;border-bottom: 1px solid #dcdcdc;}
div#headerWrap h1 a {display: block;height: 60px;background: url('image/header_logo_m.png') center center no-repeat;background-size: 167px;}
div#headerWrap h1 img {display: none;}

div.gnbView {position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div.gnbView a {display: block;height: 60px;font-size: 0;line-height: 0;background: url('image/gnb_view_m.png') center center no-repeat;background-size: 18px;}

div.gnbWrap {z-index:80;position: fixed;left: 100%;top: 0;width: 100%;min-width: 320px;height: 100%;padding-left: 100px;background: rgba(0,0,0,.85);box-sizing:border-box;}

div.gnbClose {z-index: 50;position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div.gnbClose a {display: block;height: 60px;font-size: 0;line-height: 0;background: url('/image/common/gnb_close_m.png') center center no-repeat;background-size: 20px;}

ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

ul#gnb {overflow-x: hidden;overflow-y: auto;position: relative;height: 100%;padding: 60px 15px 15px;box-sizing:border-box;background-color: #fff;}
ul#gnb > li {border-bottom: 1px solid #dcdcdc;}
ul#gnb > li > a {z-index: 20;position: relative;display: block;padding: 10px 30px;color: #282828;font-size: 17px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
ul#gnb > li > a:before {position: absolute;left: 10px;top: 25px;width: 4px;height: 4px;border-radius: 50%;content: "";background-color: #7757ab;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.headerUtil {z-index: 20;position: absolute;left: 100px;top: 0;width: calc(100% - 100px);height: 60px;padding: 17px 60px 17px 10px;box-sizing:border-box;background-color: #a7b9ed;}
ul.headerUtil > li {float: left;padding-left: 10px;} 
ul.headerUtil > li:first-child {display: none;}

ul.headerUtil a {display: block;padding: 5px 20px;border-radius: 5px;text-align: center;color: #fff;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;background-color: #92278c;}
ul.headerUtil > li:last-child a {background-color: #5c3b97;font-size: 0;line-height: 0;}
ul.headerUtil > li:last-child a:after {display: inline-block;vertical-align: top;content: "국문 홈페이지";font-size: 12px;line-height: 16px;}
ul.headerUtil img {display: none;}

div.dDay {display: none;}


div#container {}
.pageTit {margin: 15px;padding: 10px 20px;border-radius:20px;color: #fff;font-size: 16px;line-height: 20px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;background: #6d6dc5 url('image/pageTit.png') right center no-repeat;background-size: auto 100%;box-shadow:0 5px 0 #eee;}


div.ing {margin: 15px;padding: 50px 0;border: 1px solid #dcdcdc;text-align: center;color: #a7a7a7;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.ing img {display: block;width: 97px;margin: 0 auto 20px;}
div.ing > span {display: block;color: #000;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}
div.ing > span span {color: #134796;}

div.mobileNote {margin: 15px;padding: 50px 25px !important;font-size: 20px;line-height: 30px;color: #222;text-align: center;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.mobileNote img {display: block;width: 150px;margin: 0 auto 20px;}

p#goTop {z-index: 50;position: fixed;right:15px;top: auto !important;bottom: 15px;width:43px;}
p#goTop a {display: block;width: 43px;height: 43px;font-size: 0;line-height: 0;background: url('/image/common/goTop.png') center center no-repeat;background-size: 43px;}

div.main p#goTop {display: none !important;}

div#footerWrap ul, div#footerWrap li, div#footerWrap p, div#footerWrap address, div#footerWrap a {margin: 0;padding: 0;list-style:none;font-style: normal;text-decoration: none;}
div#footerWrap {padding: 15px;background-color: #444654;font-size: 0;line-height: 0;}
div#footerWrap, div#footerWrap a {color: #696b7c;font-family: 'NotoSansKR Medium',sans-serif;}
div#footerWrap p, div#footerWrap address {font-size: 12px;line-height: 18px;} 
div#footerWrap address {} 
div#footerWrap li {position: relative;display: inline-block;vertical-align: top;padding-right: 20px;font-size: 12px;line-height: 18px;}
div#footerWrap li:last-child {padding-left: 0;}
div#footerWrap li span {font-family: 'NotoSansKR Bold',sans-serif;color: #9a9caf;}
div#footerWrap ul + p {display: none;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.mOnly {display: none !important;}

div#headerWrap {position: relative;padding-bottom: 300px;background: url('image/topVisual.png') center bottom no-repeat;}
div#headerWrap h1 {margin: 0;padding: 25px 0;}
div#headerWrap h1 a, 
div#headerWrap h1 img {display: block;}
div#headerWrap h1 a {position: relative;z-index: 20;width: 282px;height: 50px;margin: 0 auto;}

div.gnbView,
div.gnbClose {display: none;}

div.gnbWrap {border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}

ul#gnb, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {width: 1200px;margin: 0 auto;}
ul#gnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul#gnb > li {float: left;}
ul#gnb > li > a {display: block;text-align: center;color: #222;font-size: 19px;line-height: 54px;font-family: 'NotoSansKR Medium', sans-serif;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.headerUtil {position: absolute;left: 50%;top: 40px;width: 600px;text-align: right;font-size: 0;line-height: 0;}
ul.headerUtil li {position: relative;display: inline-block;padding-left: 30px;vertical-align: top;}
ul.headerUtil li:before {position: absolute;left: 15px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #8c8c8c;}
ul.headerUtil li:first-child {padding-left: 0;}
ul.headerUtil li:first-child:before {display: none;}
ul.headerUtil a {color: #787878;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.headerUtil img {display: inline-block;padding: 2px 5px 0 0;vertical-align: top;}
ul.headerUtil span {color: #000;font-size: 14px;font-family: 'NotoSansKR Bold', sans-serif;}


div.dDay {position: absolute;left: 50%;top: 196px;width: 214px;height: 214px;margin-left: 335px;padding: 48px 4px 0 13px;background: url('image/dDayBg.png') 0 0 no-repeat;box-sizing:border-box;text-align: center;color: #fff;font-size: 20px;line-height: 24px;font-family: 'Montserrat-Regular', sans-serif;}
div.dDay span {display: block;font-size: 60px;line-height: 70px;font-family: 'Montserrat-ExtraBold', sans-serif;text-shadow:2px 2px 0 rgba(0,0,0,.2);color: #ffeb10;}


div#container {padding: 50px 0;}
.pageTit {width: 1120px;margin: 0 auto;padding: 15px 40px;border-radius:35px;color: #fff;font-size: 24px;line-height: 40px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;background: url('image/pageTit.png') right center no-repeat;box-shadow:0 10px 0 #eee;}

div.contents {width: 1200px;padding: 50px 0;margin: 0 auto;}
div.contents:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.ing {width: 600px;margin: 100px auto;padding: 100px 0;border: 1px solid #dcdcdc;text-align: center;color: #a7a7a7;font-size: 13px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.ing img {display: block;margin: 0 auto 50px;}
div.ing > span {display: block;color: #000;font-size: 25px;line-height: 50px;font-family: 'NotoSansKR Medium', sans-serif;}
div.ing > span span {color: #134796;}

div.mobileNote {display: none;}


p#goTop {z-index: 50;position: absolute;left: 50%;top: 450px;width:86px;margin-left: 672px;}
p#goTop a {display: block;width: 86px;height: 86px;font-size: 0;line-height: 0;background: url('/image/common/goTop.png') center center no-repeat;}

div.main p#goTop {display: none !important;}

div#footerWrap ul, div#footerWrap li, div#footerWrap p, div#footerWrap address, div#footerWrap a {margin: 0;padding: 0;list-style:none;font-style: normal;text-decoration: none;}
div#footerWrap {padding: 26px 0;background-color: #464646;text-align: center;font-size: 0;line-height: 0;}
div#footerWrap, div#footerWrap a {color: #fff;font-family: 'NotoSansKR Light',sans-serif;}
div#footerWrap li, div#footerWrap p, div#footerWrap address {display: inline-block;vertical-align: top;font-size: 16px;line-height: 26px;} 
div#footerWrap address {padding-left: 10px;} 
div#footerWrap li {position: relative;padding-left: 20px;}
div#footerWrap li:before {position: absolute;left: 10px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #fff;}
div#footerWrap li:first-child {padding-left: 0;}
div#footerWrap li:first-child:before {display: none;}

div#footerWrap ul + p {padding-top: 25px;}
}




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

.subTit {margin: 25px 0 5px;padding: 0 0 0 15px;font-size: 18px;line-height: 30px;color: #7964bf;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;background: url('image/subTit.png') 0 9px no-repeat; background-size: 10px;}
.pointTit {margin: 25px 0 5px;padding: 0;font-size: 16px;line-height: 28px;color: #7964bf;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}

.subTit:first-child {margin-top: 0;}

dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd,
dl.toggleArea_rw, dl.toggleArea_rw dt, dl.toggleArea_rw dd, dl.toggleArea_rw {position: relative;margin: 0;padding: 0;}

dl.toggleMenu,
dl.rwMenu,
dl.toggleArea_rw {position: relative;}

div.contents > dl.toggleArea,
div.contents > dl.rwMenu,
div.contents > dl.toggleArea_w {margin: 15px;}

dl.rwMenu > dd,
dl.toggleArea_rw > dd {display: none;}

a.trigger {position: relative;overflow: hidden;display: block;padding: 10px 32px 10px 15px;border: 1px solid #dedede;background-color: #f6f6f6;color: #282828;font-size: 14px;line-height: 20px;text-overflow:ellipsis;white-space:nowrap;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;}
a.trigger:after {position: absolute;right: 10px;top: 50%;width: 12px;height: 6px;margin-top: -3px;content: "";background: url('/image/common/trigger_m.png') center center no-repeat;background-size: 10px;}
.view a.trigger:after {transform:rotate(180deg);}

dl.toggleMenu a.trigger{padding: 10px 20px; border: 1px solid #e2e2e2; line-height: 20px; font-size:16px; font-family: 'S-CoreDream-5Medium',sans-serif; font-weight: normal; background-color: #fff; color: #f77f43;}
dl.toggleMenu a.trigger:after{background: url('/image/common/toggle.png') center center no-repeat; background-size: 14px auto ;}

.toggleCon,
dl.rwMenu > dd,
dl.toggleArea_rw > dd {z-index: 10;position: absolute;left: 0;top: 40px;width: 100%;padding: 10px 15px 15px;border: 1px solid #dedede;border-top: 0 none;background-color: #fff;box-sizing:border-box;}

.toggleCon ul,
dl.rwMenu ul,
dl.toggleArea_rw ul {overflow-x: hidden;overflow-y: auto;max-height: 80px;}

.toggleCon ul, .toggleCon li, .toggleCon a,
dl.rwMenu ul, dl.rwMenu li, dl.rwMenu dd a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.rwMenu li  {width: 100% !important;padding-top: 5px;}
dl.rwMenu li {border: 0 none !important;}
dl.rwMenu a {display: block;}


}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.subTit {margin: 50px 0 10px;padding: 0 0 0 30px;font-size: 25px;line-height: 35px;color: #7964bf;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;background: url('image/subTit.png') 0 12px no-repeat;}
.pointTit {margin: 50px 0 10px;padding: 0;font-size: 20px;line-height: 30px;color: #7964bf;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}


.mOnly {display: none !important;}



dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd , dl.rwMenu a,
dl.toggleArea_rw, dl.toggleArea_rw dt, dl.toggleArea_rw dd, dl.toggleArea_rw {position: relative;margin: 0;padding: 0;text-decoration: none;}

dl.toggleMenu {z-index: 10;position: relative;}

dl.rwMenu > dt,
dl.toggleArea_rw > dt{display: none;}

dl.rwMenu + div.bbsSearch {margin-top: 50px;}

a.trigger {position: relative;overflow: hidden;display: block;padding: 15px 45px 15px 20px;background-color: #e9e9e9;color: #222;font-size: 20px;line-height: 30px;text-overflow:ellipsis;white-space:nowrap;}
a.trigger:after {position: absolute;right: 20px;top: 50%;width: 23px;height: 12px;margin-top: -6px;content: "";background: url('/image/common/toggle.png') center center no-repeat;}
.view a.trigger:after {transform:rotate(180deg);}

dl.toggleMenu a.trigger{padding: 20px 40px; border: 1px solid #e2e2e2; line-height: 30px; font-size:20px; font-family: 'S-CoreDream-5Medium',sans-serif; font-weight: normal; background-color: #fff; color: #f77f43;}

.toggleCon {position: absolute;left: 0;top: 60px;width: 100%;padding: 10px 20px 20px;border: 2px solid #e9e9e9;background-color: #fff;box-sizing:border-box;}
.toggleCon ul {overflow-x: hidden;overflow-y: auto;height: 140px;}
.toggleCon ul, .toggleCon li, .toggleCon a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
.toggleCon li {padding-top: 5px;}


dl.rwMenu ul {margin: 0;padding: 0;text-align: center;font-size: 0;line-height: 0;}
dl.rwMenu ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.rwMenu li {position: relative;display: inline-block;padding: 0 50px;vertical-align: top;margin: 0;list-style:none;box-sizing:border-box;}
dl.rwMenu li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 20px;margin-top: -10px;background-color: #d4d4d4;content: "";}
dl.rwMenu li:first-child:before {display: none;}
dl.rwMenu li a {display: block;padding:10px 0;text-align: center;vertical-align: middle;color: #252526;font-size: 20px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}
dl.rwMenu .on a {color: #7964bf;font-family: 'NotoSansKR Medium', sans-serif;}
}

/* 서브 메뉴 추가 */
ul.subMenu, ul.subMenu li, ul.subMenu a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.subMenu {font-size: 0;line-height: 0;text-align: center;}
ul.subMenu li {display: inline-block;vertical-align: top;}
ul.subMenu li:first-child {margin-left: 0;}
ul.subMenu a {background-color: #e3e3e3;color: #282828;text-align: center;font-family: 'NotoSansKR Regular', sans-serif;}
ul.subMenu li.on a {background: linear-gradient(to top, #0ea3ff, #13a3c5);color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.subMenu li {width: 130px;margin-left: 5px;}
ul.subMenu a {padding: 10px;border-radius: 3px;font-size: 15px;line-height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.subMenu li {width: 265px;margin-left: 10px;}
ul.subMenu a {padding: 15px;border-radius: 5px;font-size: 22px;line-height: 30px;}
}


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

/* 기본 table */
table.tblDef,
table.inputTbl {border-top: 2px solid #7b7b7b;border-bottom: 1px solid #e5e5e5;}


table.tblDef > * > tr > *,
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * {padding:10px;color: #000;border-left: 1px solid #e5e5e5;border-top:1px solid #e5e5e5;font-size: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;}

table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {text-align: center;}
table.inputTbl > * > tr > * {text-align:left;}


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


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

table.tblDef > * > tr > th {color: #000;background-color: #f7f7f7;}
table.borderTbl > * > tr > th,
table.inputTbl > * > tr > th {font-weight: normal;color: #222;background-color: #f4f4f4;word-break:keep-all;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
table.inputTbl > * > tr > th {}

table.tblDef > thead > tr > th,
table.tblDef > tfoot > tr > th,
table.inputTbl > thead > tr > th,
table.tblDef > * > tr > .bg {background-color: #f7f7f7;color: #000;font-family: 'NotoSansKR Medium', sans-serif;}


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

table.innerTbl > * > tr > * {text-align: left;}

table.al > * > tr > td {text-align:left !important;}

table.ac > * > tr > * {text-align:center !important;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.contents > table.tblDef {width: calc(100% - 30px);margin: 0 15px 15px;} 

table.tblDef > * > tr > *,
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * {font-size: 14px;}

table.rwTbl,
table.rwTbl tbody,
table.rwTbl tr,
table.rwTbl th, table.rwTbl td,
table.rwThead,
table.rwThead tbody,
table.rwThead tr,
table.rwThead th, table.rwThead td,
table.rwTrHead,
table.rwTrHead tbody,
table.rwTrHead tr,
table.rwTrHead th, table.rwTrHead td {display:block;}

table.rwTbl colgroup,
table.rwTbl col,
table.rwTbl thead,
table.rwThead colgroup,
table.rwThead col,
table.rwThead thead,
table.rwTrHead colgroup,
table.rwTrHead col,
table.rwTrHead thead {display:none;}

table.rwTbl {border-top: 0 none;}

table.rwTbl > * > tr > th,
table.rwTbl > * > tr > td {padding:5px 10px;border: 0 none;}
table.rwTbl > * > tr > th {}

table.rwTbl td {border-left: 0 none;}

table.rwTbl input[type=text],
table.rwTbl input[type=password],
table.rwTbl textarea {width:100%;height:32px;box-sizing:border-box;}
table.rwTbl textarea {height:50px;}

table.rwTbl th label,
table.rwTbl th span {line-height:1.2;}

table.rwTbl,
table.rwThead {}

table.rwThead {}
table.rwThead > tbody > tr {}
table.rwThead td {padding:5px;min-height:1.2em;}
table.rwThead td:before {display:block;float:left;width:30%;content:attr(data-thead);font-weight:bold;}

table.rwTbl tbody tr,
table.rwThead tbody tr {border-top:2px solid #f96819;}
table.rwTbl tbody tr:after,
table.rwThead tbody tr:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

table.rwTbl tbody > tr > *:first-child,
table.rwThead tbody tr > *:first-child {}

table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:bold;text-align:center;background-color:#16478e;color:#fff;}

table.rwTbl.inputTbl > * > tr > th {padding: 10px;text-align: left;}
table.rwTbl.inputTbl .multi:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.tableScroll {overflow-x:scroll;overflow-y:hidden;padding-bottom: 20px !important;}
div.tableScroll::-webkit-scrollbar {-webkit-appearance: none; width:10px;border-radius: 4px;background-color: #f4f8ff;}
div.tableScroll::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #7eaed3;-webkit-box-shadow: 0 0 1px insecnt rgba(255,255,255,.5);}

div.tableScroll > table.tblDef {min-width:820px;margin-top: 0 !important;}
div.tableScroll p.note {padding-top: 5px;line-height: 1.2;font-size: 0.9em;font-style: italic;color: #000;}
}



table.inputTbl {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
table.inputTbl > * > tr > td {color: #777;}
table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table.inputTbl > * > tr > td.add > * {float: left;margin-left: 5px;}
table.inputTbl > * > tr > td.add *:first-child,
table.inputTbl > * > tr > td.add .clear {margin-left: 0;}
table.inputTbl > * > tr > td.add .clear,
table.inputTbl > * > tr > td.add span.btn {margin-top: 5px;}
table.inputTbl > * > tr > td.add > *:first-child + span.btn {margin-top: 0;}
table.inputTbl > * > tr > td.add a {margin-left: 5px;padding: 9px 15px 10px;}

table.inputTbl > * > tr > td > span {font-size:14px;}
table.inputTbl > * > tr > td > .note {color:#dd3131;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.inputTbl.rwTbl {border-top: 2px solid #7b7b7b;}
div.contents > table.rwTbl {width: calc(100% - 30px);margin: 0 15px;}
div.contents > table.rwTbl > * > tr > td {line-height: 40px;}



table.inputTbl.rwTbl > * > tr {border-top: 0 none;}
table.inputTbl.rwTbl > * > tr > td {min-height: 40px;}
table.inputTbl.rwTbl .pluginArea {border-top: 1px solid #e5e5e5;}

table.inputTbl.rwTbl .pubDate {overflow: hidden;}
table.inputTbl.rwTbl .pubDate > * {float: left;}
table.inputTbl.rwTbl .pubDate input[type=text] {width: calc(100% - 105px);margin-right: 5px;}
table.inputTbl.rwTbl .pubDate select {width: 100px;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
table.inputTbl td.choose > * {float: left;margin-left: 10px;padding: 0 15px;line-height: 30px;}
table.inputTbl td.choose a {margin-left: 0;background-color: #333;color: #fff;}
table.inputTbl td.choose span {background-color: #f1f1f1;color: #333;}


}





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



ul.overHidden, ul.overHidden li {margin: 0;padding: 0;list-style:none;}
ul.overHidden >  li {float: left;padding-right: 15px;}

form .btnArea .posTL {margin-left: 0;}



/* ========= 폼태그  ========= */
dl.inputArea dd.multi {}
dl.inputArea dd.multi:after {clear: both;display: block;height:0;line-height: 0;font-size: 0;content: "";}
dl.inputArea dd.multi > * {float: left;margin-left: 5px;}
dl.inputArea dd.multi > *:first-child {margin-left: 0;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.formArea .note {line-height: 1.2em;color:#f90008;}
div.formArea select {width: 100%;height: 35px;}
div.formArea select + select {margin-top: 5px;}
div.formArea input[type=radio],
div.formArea input[type=checkbox] {margin: 11px 5px 0 20px;}
div.formArea input[type=radio]:first-child,
div.formArea input[type=checkbox]:first-child {margin-left: 0;}

div.formArea label,
div.formArea span {display: inline-block;font-size: 15px;line-height: 40px;}

dl.inputArea {border-top:2px solid #7b7b7b;margin: 0;padding: 0;}
dl.inputArea > * {}
dl.inputArea > dt {padding:5px 10px;border-bottom: 1px solid #e5e5e5;background-color: #f7f7f7;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.inputArea > dd {padding: 10px 0;border-bottom: 1px solid #ccc;}




dl.inputArea input[type=text],
dl.inputArea input[type=password] {width: 100%;height: 35px;}

div.formArea .name {overflow: hidden;}
div.formArea .name label {float: left;width: 30px;margin:0 0 5px;}
div.formArea .name .clear {margin-bottom: 0;}
div.formArea .name input[type=text] {float: left;width: calc(100% - 35px);}

div.formArea .date {overflow: hidden;}
div.formArea .date > * {float: left;margin-left: 5px;}
div.formArea .date select {width: calc(25% - 10px);}
div.formArea .date select:first-child {width: calc(50% - 60px);margin-left: 0;}
div.formArea .date span {width: 15px;margin-left: 5px;}

div.formArea .email {}
div.formArea .email:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .email > * {float: left;}
div.formArea .email input[type=text] {width: calc(50% - 15px);}
div.formArea .email span {width: 30px;text-align: center;}
div.formArea .email select {width: 100%;}

div.formArea .address {}
div.formArea .address:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .address input[type=text] {margin-top: 5px;}
div.formArea .address input[type=text]:first-child {width: 120px;margin-top: 0;}
div.formArea .address a {width: 120px;padding: 9px 0 10px;margin-left: 5px;color: #fff;background-color: #333;text-align: center;}


div.formArea .phone {}
div.formArea .phone:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .phone > * {float: left;box-sizing:border-box;}
div.formArea .phone select,
div.formArea .phone input[type=text]:first-child {width:calc(40% - 60px);}
div.formArea .phone input[type=text] {width: 30%;}
div.formArea .phone span {width: 30px;line-height: 35px;text-align: center;}

.withBtn {}
.withBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.withBtn > *  {float: left;margin-left: 5px;}
.withBtn > *:first-child {margin-left: 0;}
.withBtn input[type=text] {width: calc(100% - 87px) !important;}
.withBtn a {width: 82px;padding: 7px 0 8px;color: #fff;background-color: #333;text-align: center;}
.withBtn + div.note {margin-top: 5px;font-size: 12px;line-height: 16px;}


.antiSpam {}
.antiSpam:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.antiSpam > *  {float: left;margin-left: 5px;}
.antiSpam > *:first-child {margin-left: 0;}
.antiSpam input[type=text] {width: calc(100% - 125px) !important;}
.antiSpam span {width: 120px;color: #fff;background-color: #333;text-align: center;}
.antiSpam + div.note {line-height: 20px;}



div.formArea div.photo > * {display: block;padding: 0;}
div.photo {position: relative;height: 152px;padding:10px 10px 10px 140px;border-bottom: 1px solid #ccc;}
div.photo p.thumb {position: absolute;left: 10px;top: 10px;width: 120px;height: 150px;border: 1px solid #ccc;background:#f9f9f9 url('/image/sub/thumbBg.png') center center no-repeat;}

ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option {}
ul.option:after {clear: both;height: 0;line-height: 0;font-size: 0;content: "";}
ul.option li {float: none;}
ul.option li * {display: inline-block;vertical-align: top;}
ul.option li:first-child,
ul.option li.clear {margin-left: 0;}
ul.option label {line-height: 40px;}
ul.option input[type=checkbox],
ul.option input[type=radio] {top: 4px;}
ul.option input[type=text] {width: 80% !important;margin-left: 10px;}

form .btnArea {padding-top: 30px;text-align: center;font-size: 0;line-height: 0;}
form .btnArea > * {margin-left: 10px;box-sizing:border-box;}
form .btnArea > *:first-child {margin-left: 0;}

div.formArea div.btnArea > * {width:calc(40% - 10px);height: 50px;font-size: 16px;}
div.formArea div.btnArea > span {padding-top: 10px;}

.btn .btnBg.btnOk {padding: 10px 20px;border-color: #f96819;background-color: #f96819;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;text-align: left;line-height: 28px;}
.btn .btnBg.btnOk:after {position: absolute;right: 20px;top: 50%;margin-top: -.5em;font-size: 1em;line-height: 1em;font-family: "Font Awesome 5 Free";content: "\f061";font-weight: 900;}


div.formArea div.btnArea .posTL {position: static !important;margin-left: 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.memberInfo form {width: 650px;margin: 0 auto;}

div.memberInfo > form:first-child {padding-top: 50px;}

div.formArea .subTit_bl.fl + .fr {margin-top: 40px;}

div.formArea .note {font-size:0.9em; color:#f90008;}

div.formArea select {width: 100%;height: 40px;}
div.formArea select + select {margin-top: 5px;}
div.formArea td select {width: 250px;}
div.formArea .fr select {width: 100px;}
div.formArea input[type=radio],
div.formArea input[type=checkbox] {margin: 14px 5px 0 20px;}
div.formArea input[type=radio]:first-child,
div.formArea input[type=checkbox]:first-child {margin-left: 0;}

div.formArea label,
div.formArea span {display: inline-block;font-size: 15px;line-height: 40px;}

dl.inputArea {border-top:2px solid #7b7b7b;margin: 0;padding: 0;}
dl.inputArea > * {}
dl.inputArea > dt {padding:5px 10px;border-bottom: 1px solid #e5e5e5;background-color: #f7f7f7;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.inputArea > dd {padding: 10px;border-bottom: 1px solid #ccc;}

dl.inputArea input[type=text],
dl.inputArea input[type=password] {width: 100%;height: 40px;}

div.formArea .name {overflow: hidden;}
div.formArea .name label {float: left;width: 50px;margin:0 0 5px;}
div.formArea .name .clear {margin-bottom: 0;}
div.formArea .name input[type=text] {float: left;width: calc(100% - 55px);}

div.formArea .date {overflow: hidden;}
div.formArea .date > * {float: left;margin-left: 5px;}
div.formArea .date select {width: calc(25% - 10px);}
div.formArea .date select:first-child {width: calc(50% - 60px);margin-left: 0;}
div.formArea .date span {width: 15px;margin-left: 5px;}

div.formArea .email {}
div.formArea .email:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .email > * {float: left;}
div.formArea dd.email input[type=text] {width: calc(50% - 15px);}
div.formArea dd.email input[type=text] + span {width: 30px;text-align: center;}
div.formArea dd.email select {width: 100%;margin-top: 5px;}

div.formArea td.email input[type=text] {width: 30%;}
div.formArea td.email input[type=text] + span {width: 30px;text-align: center;}
div.formArea td.email select {width: calc(40% - 35px);margin-left: 5px;}

div.formArea .address {}
div.formArea .address:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .address > * {float: left;}
div.formArea .address > *:first-child,
div.formArea .address > *.clear {margin-left: 0;}
div.formArea .address input[type=text] {width: 100%;margin: 5px 0 0 5px;}
div.formArea .address input[type=text]:first-child {width: 120px;margin-top: 0;}
div.formArea .address input[type=text].clear {width: calc(100% - 405px);}
div.formArea .address a {width: 120px;padding: 7px 0 8px;margin-left: 5px;color: #fff;background-color: #333;text-align: center;}


div.formArea .phone {}
div.formArea .phone:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .phone > * {float: left;}
div.formArea .phone select,
div.formArea .phone input[type=text] {width:100px;}
div.formArea .phone span {width: 30px;line-height: 40px;text-align: center;}


.withBtn {}
.withBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.withBtn > *  {float: left;margin-left: 5px;}
.withBtn > *:first-child {margin-left: 0;}
.withBtn input[type=text] {width: calc(100% - 87px) !important;}
.withBtn a {width: 82px;padding: 7px 0 8px;color: #fff;background-color: #333;text-align: center;}
.withBtn + div.note {line-height: 40px;}


.antiSpam {}
.antiSpam:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.antiSpam > *  {float: left;margin-left: 5px;}
.antiSpam > *:first-child {margin-left: 0;}
.antiSpam input[type=text] {width: calc(100% - 125px) !important;}
.antiSpam span {width: 120px;color: #fff;background-color: #333;text-align: center;}
.antiSpam + div.note {line-height: 20px;}


div.formArea div.photo > * {display: block;padding: 0;}
div.photo {position: relative;height: 152px;padding:10px 10px 10px 140px;border-bottom: 1px solid #ccc;}
div.photo p.thumb {position: absolute;left: 10px;top: 10px;width: 120px;height: 150px;border: 1px solid #ccc;background:#f9f9f9 url('/image/sub/thumbBg.png') center center no-repeat;}

ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option {}
ul.option:after {clear: both;height: 0;line-height: 0;font-size: 0;content: "";}
ul.option li {float: left;margin-left: 15px;}
ul.option li * {display: inline-block;vertical-align: top;}
ul.option li:first-child,
ul.option li.clear {margin-left: 0;}
ul.option label {line-height: 40px;}
ul.option input[type=checkbox],
ul.option input[type=radio] {margin-top: 5px;}
ul.option input[type=text] {width: 200px;margin-left: 10px;}


ul.multi, ul.multi li {margin: 0;padding: 0;list-style:none;}
ul.multi > li {margin:5px 0 !important;}
ul.multi > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.multi > li > * {float: left;margin-left: 5px;}



ul.upload, ul.upload li {margin: 0;padding: 0;list-style:none;}
ul.upload {}
ul.upload > li {float: none !important;margin: 0 !important;padding: 5px 10px;border-top: 1px solid #e5e5e5;}
ul.upload > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.upload > li:first-child {border-top: 0 none;}

ul.upload > li > * {float: left;}
ul.upload > li input[type=text] {width: 770px;}
ul.upload > li a {width: 50px;margin-left: 5px;padding: 0;color: #a39993;border: 1px solid #a39993;text-align: center;font-size: 14px;line-height: 38px;}
ul.upload > li a.del,
ul.upload > li a.add {background-color: #a39993;color: #fff;}

.padding0 > div.selectFile {padding: 5px 110px 5px 10px;border-top: 1px solid #e5e5e5;}
.padding0 > div.selectFile:first-child {border-top: 0 none;}


div.selectFile span.util {position: absolute;right: 10px;top: 5px;width: 100px;}
div.selectFile span.util a {width: 50px;margin-left: 5px;padding: 0;color: #fff;border: 1px solid #a39993;text-align: center;font-size: 14px;line-height: 38px;background-color: #a39993;}



form .btnArea {margin-top: 50px;text-align: center;}
form .btnArea > * {margin-left: 20px;}
form .btnArea > *:first-child {margin-left: 0;}
div.formArea div.btnArea > * {}
div.formArea div.btnArea a {}

.btn .btnBg.btnOk {position: relative;width: 200px;border-color: #f96819;background-color: #f96819;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;text-align: left;line-height: 40px;}
.btn .btnBg.btnOk:after {position: absolute;right: 30px;top: 50%;margin-top: -.5em;font-size: 1em;line-height: 1em;font-family: "Font Awesome 5 Free";content: "\f061";font-weight: 900;}
}



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

/* ========= 게시판 검색 ========= */

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bbsSearch,
div.bbsBrief,
div.bbsList {}
ul.subMenu + div.bbsSearch {padding-top: 0;}

div.bbsList.admin {display: block !important;}

div.contents > div.bbsSearch {position: relative;margin: 15px;padding: 0;}
div.bbsSearch {}
div.bbsSearch:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.btn {float: left;}
div.bbsSearch select {width: 120px;}
div.bbsSearch input[type=text] {display: block;width: calc(100% - 190px);margin: 0 5px;}
div.bbsSearch select,
div.bbsSearch input[type=text] {height: 40px;box-sizing:border-box;}

div.bbsSearch select.half,
div.bbsSearch select.half + select {float: left;width: calc(50% - 3px) !important;margin-bottom: 6px;}
div.bbsSearch select.half + select {float: right;}

div.bbsSearch span.btn {width: 60px;}
div.bbsSearch span.btn * {width: 100%;}

div.bbsSearch .bbsBrief {padding-top: 10px;text-align: right;}
div.bbsSearch span.btn *,
div.calendarUtil span.btn * {height: 40px;}

div.bbsSearch + .ar {padding:0 15px 5px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bbsSearch {position:relative;padding-left: 140px;margin:0 auto 40px;text-align: center;font-size: 0;line-height: 0;}
ul.subMenu + div.bbsSearch {margin-top: 40px;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch span.btn {display: inline-block;vertical-align: top;}

div.bbsSearch select,
div.calendarUtil select {width: 150px;height: 50px;margin-right: 10px;}
div.bbsSearch input[type=text],
div.calendarUtil input[type=text] {width: 323px;height: 50px;padding: 0 5px;margin-right: 10px;box-sizing:border-box;}
div.bbsSearch span.btn *,
div.calendarUtil span.btn * {height: 50px;padding: 0 20px;}
div.bbsSearch p.bbsBrief {position: absolute;left: 0;top: 50%;width: 120px;margin:-12px 0 0;padding: 0;font-size: 15px;line-height: 24px;}
}





/* ========= 게시판 리스트  ========= */

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bbsList {padding: 0 15px 15px;}
dl.bbsItem {position: relative;padding:0 35px 5px 60px;margin: 0;border-bottom: 1px solid #d2d2d2;}
dl.bbsItem:first-child {border-top: 2px solid #3180d5;}

dl.bbsItem a,
table.tblBbs a {text-decoration: none;color: inherit;}
table.tblBbs a.attach {display: inline;word-break:break-all;}

dl.bbsItem > dt {position: relative;padding: 15px 0 5px;font-size: 16px;color: #313131;font-family: 'NotoSansKR Medium', sans-serif;}
dl.bbsItem > dt:before {display: inline-block;vertical-align: top;width:50px;margin-top: ;text-align: center;color: #fff;border-radius:4px;font-size: 12px;line-height: 25px;}
dl.bbsItem > dt.typeA:before {content: "학회";background-color: #121e95;}
dl.bbsItem > dt.typeB:before {content: "연구회";background-color: #f26522;}
dl.bbsItem > dt.typeC:before {content: "지회";background-color: #289a6e;}

dl.bbsItem > dt a {position:relative;overflow:hidden;display: inline-block;max-width:100%;height: 23px;text-overflow:ellipsis;white-space:nowrap;color: #313131;}
dl.bbsItem > dt span {position: absolute;left: -60px;top: 15px;width: 50px;font-size: 14px;line-height: 18px;padding: 2px 0 4px;text-align: center;color: #313131;}
dl.bbsItem > dt span.notice {background-color: #fa0c0c;color: #fff;}
dl.bbsItem > dt a img {display: inline-block;padding-right: 5px;vertical-align: top;}


dl.bbsItem > dd {margin: 0;}
dl.bbsItem > dd.attach img,
table.tblBbs a img {vertical-align: top;margin: 2px 5px 0 0;}


dl.bbsItem > dd.info {padding-bottom: 5px;font-size: 14px;color: #808080;}
dl.bbsItem > dd.pubDate span:before {content: ".";}

dl.bbsItem > dd.attach {position: absolute;right: 0;top: 0;width: 35px;height: 100%;}
dl.bbsItem > dd.attach a {display: none;}
dl.bbsItem > dd.attach:after {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -0.5em;text-indent: 0;font-size: 1.5em;line-height: 1em;font-family: "Font Awesome 5 Free";color: #808080;content: "\f15c";font-weight: 400;text-align: center;}

dl.bbsItem > dd.admin {display: none;}

dl.bbsItem.deleted {height: 50px;background-color: #fbfbfb;}

div.bbsList + div.bbsUtil {padding:0 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bbsList {margin-top: 10px;}
dl.bbsItem {position: relative;padding:  0 115px 0 80px;margin: 0;border-bottom: 1px solid #d2d2d2;}
dl.bbsItem:first-child {border-top: 2px solid #7b7b7b;}

dl.bbsItem a,
table.tblBbs a {text-decoration: none;color: inherit;}
dl.bbsItem > dt {position: relative;padding: 15px 0 5px;font-size: 16px;line-height: 28px;color: #313131;font-family: 'NotoSansKR Medium', sans-serif;}
dl.bbsItem > dt:before {display: inline-block;vertical-align: top;width: 70px;text-align: center;color: #fff;border-radius:4px;font-size: 15px;line-height: 28px;}
dl.bbsItem > dt.typeA:before {content: "학회";background-color: #121e95;}
dl.bbsItem > dt.typeB:before {content: "연구회";background-color: #f26522;}
dl.bbsItem > dt.typeC:before {content: "지회";background-color: #289a6e;}

dl.bbsItem > dt a {position:relative;overflow:hidden;display: inline-block;max-width:100%;line-height: 23px;text-overflow:ellipsis;white-space:nowrap;color: #313131;}
dl.bbsItem > dt span {position: absolute;left: -70px;top: 15px;width: 50px;font-size: 14px;line-height: 18px;padding: 2px 0 4px;text-align: center;color: #313131;}
dl.bbsItem > dt span.notice {background-color: #fa0c0c;color: #fff;}
dl.bbsItem > dt a img {display: inline-block;padding-right: 5px;vertical-align: top;}

dl.bbsItem > dd {margin: 0;}
dl.bbsItem > dd.attach img,
table.tblBbs a img {vertical-align: top;margin: 2px 5px 0 0;}

dl.bbsItem > dd.pubDate {position: absolute;right: 0;top: 50%;width: 100px;margin-top: -29px;padding-top: 34px;text-align: center;color: #313131;}
dl.bbsItem > dd.pubDate span {position: absolute;left: 0;top: 0;width: 100%;color: #f96819;font-weight: bold;font-size: 30px;line-height: 34px;}

dl.bbsItem > dd.info {position: relative;padding-bottom: 5px;text-align: right;font-size: 14px;color: #808080;}

dl.bbsItem a.mail {position: absolute;left: 0;top: 0;padding: 0 15px;color: #fff;background-color: #f96819;}


dl.bbsItem > dd.attach {border-top: 1px solid #d2d2d2;padding: 10px 0;color: #808080;}
dl.bbsItem > dd.attach a {position: relative;display: block;font-size: 14px;}

dl.bbsItem.deleted {height: 97px;background-color: #fbfbfb;}
dl.bbsItem.deleted > dd.attach {display: none;}

div.bbsList .admin {display: none;position: absolute;right: 115px;top: 45px;font-size: 12px;text-align: center;}
div.bbsList .admin a {color: #808080;}

.admin dl.bbsItem > dd.info {padding-right: 65px;}
div.bbsList.admin .admin {display: block;text-align: right;}
}





/* 페이징 */
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.pager {clear: both;margin: 0;padding:15px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display: inline-block;vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding: 2px 5px 3px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #808080;}

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

ul.pager a.btnDef,
ul.pager a.on {background-color: #fff;color: #000;text-align: center;}
ul.pager a img {width: 25px;vertical-align: top;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.pager {clear: both;margin: 0;padding:30px 0 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display: inline-block;vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding: 3px 5px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #808080;}

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

ul.pager a.btnDef,
ul.pager a.on {color: #f96819;text-align: center;}
ul.pager a img {width: 30px;vertical-align: top;}
}


/* 게시판 버튼 */
div.bbsUtil {}
div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.bbsUtil span.bbsBrief {float: left;border: 0 none;padding: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bbsUtil {padding-top: 10px;text-align: right;font-size: 0;line-height: 0;}
div.bbsUtil a {display: inline-block;min-width: 100px;margin-left: 5px;padding: 0 10px;border: 2px solid #313c47;vertical-align: top;font-size: 15px;line-height: 38px;color: #fff;background-color: #313c47;text-align: center;}
div.bbsUtil a:first-child {margin-left: 0;}
div.bbsUtil a i {padding-right: 5px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bbsUtil {padding-top: 20px;text-align: right;font-size: 0;line-height: 0;}
div.bbsUtil:first-child,
div.bbsSearch + div.bbsUtil {padding-top: 0;}
div.bbsUtil a {display: inline-block;min-width: 120px;margin-left: 5px;padding: 0 15px 3px;vertical-align: top;font-size: 17px;color: #fff;background-color: #313c47;text-align: center;}
div.bbsUtil a:first-child {margin-left: 0;}
div.bbsUtil a i {padding-right: 5px;}

div.bbsUtil span.bbsBrief {padding-top: 32px;}
div.searchArea.job + div.bbsUtil {margin: 20px 0;}

h3.fl + div.bbsUtil.fr {margin-top: 6px;}
}



/* ========= 게시글보기  ========= */
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bbsView {padding: 15px;}
div.bbsView dl.bbsItem {padding: 0 0 10px;margin: 0;border-top: 1px solid #7b7b7b;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2;}
div.bbsView dl.bbsItem:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

div.bbsView dl.bbsItem > dt {padding: 10px;margin-bottom: 5px;text-align: center;background-color: #fbf9f9;color: #222;font-size: 1.2em;font-family: 'NotoSansKR Medium', sans-serif;}
div.bbsView dl.bbsItem > dt img {display: inline-block;height: 20px;padding:2px 5px 0 0;vertical-align: top;}

div.bbsView dl.bbsItem > dd {color: #313131;text-align: right;}
div.bbsView dl.bbsItem > dd span,
div.bbsView dl.bbsItem > dd a {color: #808080;text-decoration: none;}

div.bbsCon {padding:10px 0;}
div.vodArea {margin: 20px;height: 400px;background-color: #f8f8f8;}

table.tblBbs {border-top: 1px solid #d2d2d2;}
table.tblBbs:first-child {border-top-color:#3180d5;}
table.tblBbs > * > tr > th,
table.tblBbs > * > tr > td {font-size: 14px;text-align: left;}
table.tblBbs > * > tr > th {padding: 10px 0;background-color: #f8f8f8;color: #313131;font-weight: normal;text-align: center;}
table.tblBbs > * > tr > .tit {text-align: center;font-weight: 400;text-align: center;color: #f96819;background-color: #f8f8f8;}

div.bbsView + div.bbsUtil {padding: 0 15px 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bbsView {}
div.bbsView dl.bbsItem {padding: 0;margin: 0 0 10px;border-top: 1px solid #7b7b7b;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2;text-align: right;}
div.bbsView dl.bbsItem:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

div.bbsView dl.bbsItem > dt {padding: 10px;margin-bottom: 5px;text-align: center;background-color: #fbf9f9;color: #f96819;font-size: 1.2em;font-family: 'NotoSansKR Medium', sans-serif;}
div.bbsView dl.bbsItem > dt img {display: inline-block;padding:3px 5px 0 0;vertical-align: top;}

div.bbsView dl.bbsItem > dd {display: inline-block;margin: 0 0 0 30px;color: #313131;}
div.bbsView dl.bbsItem > dd.fwBold {display: block;}
div.bbsView dl.bbsItem > dd:last-child {display: block;text-align: right;}


div.bbsView dl.bbsItem > dd span,
div.bbsView dl.bbsItem > dd a {color: #808080;text-decoration: none;}

div.bbsCon {padding: 20px;}
div.vodArea {margin: 20px;height: 400px;background-color: #f8f8f8;}

table.tblBbs {border-top: 1px solid #d2d2d2;}
table.tblBbs:first-child {border-top-color:#3180d5;}
table.tblBbs > * > tr > th,
table.tblBbs > * > tr > td {font-size: 14px;}
table.tblBbs > * > tr > th {background-color: #f8f8f8;color: #313131;font-weight: normal;}
table.tblBbs > * > tr > .tit {text-align: center;font-weight: 400;text-align: center;color: #f96819;background-color: #f8f8f8;}
table.tblBbs > * > tr > td {text-align: left;}
}



/* ========= 게시글쓰기 ========= */
div.bbsWrite {}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}
ul.popSize li span {line-height: 40px;vertical-align: top;}


table.inputTbl .date > * {float: left;margin-left: 5px;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label,
table.inputTbl .date span {width: auto;line-height: 40px;}
table.inputTbl .date select {width: 80px;}
table.inputTbl .date select:first-child {width: 120px;}

table.inputTbl .date input[type=text] {width: 120px;padding-right: 30px;}
table.inputTbl .date input[type=image] {width: 16px;margin: 12px 0 0 -25px;}

table.inputTbl .period:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
table.inputTbl .period > *,
table.inputTbl .period > .clear > *,
table.inputTbl .period span > * {float: left;margin-left: 10px;}
table.inputTbl .period *:first-child,
table.inputTbl .period > .clear,
table.inputTbl .period > .clear >*:first-child {margin-left: 0;}
table.inputTbl .period input[type=radio], table.inputTbl td.period input[type=checkbox] {margin: 11px 0 0 20px;}
table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .period select {width: 70px;min-width:70px;}
table.inputTbl .period label,
table.inputTbl .period span {line-height: 40px;}
table.inputTbl .period input[type=text]:first-child,
table.inputTbl .period span + input[type=text] {width: 200px;}
table.inputTbl .period span + input[type=text] {margin-left: 10px;}

table td.editArea {padding:0 !important;text-align:left;}
div.editArea {margin-top:20px;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.inputTbl .period {padding-top: 0;}
table.inputTbl .period > * {margin-top: 5px;}

table.inputTbl .date input[type=text] {width: 30%;}

div.bbsWrite input[type=text] {width: 100% !important;}
div.bbsWrite .mOnly {padding-top: 10px;}
div.bbsWrite div.btnArea * {width: auto;min-width: auto;padding: 3px 20px 5px;}
div.bbsWrite div.btnArea a {line-height: 40px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
table.inputTbl .date input[type=text] {width: 150px;}

div.bbsWrite {}
div.bbsWrite table.inputTbl + table.inputTbl {border-top: 0 none;}
}

/* ========== 리스트 타입  ==========  */
ul.listBl, ul.listBl > li, .blDot {margin: 0;padding: 0;list-style:none;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.listBl > li,
.blDot {position: relative;padding-left: 10px;}
ul.listBl > li:before,
.blDot:before {position: absolute;left: 0;top: 8px;width: 3px;height: 3px;content: "";background-color: #ffc20e;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.listBl > li,
.blDot {position: relative;padding-left: 17px;}
ul.listBl > li:before,
.blDot:before {position: absolute;left: 0;top: 10px;width: 4px;height: 4px;content: "";background-color: #ffc20e;}
}


ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.4%;}
ul.col3ea > li:nth-child(3n+1) {width: 33.2%;}

ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}
ul.col6ea > li {width: 208px;}
ul.col6ea > li:nth-child(6n+1) {width: 210px;}

ul.col2ea > li:nth-child(2n+1),
ul.col3ea > li:nth-child(3n+1),
ul.col4ea > li:nth-child(4n+1),
ul.col5ea > li:nth-child(5n+1),
ul.col6ea > li:nth-child(6n+1) {clear: both;}

ul.col2ea > li:nth-child(2n+1),
ul.col3ea > li:nth-child(3n+1),
ul.col4ea > li:nth-child(4n+1),
ul.col5ea > li:nth-child(5n+1),
ul.col6ea > li:nth-child(6n+1) {border-left: 1px solid #cbcbcb;}

ul.col2ea > li:nth-child(-n+2),
ul.col3ea > li:nth-child(-n+3),
ul.col4ea > li:nth-child(-n+4),
ul.col5ea > li:nth-child(-n+5),
ul.col6ea > li:nth-child(-n+6) {border-top: 1px solid #cbcbcb;}


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


ul.listDot, ul.listDot > li,
ul.listNum, ul.listNum > li,
ul.listNum_2, ul.listNum_2 > li,
ul.noBl, ul.noBl > li,
ul.listBar, ul.listBar > li,
ul.listStar, ul.listStar > li {margin: 0;padding: 0;list-style:none;}
ul.listDot > li,
ul.listBar > li,
ul.listStar > li {position: relative;padding-left: 1.2em !important;}
ul.listDot > li:before,
ul.listBar > li:before,
ul.listStar > li:before {position: absolute;left: 0;top: 0;text-indent: 0 !important;}
ul.listDot > li:before {content: "·";font-weight: bold;color: #1d3e94;}
ul.listBar > li:before {content: "-";}
ul.listStar > li:before {content: "※";}


ul.listNum {counter-reset:num 0;}
ul.listNum > li {position: relative;padding-left: 18px;}
ul.listNum > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) '. ';}


ul.listNum_2 {counter-reset:num 0;}
ul.listNum_2 > li {position: relative;padding-left: 18px;}
ul.listNum_2 > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) ') ';}

/* main */

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.mainWrap div.dDay{display: block; z-index: 50;position: absolute; top: 155px; right: 10px;width: 107px;height: 107px;padding: 20px 14px 30px 16px;background: url('image/main/dDayBg_m.png') 0 0 no-repeat;box-sizing:border-box;text-align: center;color: #fff;font-size: 12px;line-height: 14px;font-family: 'Montserrat-Regular', sans-serif;background-size: 100%;}
.mainWrap div.dDay span {display: block;font-size: 30px; line-height: 34px; font-family: 'Montserrat-ExtraBold', sans-serif;text-shadow:2px 2px 0 rgba(0,0,0,.2);color: #ffeb10;}

div.main{position: relative;background: url('image/main/bg_m.png') center top no-repeat; background-size: 100% auto;}
div.mainCon h2{margin: 0;}
div.mainCon h2 img {display: block;}

dl.dateInfo{ padding: 5px; margin: 0 20px;border-radius: 10px 10px 0 0; background-color: #7757ab; text-align: center;}
dl.dateInfo dt{padding: 15px 0;font-size: 16px; font-weight: normal; color: #fff; font-family: 'NotoSansKR Bold',sans-serif; background: url('image/main/ico_date.png') calc(50% - 85px) 15px no-repeat;}
dl.dateInfo dd{position: relative; padding: 20px 20px 0;font-size: 15px;  font-weight: normal; font-family: 'NotoSansKR Regular',sans-serif;background-color: #fff; color: #000; }
dl.dateInfo dd:before{display: inline-block; vertical-align: middle; margin-right: 10px; width: 3px; height: 3px; background-color: #000; content: '';}
dl.dateInfo dd:last-child{padding: 20px 20px 20px;}
dl.dateInfo span{font-size: 16px; font-weight: normal; font-family: 'Montserrat-Regular',sans-serif;}

ul.mainQuick, ul.mainQuick li{margin: 0; padding: 0; list-style: none;}
ul.mainQuick{margin-top: 20px; margin-bottom: 25px;}
ul.mainQuick li{width: 92%; margin: 0 auto 15px; font-size: 15px; font-weight: normal; font-family: 'NotoSansKR Medium',sans-serif;border: 0 none !important;}
ul.mainQuick li a{position: relative; display: block;   padding: 26px 30px 26px 100px; border-radius: 15px 0 15px 0; border: 1px solid #e5e5e5; background-color: #fff;  box-shadow: 0 3px 8px rgba(0, 0, 0, .22); box-sizing:border-box;}
ul.mainQuick li a:after{position: absolute; top: 50%; right: 26px; display: block; width: 8px; height: 16px; margin-top: -4px; content: ''; background: url('image/main/ico_arrow.png') 0 0 no-repeat; background-size: contain;}
ul.mainQuick li img{position: absolute; top: 50%; left: 25px; margin-top: -25px; width: 60px;}

div.sponsorWrap{width: 100%; padding: 12px 0; border-top: 1px solid #e5e5e5; background-color: #ececec; box-sizing:border-box;}
div.sponsorWrap ul, div.sponsorWrap li{margin: 0; padding: 0; list-style: none;}
div.sponsorWrap ul{width: 100%; height: auto; margin: 0 auto; padding-left: 35px; box-sizing:border-box; }
div.sponsorWrap ul:after{display: block; clear: both; font-size: 0; line-height: 0; content: '';}
div.sponsorWrap ul li{float: left; width: 100px; margin-right: 5px; border: 1px solid #dddddd;}
div.sponsorWrap ul li:last-child{margin-right: 0;}

div.sponsorWrap div.bx-controls{position: relative;}
div.sponsorWrap div.bx-controls a {position: absolute; top: 50%; display: block; width: 7px; height: 13px; margin-top: -20px; text-indent: -9999px; background: url('image/main/btn_prev_m.png') 0 0 no-repeat; background-size: 7px;}
div.sponsorWrap div.bx-controls a.bx-prev{left: -20px;}
div.sponsorWrap div.bx-controls a.bx-next{right: -20px; background-image: url('image/main/btn_next_m.png');}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.mainWrap div#headerWrap{padding-bottom: 0;background: none;}
.mainWrap div.dDay{z-index: 50;position: absolute; top: 224px; left: 50%; margin-left: 420px;}

.mainWrap div#container{padding:0;}
div.main{padding-top: 50px; background: url('image/main/mainBg.png') center top no-repeat;background-size: 100% 100%;}

div.mainCon{width: 1200px; margin: 0 auto;padding-bottom: 65px;}
div.mainCon h2{height: 340px;font-size: 0;line-height: 0;background: url('image/main/mainBnr.png') 0 0 no-repeat;}
div.mainCon h2 img {display: none;}

dl.dateInfo {padding: 20px 33px; background-color: #7757ab; font-size: 0; line-height: 0;}
dl.dateInfo > *{display: inline-block; vertical-align: top; line-height: 25px; color: #fff; }
dl.dateInfo dt{margin-right: 40px ;padding-left: 40px; font-size: 22px; font-weight: normal; font-family: 'NotoSansKR Bold',sans-serif; background: url('image/main/ico_date.png') 0 center no-repeat;}
dl.dateInfo dd{position: relative; margin: 0 75px; padding-left: 13px; font-size: 20px; font-weight: normal; font-family: 'NotoSansKR Regular',sans-serif;}
dl.dateInfo dd:before{position: absolute; top: 50%; left: 0;display: block; width: 4px; height: 4px; background-color: #fff; content: '';}
dl.dateInfo span{display: inline-block;vertical-align: top;padding-left: 10px;font-size: 22px; font-weight: normal; font-family: 'Montserrat-Regular',sans-serif;}

ul.mainQuick, ul.mainQuick li{margin: 0; padding: 0; list-style: none;}
ul.mainQuick {width: 1200px; background-color: #fff; padding: 12px;box-sizing:border-box; box-shadow: 5px 5px 10px rgba(0, 0, 0, .12);}
ul.mainQuick:after{display: block; clear: both; content: ''; font-size: 0; line-height: 0;}
ul.mainQuick li{float: left; text-align: center; font-size: 22px; font-weight: normal; font-family: 'NotoSansKR Medium',sans-serif;border: 0 none !important;}

ul.mainQuick li a {display: block; position: relative; height: 200px;background-color: #fff; box-sizing:border-box;}
ul.mainQuick li a:hover{background-color: rgba(245,197,204,0.1);}
ul.mainQuick li img{display: block;padding: 30px 0 20px;margin: 0 auto;}

div.sponsorWrap{width: 100%; padding: 12px 0; background-color: #ececec; box-sizing:border-box;}
div.sponsorWrap ul, div.sponsorWrap li{margin: 0; padding: 0; list-style: none;}
div.sponsorWrap ul{width: 1200px; height: 55px; margin: 0 auto; padding-left: 35px; box-sizing:border-box; }
div.sponsorWrap ul:after{display: block; clear: both; font-size: 0; line-height: 0; content: '';}
div.sponsorWrap ul li{float: left; margin-right: 7px;}
div.sponsorWrap ul li:last-child{margin-right: 0;}

div.sponsorWrap div.bx-wrapper{position: relative;padding-left: 35px;}
div.sponsorWrap div.bx-controls{position: absolute; top: 0; left: 0;}
div.sponsorWrap div.bx-controls a {display: block; width: 27px; height: 27px; padding: 1px; text-indent: -9999px; background: url('image/main/btn_prev.png') 0 0 no-repeat;}
div.sponsorWrap div.bx-controls a.bx-next{background-image: url('image/main/btn_next.png');}

}

/* sub 시작 */
/* 초대의 글 */
div.message{}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.message{padding: 15px;}
div.message > div{padding: 290px 0  0 0; background: url('image/sub/message_img.png') center top no-repeat;}
div.message p.dear{font-size: 21px; line-height: 30px; letter-spacing: -2px; font-weight: normal; font-family: 'S-CoreDream-3Light', sans-serif; color: #1c1b1a;}
div.message p.dear strong{font-weight: normal; font-family: 'S-CoreDream-5Medium', sans-serif; color: #7964bf;}
div.message p{margin-bottom: 15px; line-height: 22px; text-align: justify; font-size: 14px; font-weight: normal; font-family: 'NotoSansKR DemiLight',sans-serif; color: #393939;}
div.message p.sign{text-align: right;}
div.message p.sign span{display: block; margin-bottom: 5px;}
div.message p img{display: inline-block; margin-left: 5px; vertical-align: middle;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.message > div{padding: 40px 0  45px 280px; background: url('image/sub/message_img.png') 0 0 no-repeat;}
div.message p.dear{font-size: 25px; line-height: 35px; letter-spacing: -2px; font-weight: normal; font-family: 'S-CoreDream-3Light', sans-serif; color: #1c1b1a;}
div.message p.dear strong{font-weight: normal; font-family: 'S-CoreDream-5Medium', sans-serif; color: #7964bf;}
div.message p{margin-bottom: 30px; line-height: 30px; text-align: justify; font-size: 17px; font-weight: normal; font-family: 'NotoSansKR DemiLight',sans-serif; color: #393939;}
div.message p.sign{text-align: right;}
div.message p.sign span{display: block; margin-bottom: 5px;}
div.message p img{display: inline-block; margin-left: 5px; vertical-align: top;}
}
/* 프로그램 */
div.program{}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.program{padding: 15px;}
div.program table.tblDef{border-top: 2px solid #544274; margin-top: 10px;}
div.program table.tblDef th{ font-size: 16px; font-weight: normal; font-family: 'NotoSansKR Bold',sans-serif; background-color: #544274; color: #fff;}
div.program table.tblDef > * > tr > *{border-left: none;}
div.program table.tblDef td.time{font-size: 14px; text-align:center;font-weight: normal; font-family: 'NotoSansKR Medium',sans-serif;background-color: #fafafa; color: #000;}
div.program table.tblDef tbody td{padding: 10px; text-align: left;  font-size: 14px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #393939; }
div.program table.tblDef td.session{font-size: 13px; font-weight: normal; font-family: 'NotoSansKR Bold',sans-serif ;background-color: #dff0fb; color: #0e5888;}
div.program table.tblDef td.session:nth-child(2n){font-size: 14px; font-weight: bold; font-family: 'NotoSansKR Regular',sans-serif;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.program table.tblDef{border-top: 2px solid #544274; margin-top: 20px;}
div.program table.tblDef th{ font-size: 20px; font-weight: normal; font-family: 'NotoSansKR Bold',sans-serif; background-color: #544274; color: #fff;}
div.program table.tblDef > * > tr > *{border-left: none;}
div.program table.tblDef td.time{padding: 10px;  text-align: center; font-size: 17px; font-weight: normal; font-family: 'NotoSansKR Medium',sans-serif;background-color: #fafafa; color: #000;}
div.program table.tblDef tbody td{/* padding: 15px 10px 15px 40px; */ text-align: left;  font-size: 17px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #393939; }
div.program table.tblDef tbody td:nth-child(3n){padding: 15px 40px 15px 10px; text-align: right;}
div.program table.tblDef td.session{padding-left: 70px;font-size: 18px; font-weight: normal; font-family: 'NotoSansKR Bold',sans-serif ;background-color: #dff0fb; color: #0e5888;}
div.program table.tblDef td.session:nth-child(2n){padding: 15px 40px 15px 10px; text-align: right; font-size: 16px; font-weight: bold; font-family: 'NotoSansKR Regular',sans-serif;}

}
/* 사전등록 > 사전등록 안내 */
div.registInfo{}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.registInfo{padding: 15px;}
div.registInfo p.info{padding: 50px 0 50px 80px; border: 1px solid #e5e5e5; font-size: 16px; font-weight: normal; font-family: 'NotoSansKR Regular', sans-serif; color: #252526; background: url('image/sub/registInfo_bg.png') 10px center no-repeat; background-size: 60px; box-sizing:border-box;}
div.registInfo p.info strong{font-size: 16px; font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; color: #7964bf;}

div.registInfo table.tblDef{margin-top: 15px;}
div.registInfo table.tblDef + p{margin-top: 15px; padding-left: 0; font-size: 14px; font-weight: normal; font-family:'NotoSansKR DemiLight',sans-serif ; color: #000;}
div.registInfo table.tblDef th{font-size: 14px; font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; color: #000;}
div.registInfo table.tblDef td{font-size: 14px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #000;}

div.registInfo p{padding-left: 15px; line-height: 25px; font-size: 15px; font-weight: normal; font-family: 'NotoSansKR Medium',sans-serif; color: #000;}

div.registInfo ul.listNum_2{padding-left: 15px; }
div.registInfo ul.listNum_2 > li {margin-bottom: 15px; line-height: 25px; letter-spacing: -1px; text-align: justify; font-size: 15px; font-weight: normal; font-family:'NotoSansKR DemiLight',sans-serif ; color: #000;}
div.registInfo ul.listNum_2 li a{font-weight: normal; font-family:'NotoSansKR DemiLight',sans-serif ; color: #000;}
div.registInfo ul.listNum_2 li p{padding-left: 0;  font-weight: normal; font-family:'NotoSansKR DemiLight',sans-serif ;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.registInfo p.info{margin-top: 60px; padding: 100px 0 100px 470px; border: 1px solid #e5e5e5; font-size: 30px; font-weight: normal; font-family: 'NotoSansKR Regular', sans-serif; color: #252526; background: url('image/sub/registInfo_bg.png') 290px center no-repeat; box-sizing:border-box;}
div.registInfo p.info strong{font-size: 30px; font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; color: #7964bf;}
/* div.registInfo p.info2{margin-top: 60px; padding: 100px 0 100px 360px; border: 1px solid #e5e5e5; font-size: 30px; font-weight: normal; font-family: 'NotoSansKR Regular', sans-serif; color: #252526; background: url('image/sub/registInfo_bg.png') 185px center no-repeat; box-sizing:border-box;} */
div.registInfo p.info2{margin-top: 60px; padding: 100px 0 100px 300px; border: 1px solid #e5e5e5; font-size: 30px; font-weight: normal; font-family: 'NotoSansKR Regular', sans-serif; color: #252526; background: url('image/sub/registInfo_bg.png') 128px center no-repeat; box-sizing:border-box;}
div.registInfo p.info2 strong{font-size: 30px; font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; color: #7964bf;}

div.registInfo table.tblDef{margin-top: 35px; width: 800px;}
div.registInfo table.tblDef th{font-size: 17px; font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; color: #000;}
div.registInfo table.tblDef td{font-size: 17px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #000;}
div.registInfo table.tblDef + p{margin-top: 15px; padding-left: 0; font-size: 15px; font-weight: normal; font-family:'NotoSansKR DemiLight',sans-serif ; color: #000;}

div.registInfo p{padding-left: 33px; line-height: 30px; font-size: 17px; font-weight: normal; font-family: 'NotoSansKR Medium',sans-serif; color: #000;}

div.registInfo ul.listNum_2{padding-left: 33px; }
div.registInfo ul.listNum_2 > li {margin-bottom: 30px; line-height: 30px; letter-spacing: -1px; font-size: 17px; font-weight: normal; font-family:'NotoSansKR DemiLight',sans-serif ; color: #000;}
div.registInfo ul.listNum_2 li a{font-weight: normal; font-family:'NotoSansKR DemiLight',sans-serif ; color: #000;}
div.registInfo ul.listNum_2 li p{padding-left: 0;  font-weight: normal; font-family:'NotoSansKR DemiLight',sans-serif ;}
}

/* 사전등록 > 사전등록 바로가기 */
div.apply{}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.apply {padding: 15px;}
div.apply div.agreeCon{margin-top: 10px; padding: 15px; border: 2px solid #eee}
div.apply div.agree {text-align: center;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.apply{margin-top: 60px;}
div.apply table.inputTbl th{padding-left: 40px; text-align: left;}
div.apply table.inputTbl th label{font-size: 17px; font-weight: normal; font-family: 'NotoSansKR Medium',sans-serif; color: #000;	}
div.apply table.inputTbl td{padding-left: 30px; font-size: 17px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #000;}
div.apply table.inputTbl td label{font-size: 17px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #000;}

div.apply .address input[type=text]:first-child {width: 120px;margin-left:5px !important;}
div.apply .address a{width: 90px; padding: 10px 13px 10px ;font-size: 13px; background-color: #556fb5;}

div.apply .mail a{width: 70px; text-align: center; color:#fff; padding: 10px 13px 10px ;font-size: 12px; background-color: #e5771e;}

div.apply div.agreeCon{margin-top: 10px; padding: 20px 40px; border: 2px solid #eee}
div.apply div.agreeCon li{margin-bottom: 5px; font-size: 17px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #000;}
div.apply div.agree{width: 1200px; margin: 0 auto; text-align: center; font-size: 17px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #000;}

	
}



/* 사전등록 완료 */
div.applyComp {}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.applyComp {border: 2px solid #e5e5e5;padding: 20px;margin: 15px;text-align: center;color: #2b2b2b;font-size: 14px;line-height: 25px;font-family: 'NotoSansKR DemiLight', sans-serif;word-break:keep-all;}
div.applyComp div.msg {padding-bottom: 15px;color: #252526;font-size: 18px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;}
div.applyComp div.msg img {display: block;margin: 0 auto 10px;}
div.applyComp div.msg strong {color: #6b1e19;}
div.applyComp div.btn {margin-top: 30px;}
div.applyComp div.btn a {margin-left: 10px;}
div.applyComp div.btn a:first-child {margin-left: 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.applyComp {width: 996px;border: 2px solid #e5e5e5;padding: 70px 0;margin: 50px  auto;text-align: center;color: #2b2b2b;font-size: 17px;line-height: 30px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.applyComp div.msg {padding-bottom: 25px;color: #252526;font-size: 30px;line-height: 45px;font-family: 'NotoSansKR Regular', sans-serif;}
div.applyComp div.msg img {display: block;margin: 0 auto 20px;}
div.applyComp div.msg strong {color: #2192AD;}
div.applyComp div.btn {margin-top: 50px;}
div.applyComp div.btn a {margin-left: 10px;}
div.applyComp div.btn a:first-child {margin-left: 0;}
}


/* 사전등록 조회 */
div.registSearch {}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.registSearch {border: 2px solid #e5e5e5;padding: 20px;margin: 15px;}
div.registSearch > p {padding-bottom: 30px;color: #252526;font-size: 18px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;text-align: center;word-break:keep-all;}
div.registSearch > p img {display: block;margin: 0 auto 20px;}

div.registSearch div.formArea {padding: 0 20px;}

div.registSearch div.btn {}
div.registSearch div.btn a {margin-left: 10px;}
div.registSearch div.btn a:first-child {margin-left: 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.registSearch {width: 996px;border: 2px solid #e5e5e5;padding: 70px 0;margin: 50px  auto;}
div.registSearch > p {padding-bottom: 50px;color: #252526;font-size: 26px;line-height: 45px;font-family: 'NotoSansKR Regular', sans-serif;text-align: center;}
div.registSearch > p img {display: block;margin: 0 auto 40px;}

div.registSearch div.formArea {width: 650px;margin: 0 auto;}
div.registSearch input[type=text] {width: 100%;}
div.registSearch div.btn {margin-top: 50px;}
div.registSearch div.btn a {margin-left: 10px;}
div.registSearch div.btn a:first-child {margin-left: 0;}
}

/* [팝업]영수증 */
div#receipt{}
div#receipt{position: relative; width: 750px; padding: 15px;margin: 0 auto; }
div#receipt p.popBg{z-index: 0; position: absolute; top: 15px; left: 15px;}

div#receipt div.popCon{z-index: 50; position: relative; width: 750px; padding: 110px 140px; text-align: center; box-sizing:border-box;}

div#receipt div.popCon h1{font-size: 60px; font-weight: normal; font-family: 'NotoSansKR Bold', sans-serif; color: #303030;}

div#receipt ul.info, div#receipt ul.info li{margin: 0;padding: 0; list-style: none;}
div#receipt ul.info{margin-top: 85px; text-align: left; font-size: 0; line-height: 0;}
div#receipt ul.info li{margin-bottom: 30px; font-size: 25px; line-height: 30px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #444;}
div#receipt ul.info li span{display: inline-block; margin-right: 20px; vertical-align: top; font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif; color: #000;}

div#receipt p.con{margin-top: 120px; font-size: 20px; font-weight: normal; font-family: 'NotoSansKR DemiLight', sans-serif; color: #303030;}

div#receipt span.date{display: block; margin-top: 25px;}

div#receipt p.seal{position: relative; margin-top: 110px;letter-spacing: 2px;font-size: 30px; font-weight: normal; font-family: 'NotoSansKR Medium',sans-serif; color: #303030;}
div#receipt p.seal img{z-index: -1; position: absolute; top: -37px; right: 70px; display: block;}

div#receipt div.user{position: absolute; top: calc(50% - 200px); left: -25px;}
div#receipt div.admin{position: absolute; top: calc(50% - 200px); right: -25px;}




/* 행사장 */
div.map, div.map dl, div.map dt, div.map dd, div.map ul, div.map li {margin: 0;padding: 0;list-style:none;}
div.map {}
div.map:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.map {padding: 15px;}

div.map ul {overflow: hidden;padding-top: 10px;}
div.map li {padding-top: 5px;}
div.map li:first-child {padding-top: 0;}
div.mapArea li {line-height: 25px;}
div.mapArea li img {display: inline-block;vertical-align: top;padding:2px 10px 0 0;}

div.map > dl dt {padding: 20px 0 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.map {color: #393939;font-size: 17px;line-height: 25px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.map > * {float: right}
div.map div.mapArea {float: left;}

div.mapArea ul {overflow: hidden;padding-top: 10px;}
div.mapArea li {float: left;padding-left: 50px;}
div.mapArea li:first-child {padding-left: 0;}
div.mapArea li img {display: inline-block;vertical-align: top;padding:2px 10px 0 0;}

div.map > dl {width: 490px;letter-spacing:-1px;}
div.map > dl dt {padding: 30px 0 10px;}
div.map > dl dt:first-child {padding-top: 0;}
div.map > dl li {padding-top: 5px;}
div.map > dl li:first-child {padding-top: 0;}
}

/* ==== 초록접수 CSS 추가 2022-04-20 ==== */
/* 초록접수 안내 */
div.absInfo {}
div.absInfo p.info {border: 1px solid #e5e5e5;background-image: url('image/sub/registInfo_bg.png');background-repeat: no-repeat;font-weight: normal;font-family: 'NotoSansKR Regular', sans-serif; color: #252526;box-sizing:border-box;}
div.absInfo p.info strong {font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; color: #6ba626;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.absInfo {padding: 15px;}
div.absInfo p.info {padding: 50px 0 50px 80px;font-size: 15px; background-position: 10px center; background-size: 60px;}
div.absInfo p.info strong{font-size: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.absInfo {}
div.absInfo p.info {margin-top: 60px; padding: 100px 0 100px 470px; font-size: 30px;background-position: 290px center;}
div.absInfo p.info strong{font-size: 30px;}
}

/* 초록접수 */
div.abstract {}

div.absComp {}

/* 초록접수 내역 확인 */
div.absSearch {}

/* 결과 화면 */
div.absResult {}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.abstract {display: none;}

div.absComp {display: none;}

div.absSearch {margin: 15px;padding: 20px;border: 1px solid #e5e5e5;}
div.absSearch p {margin-bottom: 20px;color: #252526;text-align: center;font-size: 17px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;}
div.absSearch p img {display: block;margin: 0 auto 20px;}

/* 결과 화면 */
div.absResult {padding: 0 15px 15px;}
div.absResult .btn.btnArea {display: none;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.abstract {margin-top: 60px;}
div.abstract table.inputTbl {}
div.abstract table.inputTbl > * > tr > th {padding-left: 40px;text-align: left;}
div.abstract table.inputTbl > * > tr > th label {font-size: 17px;}
div.abstract table.inputTbl > * > tr > td {padding: 10px 30px;color: #414141;font-size: 16px;}
div.abstract table.inputTbl .note {color: #414141;font-size: 15px;}
div.abstract table.inputTbl .note span {font-size: 15px; line-height: 1.5;}

div.abstract table.code {width: 410px;margin: 15px 0;padding: 0;border:0;border-spacing: 0;border-collapse: collapse;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
div.abstract table.code > * > tr > * {padding: 5px;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;text-align: center;color: #414141;font-size: 15px;line-height: 30px;}
div.abstract table.code > * > tr > th {background-color: #33426c;color: #fff;}
div.abstract table.code a {display: block;width: 100%;height: 100%;}

div.abstract .note {color: #2b2b2b;font-size: 17px;}
div.abstract .note span {font-size: 17px; line-height: 1.5;}

div.abstract div.util {padding: 20px 45px;background-color: #e9efff;color: #2f3648;font-size: 15px;}
div.abstract div.util input {max-width: 56px;text-align: right;}

div.abstract table.inputTbl .pluginArea {padding: 0 !important;}

div.abstract .address input[type=text]:first-child {width: 120px;}
div.abstract .address input[type=text] {width: 400px;}

/* 초록접수 완료 */
div.absComp {width: 1000px;margin: 60px auto 0;padding: 0 0 70px 0;border: 2px solid #e5e5e5;}
div.absComp .absNum {margin: 0;padding: 20px;background-color: #324c79;text-align: center;color: #fff;font-size: 25px;line-height: 40px;font-family: 'NotoSansKR Bold', sans-serif;letter-spacing: -1px;}
div.absComp .absNum span {color: #ffe035;}
div.absComp div.msg {padding: 70px 0 30px;font-size: 0;line-height: 0;text-align: center;}
div.absComp div.msg > * {display: inline-block;vertical-align: top;}
div.absComp div.msg span {margin: 30px 0 0 30px;text-align: left;font-size: 30px;line-height: 45px;color: #252526;font-family: 'NotoSansKR Regular', sans-serif;letter-spacing: -1px;}
div.absComp div.msg span strong {color: #295bb3;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}
div.absComp .note {text-align: center;color: #2b2b2b;font-size: 17px;}
div.absComp .btn.btnArea {margin-top: 50px;}

/* 초록접수 내역 확인 */
div.absSearch {width: 1000px;margin: 60px auto 0;padding: 80px 0px;border: 2px solid #e5e5e5;box-sizing:border-box;}
div.absSearch p {margin-bottom: 30px;text-align: center;color: #252526;font-size: 30px;line-height: 40px;font-family: 'NotoSansKR Regular', sans-serif;}
div.absSearch p img {display: block;margin: 0 auto 35px;}

div.absSearch div.formArea {width: 650px;margin: 0 auto;}
div.absSearch input[type=text] {width: 100%;}
div.absSearch div.btn {margin-top: 50px;}
div.absSearch div.btn a {margin-left: 10px;}
div.absSearch div.btn a:first-child {margin-left: 0;}

/* 결과 화면 */
div.absResult {}
div.absResult {margin-top: 60px;}
div.absResult table.inputTbl {}
div.absResult table.inputTbl > * > tr > th {padding-left: 40px;text-align: left;}
div.absResult table.inputTbl > * > tr > th span {font-size: 17px;}
div.absResult table.inputTbl > * > tr > td {padding: 10px 30px;color: #414141;font-size: 16px;}

div.absResult .btn.btnArea {margin-top: 45px;}
}

/* 이포스터 추가 2022-06-30 */
div.poster {}
table.posterTbl {border-top: 1px solid #eee;border-left: 1px solid #eee;border-right: 1px solid #eee;}
table.posterTbl > * > tr > * {border-color: #eee;padding: 10px 5px;}
table.posterTbl > thead > tr > th {height: 70px;background-color: #247fb5;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}
table.posterTbl > tbody > tr > th {font-family: 'NotoSansKR Medium', sans-serif;letter-spacing: -0.5px;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.poster {padding: 15px;}
div.poster ul.subMenu {margin-bottom: 30px;}
div.poster div.tableScroll > table {min-width: 900px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.poster ul.subMenu {margin-bottom: 60px;}
}