@charset "utf-8";
@import url('NotoSansKR.css');
@import url('fontawesome.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:3px;padding:0;border:0 none;cursor:pointer;text-decoration: none; color: inherit;outline:none;font-family: 'NotoSansKR Regular', sans-serif;}
select,
textarea {margin:5px;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:43px;padding:0 15px 2px;font-size:15px;border-style:solid;border-width:1px;border-radius: 5px;vertical-align:top;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}

.btn a, .btn > span {height:auto;line-height: 20px;padding: 11px 20px;}
.btn i {padding-right: 5px;}

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


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

.btn a.conLink {border: 0 none;padding: 0;line-height: 35px;color: #339a95;border-bottom: 1px solid #339a95;}

.btn span.upload {position: relative;line-height: 19px !important;border-color: #339a95;background-color: #339a95;color: #fff;}
.btn span.upload input[type=file] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

.btn .bdRd {border-radius: 18px 0 18px 0;}

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


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

.btn .btnNext {border-color: #444654;color: #444654;}
.btn .btnNext:after {display: inline-block;width: 90px;height: 25px;content: "";vertical-align: top;background: url('/image/icon/btnBl_arr.png') right center no-repeat;}

.btn .btnArr:after {display: inline-block;vertical-align: top;padding-left: 30px;font-weight: 900;font-family: "Font Awesome 5 Free";content: "\f061";}

/* 큰 버튼 height:55px */
.btn .btnBig,
.btn .btnNext,
form div.btnArea > * {min-width:120px;height:55px;padding:8px 30px 10px;border-radius: 0;border-width: 2px;font-size:17px;font-weight: normal;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
.btn a.btnBig, 
.btn > span.btnBig,
.btn .btnNext,
form div.btnArea a, form div.btnArea .btn > span {padding:9px 30px 0;line-height: 32px;}


.btn .btnGr.btnBig {padding: 9px 31px 11px;}
.btn a.btnGr.btnBig, 
.btn > span.btnGr.btnBig {padding:10px 31px 0;}



.btn img {display: inline-block;vertical-align: top;padding-right: 10px;}

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

div.btnArea .btnBig {min-width: 245px;height: 80px;padding: 0 20px;border-radius: 5px;font-size: 20px;line-height: 76px;font-family: 'NotoSansKR Bold', sans-serif;box-shadow:0 3px 7px rgba(183,193,209,.35);}

/* 작은 버튼 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;}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
.btn .btnSmall,
table.tblDef .btn > * {height:30px;}
.btn a.btnSmall,
table.tblDef .btn a {padding:6px 10px;}
}


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





.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;}



/* 파란색 */			.btn .btnDef {background-color:#156dda !important;border-color:#156dda !important;color:#fff !important;}
/* 보라색 */			.btn .btnPoint {background-color:#5c37c6 !important;border-color:#5c37c6 !important;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#737373 !important;border-color:#737373 !important;color:#fff !important;}
/* 주황색 */			.btn .btnOrg {background-color:#ea7026 !important;border-color:#ea7026 !important;color:#fff !important;}


/* border+파란색 */			.btn .btnBdDef {background-color:#fff !important;border-color:#156dda !important;color:#156dda !important;}
/* border+보라색 */			.btn .btnBdPoint {background-color:#fff !important;border-color:#5c37c6 !important;color:#5c37c6 !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff !important;border-color:#737373 !important;color:#737373 !important;}
/* border+주황색 */			.btn .btnBdOrg {background-color:#fff !important;border-color:#ea7026 !important;color:#ea7026 !important;}


/* 그라데이션 */				.btn .btnGr {padding: 8px 16px;border: 0 none !important;background: linear-gradient(to right, #272be6, #3d91dd) !important;color:#fff !important;}
/* 그라데이션2 */				.btn .btnGr2 {border: 0 none !important;background: linear-gradient(to right, #3d69be, #349896) !important;color:#fff !important;}
/* 삭제 */						.btn .btnDel {background-color:#dc4560 !important;border-color:#dc4560 !important;color:#fff !important;}
/* 남회색 */					.btn .btnLNavy {background-color:#5c7ca3 !important;border-color:#5c7ca3 !important;color:#fff !important;}


a.clear {display: inline-block;width: 70px;vertical-align: top;background-color: #7960b2;color: #fff;font-size: 12px;line-height: 35px;text-decoration: none;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
a.delete {display: inline-block;width: 70px;vertical-align: top;background-color: #b13a59;color: #fff;font-size: 12px;line-height: 35px;text-decoration: none;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}

a.preview {display: inline-block;vertical-align: top;background-color: #1d87ca;color: #fff;font-size: 12px;line-height: 25px;border-radius: 5px;text-decoration: none;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
a.modify {display: inline-block;vertical-align: top;background-color: #564dcd;color: #fff;font-size: 12px;line-height: 25px;border-radius: 5px;text-decoration: none;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
a.del {display: inline-block;vertical-align: top;background-color: #de2768;color: #fff;font-size: 12px;line-height: 25px;border-radius: 5px;text-decoration: none;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}

/* 컨텐츠 영역 */
div.contents {position: relative;}

.btnArea a img,
.bbsUtil a img {padding: 10px 10px 0 0;}



/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
/* 큰 버튼 height:55px */
.btn .btnBig,
.btn .btnNext,
form div.btnArea > * {min-width:120px;height:45px;padding:3px 20px 5px;border-width: 2px;font-size:17px;font-weight: normal;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
.btn a.btnBig, 
.btn > span.btnBig,
.btn .btnNext,
form div.btnArea a, form div.btnArea .btn > span {padding:4px 20px 0;line-height: 32px;}


.btn .btnGr.btnBig {padding: 9px 31px 11px;}
.btn a.btnGr.btnBig, 
.btn > span.btnGr.btnBig {padding:10px 31px 0;}

.btnArea {margin-top: 30px;}
div.btnArea .btnBig {min-width: 90px;height: 60px;margin-left: 5px;padding: 0 10px;border-radius: 5px;font-size: 16px;line-height: 56px;font-family: 'NotoSansKR Bold', sans-serif;box-shadow:0 3px 7px rgba(183,193,209,.35);}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
.btnArea {margin-top: 50px;}
}








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

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

table.tblDef > * > tr > *,
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * {padding:10px;color: #3f3f3f;border-top:1px solid #d0d7e2;font-family: 'NotoSansKR DemiLight', sans-serif;}

table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {text-align: center;border-left: 1px solid #d9d9d9;}
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 {font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;background-color: #f4f8ff;}
table.tblDef > thead > tr > th,
table.tblDef > * > tr.bg > *,
table.inputTbl > * > tr > th {background-color: #f4f8ff;word-break:keep-all;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
table.tblDef > * > tr > *.titBg {background-color: #077102;color: #fff;}

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


table.innerTbl {border-top: 1px solid #d0d7e2;}
table.innerTbl:first-child {border-top: 0 none;}
table.innerTbl > * > tr > th {word-break:keep-all;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;text-align: center;}


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

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

table.border > * > tr > * {border-left: 1px solid #d0d7e2;}
table.border > * > tr > *:first-chld {border-left: 0 none;}

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

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



/* 텍스트 */
.fcBlue {color: #265ec4 !important;} 
.fcRed {color: #ef0f0f !important;} 
.fcPoint {color: #0c9f89 !important;} /* 녹색 */
.fwBold {font-family: 'NotoSansKR Medium', sans-serif !important;font-weight: normal !important;}





/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
.mOnly,
.mobileNote {display: block !important;}
.mobileNote {padding: 100px 0;}
.mobileNote img {display: block;width: 200px;margin: 0 auto;}
.pcOnly {display: none !important;}

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

div.tableScroll > table {;min-width:1200px !important;margin-top: 0 !important;}

}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
.mOnly,
.mobileNote {display: none !important;}
.pcOnly {display: block !important;}
}














div.wrapper {overflow:hidden;width:100%;font-family: 'NotoSansKR DemiLight', sans-serif;font-weight: normal;}
.subTit:first-child,
.subTit_bl:first-child,
.pointTit:first-child {margin-top: 0;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.wrapper {min-width: 320px;}
div#headerWrap {z-index: 100;padding: 0 45px;background-color: #083782;}
div#headerWrap h1 {font-weight: normal;}
div#headerWrap h1 a {display: block;text-decoration: none;color: #fff;font-size: 16px;line-height: 45px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;}

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

div.gnbWrap {z-index: 150;position: absolute;left: 100%;top: 0;width: 100%;height: 100%;padding-left: 110px;box-sizing:border-box;background-color: rgba(0,0,0,.85);}
div.gnbClose {position: absolute;left: 65px;top: 0;width: 45px;height: 45px;}
div.gnbClose a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('image/gnb_close.png') center center no-repeat;background-size: 15px;}


ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {position: relative;overflow-x: hidden;overflow-y: auto;height: 100%;padding: 45px 15px 15px;background-color: #fff;box-sizing:border-box;}
ul#gnb:before {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 45px;content: "";background: #063782 url('image/gnbBg_workshopTit.png') 15px center no-repeat;background-size: 173px;}

ul#gnb > li {border-bottom: 1px solid #e9e9e9;}
ul#gnb > li > a {position: relative;display: block;padding:10px 15px 10px 35px;color: #222;font-size: 16px;line-height: 20px;}
ul#gnb > li > a img {position: absolute;left: 15px;top: 15px;width: 13px;}
ul#gnb ul {display: none;}


ul.headerUtil {display: none;}


.pageTit {margin: 0;text-align: center;font-weight: normal;color: #fff;background-color: #8392ab;font-size: 14px;line-height: 45px;font-family: 'NotoSansKR Regular', sans-serif;}

div.contents {font-size: 14px;line-height: 25px;font-family: 'NotoSansKR DemiLight', sans-serif;}

.subTit {margin: 30px 0 5px;padding: 0 0 0 15px;color: #265ec4;font-size: 14px;line-height: 18px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;word-break:keep-all;background: url('image/subTit.png') 0 5px no-repeat;background-size: 8px;}
.subTit_bl {margin: 30px 0 5px;padding: 5px 0 0 10px;color: #084698;font-size: 14px;line-height: 18px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;word-break:keep-all;background: url('image/subTit_bl.png') 0 0 no-repeat;background-size: 6px;}
.pointTit {margin: 30px 0 5px;padding: 0;color: #248aca;font-size: 16px;line-height: 20px;font-weight: normal;font-family: 'NotoSansKR Black', sans-serif;word-break:keep-all;}
.titBg {margin: 0;padding: 10px 15px;text-align: center;color: #fff;background-color: #063782;font-size: 14px;line-height: 18px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;word-break:keep-all;}


div.contents > .subTit,
div.contents > .subTit_bl,
div.contents > .pointTit,
div.contents > .titBg {margin-left: 15px;margin-right: 15px;}

.ing {padding: 50px 20px;text-align: center;font-size: 14px;line-height: 20px;color: #807e7e;font-family: 'NotoSansKR Regular', sans-serif;word-break:keep-all;}
.ing img {display: block;width: 90px;margin: 0 auto 10px;}
.ing span {display: block;color: #0d3782;font-size: 16px;font-family: 'NotoSansKR Bold', sans-serif;}

div.note {padding: 15px;background-color: #f6f6f6;}
div.contents > div.note {margin: 15px;}

.bdArea {border: 1px solid #8498bc;padding: 20px;}

ul#quickMenu, ul#quickMenu li, ul#quickMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#quickMenu {z-index: 80;position: fixed;left: 0;bottom: 0;width: 100%;background-color: #063782;}
ul#quickMenu > li {float: left;width: 33%;}
ul#quickMenu > li:first-child {width: 34%;}
ul#quickMenu a {display: block;border-left: 1px solid #385f9b;text-align: center;font-size: 12px;line-height: 35px;font-family: 'NotoSansKR Medium', sans-serif;color: #fff;}
ul#quickMenu > li:first-child a {border-left: 0 none;}

#goTop {z-index: 90;position: fixed;right: 15px;bottom: 40px;}
#goTop a {display: block;width: 30px;height: 30px;font-size: 0;line-height: 0;background: url('image/goTop.png') center center no-repeat;background-size: 30px;box-shadow: 0 0 8px rgba(0,0,0,.2);}


div#footerWrap p, div#footerWrap address, div#footerWrap ul, div#footerWrap li, div#footerWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;font-style: normal;}
div#footerWrap {padding: 15px 15px 85px;background-color: #596269;text-align: center;font-size: 0;line-height: 0;}
div#footerWrap, div#footerWrap a {color: #c6c6c6;}
div#footerWrap p,
div#footerWrap li {font-size: 11px;line-height: 16px;font-family: 'NotoSansKR Regular', sans-serif;}
div#footerWrap li {display: inline-block;vertical-align: top;}
div#footerWrap li:before {display: inline-block;vertical-align: top;content: "/";padding: 0 5px;}
div#footerWrap li:first-child {display: block;}
div#footerWrap li:first-child:before,
div#footerWrap li:first-child + li:before {display: none;}
}



/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.wrapper {min-width: 1200px;}

div#headerWrap {z-index: 100;position: relative;height: 100px;}
div#headerWrap h1 {position: absolute;left: 50%;top: 25px;margin: 0 0 0 -600px;}
div#headerWrap h1 a {display: block;width: 178px;height: 50px;font-size: 0;line-height: 0;background: url('image/header_logo.png') 0 0 no-repeat;}

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

ul#gnb, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {position: absolute;right: 50%;top: 50px;width: 1000px;margin-right: -600px;font-size: 0;line-height: 0;text-align: right;}
ul#gnb > li {display: inline-block;vertical-align: top;padding-left: 45px;}
ul#gnb > li:first-child {padding-left: 0;}
ul#gnb > li > a {display: block;padding-bottom: 20px;color: #1d1d1d;font-size: 20px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;}
ul#gnb img {display: none;}
ul#gnb ul {display: none;}

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: 10px;width: 600px;text-align: right;font-size: 0;line-height: 0;}
ul.headerUtil li {position: relative;display: inline-block;vertical-align: top;padding-left: 30px;}
ul.headerUtil li:before {position: absolute;left: 15px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #252525;}
ul.headerUtil li:first-child {padding-left: 0;}
ul.headerUtil li:first-child:before {display: none;}
ul.headerUtil a {display: block;color: #252525;font-size: 13px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}

div#container {padding-top: 250px;background: url('image/topVisual.png') center top no-repeat;}

.pageTit {width: 1200px;margin: 45px auto 70px;padding: 0 0 0 55px;color: #252525;font-size: 25px;line-height: 40px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;background: url('image/pageTit.png') 0 0 no-repeat;box-sizing:border-box;}

div.contents {width: 1200px;margin: 0 auto;padding-bottom: 100px;color: #3f3f3f;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR DemiLight', sans-serif;}

.subTit {margin: 50px 0 10px;padding: 0 0 0 30px;color: #265ec4;font-size: 22px;line-height: 36px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;word-break:keep-all;background: url('image/subTit.png') 0 10px no-repeat;}
.subTit_bl {margin: 50px 0 10px;padding: 10px 0 0 15px;color: #084698;font-size: 22px;line-height: 30px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;word-break:keep-all;background: url('image/subTit_bl.png') 0 0 no-repeat;}
.pointTit {margin: 50px 0 10px;padding: 0;color: #248aca;font-size: 24px;line-height: 36px;font-weight: normal;font-family: 'NotoSansKR Black', sans-serif;word-break:keep-all;}
.titBg {margin: 0;padding: 14px 20px;text-align: center;color: #fff;background-color: #063782;font-size: 18px;line-height: 22px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;word-break:keep-all;}



.ing {padding: 100px 0;text-align: center;font-size: 16px;line-height: 30px;color: #807e7e;font-family: 'NotoSansKR Regular', sans-serif;}
.ing img {display: block;margin: 0 auto 30px;}
.ing span {display: block;color: #0d3782;font-size: 25px;font-family: 'NotoSansKR Bold', sans-serif;}

div.note {padding: 30px 60px;background-color: #f6f6f6;}
.bdArea {border: 1px solid #8498bc;padding: 20px 40px;}


#goTop {position: fixed;left: 50%;bottom: 95px;margin-left: 650px;}
#goTop a {display: block;width: 58px;height: 58px;font-size: 0;line-height: 0;background:  url('image/goTop.png') center center no-repeat;box-shadow: 3px 3px 16px rgba(0,0,0,.2);}

ul#quickMenu {display: none;}

div#footerWrap p, div#footerWrap address, div#footerWrap ul, div#footerWrap li, div#footerWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;font-style: normal;}
div#footerWrap {padding: 35px 0;background-color: #596269;text-align: center;font-size: 0;line-height: 0;}
div#footerWrap, div#footerWrap a {color: #c6c6c6;}
div#footerWrap p,
div#footerWrap li {font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;}
div#footerWrap li {display: inline-block;vertical-align: top;}
div#footerWrap li:before {display: inline-block;vertical-align: top;content: "/";padding: 0 5px;}
div#footerWrap li:first-child:before {display: none;}
}


ul.listBl, ul.listBl > li {margin: 0;padding: 0;list-style:none;}
ul.listBl > li {position: relative;padding-left: 15px;}
ul.listBl > li:before {position: absolute;left: 0;top: 14px;width: 4px;height: 4px;border-radius: 50%;content: " ";background-color: #248aca;}

ul.listStar, ul.listStar > li {margin: 0;padding: 0;list-style:none;}
ul.listStar > li {position: relative;margin-top: 5px;padding-left: 15px;}
ul.listStar > li:before {position: absolute;left: 0;top: 0;content: "*";}

ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 15px;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";}

ul.listBl > li:first-child,
ul.listStar > li:first-child,
ul.listBar > li:first-child {margin-top: 0;}


/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
ul.listBl > li {margin-top: 5px;line-height: 20px;}
ul.listBl > li:before {top: 8px;}

ul.listStar > li,
ul.listBar > li {margin-top: 5px;padding-left: 10px;}

}

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



/* ================================================ Main =============================================== */

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.mainVisual {background-color: #edf1f8;}
div.mainVisual img {display: block;width: 100%;}

div.dDay,
div.scrolldown {display: none;}

ul.mainMenu, ul.mainMenu li, ul.mainMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.mainMenu {padding: 4px 20px 20px;}
ul.mainMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.mainMenu li {float: right;width: calc(50% - 3px);margin-top: 6px;}
ul.mainMenu li:nth-child(odd) {clear: both;float: left;}

ul.mainMenu a {display: table-cell;width: 600px;height: 55px;vertical-align: middle;text-align: center;border-radius: 10px;box-shadow:0 0 6px rgba(40,84,109,.3);text-align: center;color: #fff;font-size: 16px;line-height: 37px;font-family: 'NotoSansKR Regular', sans-serif;background: linear-gradient(to bottom, #7a47b4, #3564f0);letter-spacing:-1px;}
ul.mainMenu a:before {display: inline-block;vertical-align: top;width: 30px;height: 37px;margin-right: 5px;content: "";background-position: center center;background-repeat: no-repeat;background-size: 29px;}
ul.mainMenu li:nth-child(1) a:before {background-image: url('image/mainMenu_message_on.png');}
ul.mainMenu li:nth-child(2) a:before {background-image: url('image/mainMenu_program_on.png');}
ul.mainMenu li:nth-child(3) a:before {background-image: url('image/mainMenu_abstract_on.png');}
ul.mainMenu li:nth-child(4) a:before {background-image: url('image/mainMenu_regist_on.png');}
ul.mainMenu li:nth-child(5),
ul.mainMenu li:nth-child(6) {display: none;}

dl.mainProgram, dl.mainProgram dt, dl.mainProgram dd {margin: 0;padding: 0;}
dl.mainProgram {padding: 20px;}
dl.mainProgram > dt {border-radius: 10px 0 0 0;color: #fff;font-size: 16px;line-height: 28px;padding: 0 20px 2px;font-family: 'NotoSansKR Regular', sans-serif;background: url('image/mainTit_program_m.png') 0 0 no-repeat;background-size: 100%;}
dl.mainProgram > dd {overflow: hidden;border-radius: 0 0 10px 0;}
dl.mainProgram dl {padding: 10px 20px 12px;background: #dae4f6 url('image/mainBg_program_02_m.png') right bottom no-repeat;background-size: 40px;color: #747474;font-size: 14px;line-height: 20px;}
dl.mainProgram dl:first-child {background: #eef4ff url('image/mainBg_program_01_m.png') right center no-repeat;background-size: 40px;}
dl.mainProgram > dd dt {padding: 0 0 5px;color: #222;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;}

dl.mainDate, dl.mainDate dt, dl.mainDate dd, dl.mainDate ul, dl.mainDate li {margin: 0;padding: 0;list-style:none}
dl.mainDate {padding: 20px 20px 10px;background: url('image/mainBg_date_m.png') center top no-repeat;background-size: cover;}
dl.mainDate > dt {}
dl.mainDate > dt img {display: block;width: 115px;margin: 0 auto;}

dl.mainDate > dd {text-align: center;font-size: 0;line-height: 0;}
dl.mainDate ul {display: inline-block;width: 290px;vertical-align: top;}
dl.mainDate li {padding: 10px 5px;border-top: 1px solid rgba(255,255,255,.2);font-size: 14px;line-height: 20px;color: #fff;text-align: left;}
dl.mainDate li:first-child {border-top: 0 none;}

dl.mainDate span {float: right;font-size: 15px;font-family: 'NotoSansKR Black', sans-serif;text-align: right;}

ul.quickMenu, ul.quickMenu li, ul.quickMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.quickMenu {overflow: hidden;}
ul.quickMenu > li {float: left;width: 50%;}

ul.quickMenu a {position: relative;display: table-cell;width: 600px;height: 60px;padding: 0 20px;color: #fff;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #8244ae;vertical-align: middle;word-break:keep-all;text-align: center;}
ul.quickMenu li:first-child a {background-color: #5c35be;}
ul.quickMenu img,
ul.quickMenu br {display: none;}

div.mainBnr {position: relative;}
ul.bnrLink {position: absolute;left: 5%;top: 65%;width: 82%;height: 7.5%;font-size: 0;line-height: 0;}
ul.bnrLink li {display: inline-block;vertical-align: top;width: 47% !important;height: 100%;margin-left: 3%;}
ul.bnrLink li:first-child {margin-left: 0;}
ul.bnrLink a {display: block;width: 100%;height: 100%;font-size: 0;line-height: 0; text-indent: -9999px;}

div.mainNotice {background: linear-gradient(to right, #063782, #cc3f8a); text-align: center;width: 310px;margin: 0 auto;border-radius: 50px;padding: 10px 20px;}
div.mainNotice p {font-size: 15px;color: #fff;letter-spacing: -0.9px;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.mainWrap {}
div.mainWrap div#headerWrap {height: 40px;background-color: #4e7d94;}
div.mainWrap div#headerWrap h1 {top: 46px;margin-left: -645px;}
div.mainWrap ul#gnb {display: none;}

div.mainWrap ul.headerUtil {top: 7px;width: 550px;}
div.mainWrap ul.headerUtil a {color: #fff;}
div.mainWrap ul.headerUtil li:before {background-color: #fff;}

div#container.main {padding: 0 0 50px;background-image: url('image/mainBg.png');}

div.mainVisual {position: relative;height: 970px;}

div.mainBnr {height: 613px;/* background: url('image/mainBnr.png') center no-repeat; */}
div.dDay {z-index: 120;position: absolute;left: 50%;top: 0;width: 255px;height: 159px;padding: 30px 10px 0 90px;border-radius: 0 0 15px 15px;margin-left: 345px;background: url('image/dDayBg.png') 0 0 no-repeat;box-sizing:border-box;color: #fff;text-align: center;font-size: 60px;line-height: 64px;font-family: 'NotoSansKR Bold', sans-serif;text-shadow:4px 4px 0 rgba(196,111,68,.42);box-shadow:4px 4px 16px rgba(0,0,0,.2);}
div.dDay:after {display: block;content: attr(data-today);color: #f7f02a;font-size: 16px;line-height: 20px;text-shadow:none;font-family: 'NotoSansKR Regular', sans-serif;}

ul.mainMenu, ul.mainMenu li, ul.mainMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.mainMenu {text-align: center;font-size: 0;line-height: 0;}
ul.mainMenu li {display: inline-block;vertical-align: top;margin-left: 12px;}
ul.mainMenu li:first-child {margin-left: 0;}
ul.mainMenu a {display: block;width: 190px;height: 160px;margin-top: 0;padding-top: 40px;border-radius: 10px;background-color: rgba(255,255,255,.8);box-shadow:0 0 13px rgba(40,84,109,.3);text-align: center;color: #222;font-size: 22px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;transition:margin-top .5s, background .1s, color .1s;}
ul.mainMenu a:before {display: block;width: 190px;content: "";height: 85px;background-position: center top;background-repeat: no-repeat;}
ul.mainMenu li:nth-child(1) a:before {background-image: url('image/mainMenu_message.png');}
ul.mainMenu li:nth-child(2) a:before {background-image: url('image/mainMenu_program.png');}
ul.mainMenu li:nth-child(3) a:before {background-image: url('image/mainMenu_abstract.png');}
ul.mainMenu li:nth-child(4) a:before {background-image: url('image/mainMenu_Award.png');}
ul.mainMenu li:nth-child(5) a:before {background-image: url('image/mainMenu_regist.png');}
ul.mainMenu li:nth-child(6) a:before {background-image: url('image/mainMenu_venue.png');}
ul.mainMenu li:nth-child(7) a:before {background-image: url('image/mainMenu_hotel.png');}


ul.mainMenu a:hover {margin-top: -15px;background: linear-gradient(45deg, #7a47b4, #3564f0);color: #fff;}
ul.mainMenu li:nth-child(1) a:hover:before {background-image: url('image/mainMenu_message_on.png');}
ul.mainMenu li:nth-child(2) a:hover:before {background-image: url('image/mainMenu_program_on.png');}
ul.mainMenu li:nth-child(3) a:hover:before {background-image: url('image/mainMenu_abstract_on.png');}
ul.mainMenu li:nth-child(4) a:hover:before {background-image: url('image/mainMenu_Award_W.png');}
ul.mainMenu li:nth-child(5) a:hover:before {background-image: url('image/mainMenu_regist_on.png');}
ul.mainMenu li:nth-child(6) a:hover:before {background-image: url('image/mainMenu_venue_on.png');}
ul.mainMenu li:nth-child(7) a:hover:before {background-image: url('image/mainMenu_hotel_on.png');}


div.scrolldown {position: absolute;left: 50%;bottom: 25px;width: 31px;margin-left: -15px;animation-duration:2s;animation-name:scrollAni; animation-iteration-count: infinite;}
div.scrolldown a, div.scrolldown img {display: block;}

@keyframes scrollAni {
	0% {opacity:0.6;bottom: 30px;}
	50% {opacity:1;bottom: 45px;}
	100% {opacity:0.6;bottom: 30px;}
}

div.mainCon {position: relative;width: 1200px;height: 215px;margin: 30px auto 0;padding-left: 566px;box-sizing:border-box;}

dl.mainProgram, dl.mainProgram dt, dl.mainProgram dd {margin: 0;padding: 0;}
dl.mainProgram {position: absolute;left: 0;top: 0;overflow: hidden;width: 536px;height: 100%;padding: 0 10px 0 180px;background-color: #eef4ff;box-sizing:border-box;border-radius: 20px 0 20px 0;font-family: 'NotoSansKR Regular', sans-serif;letter-spacing:-1px;}
dl.mainProgram > dt {position: absolute;left: 0;top: 0;width: 155px;height: 100%;padding: 30px 0 0 30px;background: url('image/mainTit_program.png') left bottom no-repeat;color: #fff;font-size: 22px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;word-break:keep-all;}

dl.mainProgram > dd {color: #747474;font-size: 16px;line-height: 20px;}
dl.mainProgram > dd dt {padding: 15px 0 5px;color: #222;font-size: 20px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}

dl.mainDate, dl.mainDate dt, dl.mainDate dd, dl.mainDate ul, dl.mainDate li {margin: 0;padding: 0;list-style:none}
dl.mainDate {position: relative;overflow: hidden;height: 135px;padding: 0 0 0 155px;}
dl.mainDate > dt {position: absolute;left: 0;top: 0;width: 155px;height: 135px;border-radius: 20px 0 0 0;background: url('image/mainTit_date.png') 0 0 no-repeat;}
dl.mainDate > dt img {display: none;}
dl.mainDate > dd {border: 4px solid #dee8f6;border-left: 0 none;padding:35px 15px 36px;border-radius: 0 0 20px 0;}
dl.mainDate ul {overflow: hidden;}
dl.mainDate li {float: left;width: 50%;padding-left: 20px;box-sizing:border-box;background: url('image/titBl_02.png') 0 8px no-repeat;color: #361fc3;font-size: 18px;line-height: 28px;}
dl.mainDate li:first-child {background-image: url('image/titBl_01.png');color: #1f6cc3;}

dl.mainDate span {display: block;font-family: 'NotoSansKR Black', sans-serif;}

ul.quickMenu, ul.quickMenu li, ul.quickMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.quickMenu {overflow: hidden;/* padding-top: 20px; */}
ul.quickMenu > li {/* float: right;width: 310px; */height: 130px;}
/*ul.quickMenu > li:first-child {float: left;}*/

ul.quickMenu a {position: relative;display: block;height: 36px;padding: 42px 0 42px 150px;border-radius: 20px 0 20px;color: #fff;font-size: 20px;line-height: 28px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #8244ae;}
ul.quickMenu li:first-child a {background-color: #5c35be;}
ul.quickMenu img {position: absolute;left: 30px;top: 50%;height: 102px;margin-top: -51px;}

ul.bnrLink {display: none;}

div.mainNotice {background: linear-gradient(to right, #063782, #cc3f8a); text-align: center;width: 960px;margin: -30px auto 20px;border-radius: 30px;padding: 10px 20px;}
div.mainNotice p {font-size: 22px;font-weight: 700;color: #fff;}
}



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








/*  ========== 토글메뉴 / 반응형메뉴  ==========  */
dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd,
dl.toggleArea_rw, dl.toggleArea_rw dt, dl.toggleArea_rw dd {position: relative;margin: 0;padding: 0;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
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;display: block;padding: 10px 15px; border: 1px solid #e2e2e2; line-height: 20px; font-size:14px; font-family: 'NotoSansKr Medium',sans-serif; font-weight: normal; background-color: #fff; color: #222;text-decoration: none;}
a.trigger:after {position: absolute;right: 15px;top: 50%;height: 14px;margin-top: -7px;content: "\f0d7";font-size: 14px;line-height: 14px;font-family: "Font Awesome 5 Free" !important;font-weight: 900;color: #222;}
.view a.trigger:after {content: "\f0d8";}

.toggleCon,
dl.rwMenu > dd,
dl.toggleArea_rw > dd {z-index: 10;position: absolute;left: 0;top: 40px;width: 100%;padding: 0 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;padding-top: 10px;border-top: 1px solid #dedede;}

.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 ul {padding-top: 10px;}
dl.rwMenu li {width: 100% !important;padding-top: 5px;}
dl.rwMenu li,
dl.rwMenu li.on {border: 0 none !important;}

dl.rwMenu li a {display: block;height: auto;color: #222;padding: 0;text-align: left;}
dl.rwMenu li.on a {color: #da4d8c !important;font-family: 'NotoSansKR Bold', sans-serif;}

dl.rwMenu + div.bbsSearch {padding-top: 0;}

}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
dl.toggleMenu {z-index: 10;position: relative;}
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;}

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

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

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

}



/*  ==========  메뉴  ==========  */
ul.conMenu, ul.conMenu li, ul.conMenu a,
ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

ul.conMenu:after,
ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}



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

/*  PC : width:961px ~  */
@media (min-width: 961px) {
ul.conMenu {position: relative;margin: 0 0 50px;padding: 0;}
ul.conMenu:before {z-index: 10;position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 1px;content: "";background-color: #063782;}

ul.conMenu > li {position: relative;float: left;width: 33%;box-sizing:border-box;}
ul.conMenu > li:first-child {width: 34%;}
ul.conMenu a {display: table-cell;width: 600px;height: 68px;border-top: 1px solid #d8e3e9;border-right: 1px solid #d8e3e9;color: #b0b0b0;font-size: 20px;line-height: 24px;font-family:'NotoSansKR Regular', sans-serif;vertical-align: middle;text-align: center;text-decoration: none;background-color: #fafbfc;}
ul.conMenu > li:first-child a {border-left: 1px solid #d8e3e9;}

ul.conMenu li.on {}
ul.conMenu li.on a {background: linear-gradient(to right, #063782, #cc3f8a);color: #fff;font-family:'NotoSansKR Bold', sans-serif;}
ul.conMenu li.on, 
ul.conMenu li.on + li {margin-left: 0;}


ul.blockMenu, ul.blockMenu li, ul.blockMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.blockMenu {}
ul.blockMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.blockMenu li {float: left;}
ul.blockMenu a {display: block;padding: 11px 0 12px;border: 1px solid #dcdcdc;border-left: 0 none;text-align: center;color: #7b7b7b;font-size: 17px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}
ul.blockMenu li:first-child a {border-left: 1px solid #dcdcdc;}
ul.blockMenu .on a {border-color: #da4d8c !important;background-color: #da4d8c;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}
}





/* 온라인 사전등록 > 회원 구분 */

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
ul.registType, ul.registType li, ul.registType a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

ul.registType {padding: 15px;text-align: center;font-size: 0;line-height: 0;}
ul.registType > li {overflow: hidden;display: inline-block;vertical-align: top;width: 120px;height: 120px;margin-left: 35px;border-radius: 50%;background: url('image/registTypeBg_02.png') 0 0 repeat-x;box-sizing:border-box;background-size: auto 100%;}
ul.registType > li:first-child {margin-left: 0;background-image: url('image/registTypeBg_01.png');}
ul.registType a {display: block;width: 97px;height: 97px;padding: 12px;}
ul.registType span {display: block;height: 97px;padding-top: 16px;border-radius: 50%;background-color: #fff;color: #7e8c9c;font-size: 16px;line-height: 25px;font-family: 'NotoSansKR Bold', sans-serif;box-sizing:border-box;text-align: center;}
ul.registType > li:first-child span {color: #2488d2;}
ul.registType img {display: block;height: 36px;margin: 0 auto 5px;}

dl.goMypage, dl.goMypage dt, dl.goMypage dd, dl.goMypage a {margin: 0;padding: 0;text-decoration: none;}
dl.goMypage {margin: 0 20px;padding-bottom: 50px;border-top: 1px solid #dee6eb;text-align: center;}
dl.goMypage dt {text-align: center;color: #073985;font-size: 15px;line-height: 45px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.goMypage dd a {display: block;width: 180px;height: 35px;margin: 0 auto;border-radius: 10px 0 10px 0;box-shadow:0 3px 7px rgba(183,193,209,.35);background-color: #e9711f;color: #fff;font-size: 14px;line-height: 35px;font-family: 'NotoSansKR Bold', sans-serif;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
ul.registType, ul.registType li, ul.registType a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

ul.registType {padding: 100px 0 50px;text-align: center;font-size: 0;line-height: 0;}
ul.registType > li {overflow: hidden;display: inline-block;vertical-align: top;width: 240px;height: 240px;margin-left: 70px;border-radius: 50%;background: url('image/registTypeBg_02.png') 0 0 repeat-x;box-sizing:border-box;}
ul.registType > li:first-child {margin-left: 0;background-image: url('image/registTypeBg_01.png');}
ul.registType a {display: block;width: 194px;height: 194px;padding: 23px;}
ul.registType span {display: block;height: 194px;padding-top: 40px;border-radius: 50%;background-color: #fff;color: #7e8c9c;font-size: 25px;line-height: 35px;font-family: 'NotoSansKR Bold', sans-serif;box-sizing:border-box;text-align: center;}
ul.registType > li:first-child span {color: #2488d2;}
ul.registType img {display: block;margin: 0 auto 10px;}

dl.goMypage, dl.goMypage dt, dl.goMypage dd, dl.goMypage a {margin: 0;padding: 0;text-decoration: none;}
dl.goMypage {width: 600px;margin: 0 auto;padding-bottom: 100px;border-top: 1px solid #dee6eb;text-align: center;}
dl.goMypage dt {text-align: center;color: #073985;font-size: 30px;line-height: 90px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.goMypage dd a {display: block;width: 280px;height: 65px;margin: 0 auto;border-radius: 20px 0 20px 0;box-shadow:0 3px 7px rgba(183,193,209,.35);background-color: #e9711f;color: #fff;font-size: 20px;line-height: 65px;font-family: 'NotoSansKR Bold', sans-serif;}
}




/* ================================== 온라인 사전등록 ================================== */

/* 온라인 사전등록 > 정보 입력 */
/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.period {margin:0 15px;padding: 15px;border: 1px solid #d8e3e9;background-color: #f7fcff;text-align: center;color: #063782;font-size: 14px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}
div.period img,
div.period span {display: inline-block;vertical-align: top;}
div.period img {display: none;}
div.period span {padding-left: 10px;color: #ea7026;font-family: 'NotoSansKR Bold', sans-serif;}

div.formArea {padding: 15px;}

div.agreeCon dl, div.agreeCon dt, div.agreeCon dd {margin: 0;padding: 0;}
div.agreeCon {margin-top: 20px;border: 1px solid #d8e3e9;padding: 0 15px 15px;}
div.agreeCon > dl > dt {margin-top: 15px;font-family: 'NotoSansKR Medium', sans-serif;}

div.agree {padding-top: 10px;text-align: center;}
div.agree input {margin-top: 7px;}

div.regist {padding-top: 0;}
div.regist div.note {padding: 15px;text-align: center;word-break:keep-all;}

div.regist table.inputTbl {margin-top: 30px;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.period {margin-bottom: 50px;padding: 20px 0;border: 1px solid #d8e3e9;background-color: #f7fcff;text-align: center;color: #063782;font-size: 25px;line-height: 88px;font-family: 'NotoSansKR Regular', sans-serif;}
div.period img,
div.period span {display: inline-block;vertical-align: top;}
div.period span {padding-left: 25px;color: #ea7026;font-family: 'NotoSansKR Bold', sans-serif;}

div.agreeCon dl, div.agreeCon dt, div.agreeCon dd {margin: 0;padding: 0;}
div.agreeCon {margin-top: 30px;border: 1px solid #d8e3e9;padding: 10px 30px 30px;}
div.agreeCon > dl > dt {margin-top: 20px;font-family: 'NotoSansKR Medium', sans-serif;}

div.agree {padding-top: 10px;text-align: center;}
div.agree input {margin-top: 9px;}

div.regist div.note {text-align: center;word-break:keep-all;}
div.regist table.inputTbl {margin-top: 50px;}

}



/* 온라인 사전등록 >  사전등록 완료 */
/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.applyComp {text-align: center;padding: 50px 15px;color: #3f3f3f;font-size: 16px;line-height: 25px;font-family: 'NotoSansKR DemiLight', sans-serif;word-break:keep-all;}
div.applyComp img {display: block;width: 73px;margin: 0 auto 15px;}
div.applyComp span.bg {display: block;margin-top: 15px;font-size: 14px;line-height: 40px;color: #fff;background-color: #3488bf;font-family: 'NotoSansKR Medium', sans-serif;}
div.applyComp a {display: block;width: 200px;margin: 25px auto 0;border-radius: 10px 0 10px;color: #fff;background-color: #e9711f;font-size: 18px;line-height: 55px;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;box-shadow:0 3px 7px rgba(183,193,209,.35);}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.applyComp {text-align: center;padding: 100px 0;color: #3f3f3f;font-size: 22px;line-height: 40px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.applyComp img {display: block;margin: 0 auto 30px;}
div.applyComp span.bg {display: block;width: 670px;margin: 30px auto 0;font-size: 18px;line-height: 50px;color: #fff;background-color: #3488bf;font-family: 'NotoSansKR Medium', sans-serif;}
div.applyComp a {display: block;width: 200px;margin: 45px auto 0;border-radius: 20px 0 20px;color: #fff;background-color: #e9711f;font-size: 20px;line-height: 65px;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;box-shadow:0 3px 7px rgba(183,193,209,.35);}
}



/* 온라인 사전등록 >  사전등록 조회 */
/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.registSearch {padding: 15px;}

div.registNote {margin: 0 15px;padding: 15px;border: 1px solid #d8e3e9;background-color: #f7fcff;}
div.registSearch div.registNote {margin: 0 0 15px;}
div.registNote > div.limitDate {padding-bottom: 10px;color: #063782;font-size: 16px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}
div.registNote > div.limitDate strong {color: #ea7026;}

div.registSearch div.formArea {padding: 0;}
div.registSearch div.btn {padding-top: 25px;text-align: center;}
div.registSearch div.btn > * {width: 200px;height: 55px;border-radius: 10px 0 10px;color: #fff;background-color: #1d87ca;border-color: #1d87ca;font-size: 18px;line-height: 55px;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;box-shadow:0 3px 7px rgba(183,193,209,.35);}

div.myRegist {padding: 15px;}
div.myRegist table.tblDef {margin-top: 10px;}
div.myRegist table.tblDef + table.tblDef {margin-top: 30px;}
div.myRegist table th,
div.myRegist table td {text-align: left;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.registSearch {width: 800px;margin: 0 auto;padding: 50px 0;}

div.registNote {margin-bottom: 60px;padding: 35px 20px 35px 215px;border: 1px solid #d8e3e9;background: #f7fcff url('image/registNote.png') 75px center no-repeat;}
div.registSearch div.registNote {padding-left: 175px;background-image: url('image/registSearch.png');background-position: 55px center;}
div.registNote > div.limitDate {padding-bottom: 10px;color: #063782;font-size: 25px;line-height: 35px;font-family: 'NotoSansKR Regular', sans-serif;}
div.registNote > div.limitDate strong {color: #ea7026;}

div.registSearch div.formArea {width: 500px;margin: 0 auto;}
div.registSearch div.btn {padding-top: 45px;text-align: center;}
div.registSearch div.btn > * {width: 200px;height: 65px;padding: 0;border-radius: 20px 0 20px;color: #fff;background-color: #1d87ca;border-color: #1d87ca;font-size: 20px;line-height: 65px;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;box-shadow:0 3px 7px rgba(183,193,209,.35);text-decoration: none;}

div.myRegist {}
div.myRegist table.tblDef {margin-top: 20px;}
div.myRegist table.tblDef + table.tblDef {margin-top: 50px;}
div.myRegist table td {text-align: left;}
}


/* 사전등록 환불신청 */
/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.note + div.refund {padding-top: 0;}

div.refund .withBtn {}
div.refund .withBtn input[type=text] {width: calc(100% - 189px);}

div.refund ul.option li {margin-top: 5px;}
div.refund ul.option li:first-child {margin-top: 0;}

div.refund ul.option label {width: 60px;}
div.refund ul.option input[type=text] {width: 246px;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.refund {margin-top: 50px;}
div.refund ul.option input[type=text] {width: 246px;}
}








/* ================================== 온라인 초록접수 ================================== */


/* 온라인 초록접수 >  정보입력 */
/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.abstract {display: none;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.abstract {display: block;}
div.abstract div.note {margin-bottom: 50px;text-align: center;}
div.abstract div.note > * {text-align: left;}
div.abstract dl.add {margin: 45px 0 15px;}

dl.add, dl.add dt, dl.add dd {margin: 0;padding: 0;}
dl.add {margin-top: 45px;padding: 10px 40px;border: 1px solid #265ec4;background-color: #f5f9ff;}
dl.add > *, dl.add select, dl.add a {display: inline-block;vertical-align: top;}
dl.add dt {padding-right: 20px;}
dl.add label {color: #265ec4;font-size: 18px;line-height: 35px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.add select {width: 80px;height: 35px;}
dl.add a {margin-left: 10px;width: 85px;font-size: 13px;line-height: 35px;text-decoration: none;color: #fff;background-color: #2e4986;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
dl.add a:before {display: inline-block;vertical-align: top;padding-right: 5px;content: "+";font-family: 'NotoSansKR DemiLight', sans-serif;}

dl.addItem > dt {text-align: left;font-size: 16px;}

}


/* 온라인 초록접수 >  초록접수 확인 및 수정 */
/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.abstractSearch {padding: 15px;}

div.abstractNote {margin: 0 15px;padding: 15px;border: 1px solid #d8e3e9;background-color: #f7fcff;}
div.abstractSearch div.abstractNote {margin: 0 0 15px;}

div.abstractSearch div.formArea {padding: 0;}
div.abstractSearch div.btn {padding-top: 25px;text-align: center;}
div.abstractSearch div.btn > * {width: 200px;height: 55px;border-radius: 10px 0 10px;color: #fff;background-color: #1d87ca;border-color: #1d87ca;font-size: 18px;line-height: 55px;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;box-shadow:0 3px 7px rgba(183,193,209,.35);}

div.myAbstract table.rwTbl {width: calc(100% - 30px);margin: 0 15px 15px;}
div.myAbstract table.rwTbl tr {position: relative;border-top: 1px solid #d0d7e2;}
div.myAbstract table.rwTbl tr:first-child {border-top: 0 none;}

div.myAbstract table.rwTbl td {float: left;}
div.myAbstract table.rwTbl td.al {clear: both;width: 100%;}
div.myAbstract table.rwTbl td.al + td {position: absolute;right: 80px;top: 0;width: 60px;}

div.myAbstract table.rwTbl td:last-child {position: absolute;right: 0;top: 0;width: 60px;}
div.myAbstract table.rwTbl a.preview {display: block;}
div.myAbstract table.rwTbl a.modify,
div.myAbstract table.rwTbl a.del {display: none;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.abstractSearch {padding: 50px 0;}

div.abstractNote {margin-bottom: 60px;padding: 35px 20px 35px 215px;border: 1px solid #d8e3e9;background: #f7fcff url('image/abstractNotev.png') 75px center no-repeat;}
div.abstractSearch div.abstractNote {padding-left: 175px;background-image: url('image/registSearch.png');background-position: 55px center;}

div.abstractSearch div.formArea {width: 500px;margin: 0 auto;}
div.abstractSearch div.btn {padding-top: 45px;text-align: center;}
div.abstractSearch div.btn > * {width: 200px;height: 65px;padding: 0;border-radius: 20px 0 20px;color: #fff;background-color: #1d87ca;border-color: #1d87ca;font-size: 20px;line-height: 65px;font-family: 'NotoSansKR Bold', sans-serif;text-decoration: none;box-shadow:0 3px 7px rgba(183,193,209,.35);text-decoration: none;}

div.myAbstract {}
div.myAbstract div.btn {padding-bottom: 20px;}
div.myAbstract a.preview {display: block;margin-bottom: 6px;}
div.myAbstract a.modify {float: left;width: calc(50% - 3px);}
div.myAbstract a.del {float: right;width: calc(50% - 3px);}
}




/* 사전등록 안내 / 초록접수 안내 */

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.limit	{padding: 15px 0;margin: 0 15px;border: 1px solid #d8e3e9;background-color: #f7fcff;text-align: center;color: #063782;font-size: 16px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}
div.limit img {display: none;}
div.limit > span span {display: block;font-size: .8em;}
div.limit strong {display: inline-block;padding-right: 5px;vertical-align: top;color: #ea7026;}

div.txtCon {padding:15px;}
div.txtCon table.tblDef {margin-top: 15px;}

div.imgArea {padding-top: 15px;}
div.imgArea img {display: block;margin: 0 auto;border: 1px solid #d7d7d7;}

dl.contact, dl.contact dt, dl.contact dd {margin: 0;padding: 0;}
dl.contact {margin: 15px auto 0;padding: 15px;border: 2px solid #e5e5e5;}
dl.contact > dt {padding-bottom: 10px;color: #265ec4;font-size: 25px;line-height: 66px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.contact > dt img {display: inline-block;height: 66px;padding-right: 10px;vertical-align: top;}
dl.contact > dd {color: #3f3f3f;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR DemiLight', sans-serif;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.limit	{padding: 20px 0;border: 1px solid #d8e3e9;background-color: #f7fcff;text-align: center;}
div.limit > span {position: relative;display: inline-block;padding:32px 0 32px 110px;vertical-align: middle;color: #063782;font-size: 25px;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}
div.limit img {position: absolute;left: 0;top: 50%;margin-top: -44px;}
div.limit > span span {display: block;font-size: 18px;text-align: left;}
div.limit strong {color: #ea7026;}

div.txtCon {padding:50px 0 0 30px;}
div.txtCon > * {margin-top: 30px;}
div.txtCon .subTit {margin:60px 0 0 -30px;}
div.txtCon .subTit:first-child {margin-top: 0;}
div.txtCon .subTit + * {margin-top: 10px;}

div.imgArea {}
div.imgArea img {display: block;margin: 0 auto;border: 1px solid #d7d7d7;}

dl.contact, dl.contact dt, dl.contact dd {margin: 0;padding: 0;}
dl.contact {width: 800px;margin: 50px auto 0;padding: 80px 0 60px;border: 2px solid #e5e5e5;text-align: center;}
dl.contact > dt {padding-bottom: 25px;color: #265ec4;font-size: 35px;line-height: 45px;font-family: 'NotoSansKR Bold', sans-serif;}
dl.contact > dt img {display: block;margin: 0 auto 15px;}
dl.contact > dd {color: #3f3f3f;font-size: 20px;line-height: 40px;font-family: 'NotoSansKR DemiLight', sans-serif;}
}




/* Program at a Glance */
div.program {}
div.program h3 {text-align: center;margin: 0;color: #723b86;font-family: 'NotoSansKR Bold', sans-serif;}

table.program {border-top: 1px solid #ccc;}
table.program > * > tr > * {padding: 10px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;color: #000;font-family: 'NotoSansKR DemiLight', sans-serif;}
table.program > * > tr > th {background-color: #48537d;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}

table.program .time {border-left: 0 none;}
table.program td.time {background-color: #f1f2f8;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.program {padding: 15px;}
div.program h3 {padding: 0 0 15px;font-size: 18px;}

table.program {width: 1000px;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.program h3 {padding: 30px 0;font-size: 25px;}
table.program > * > tr > * {font-size: 14px;line-height: 20px;}
}


/* Poster Presentaition 21-11-29*/
div.poster tr.chief > td {background-color:#e6e6e6;}
div.poster td:nth-child(2) {text-align: left;}

@media (max-width: 960px) {
div.poster {padding: 15px;}

table.poster {width: 1000px;}
}

/* 검색 영역 */
div.searchArea {background-color: #f1f5f8;}

div.searchArea input[type=text],
div.searchArea input[type=submit],
div.searchArea input[type=reset] {font-family: 'NotoSansKR Bold', sans-serif;box-sizing:border-box;color: #fff;}

div.searchArea input[type=text] {border: 1px solid #c7ced4;background-color: #fff;color: #2e2e2e;font-family: 'NotoSansKR Medium', sans-serif;text-align: left;}
div.searchArea input[type=submit] {border-color: #16abe9;background-color: #16abe9;}
div.searchArea input[type=reset] {border-color: #22586f;background-color: #22586f;}


/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.searchArea {margin:0 20px 20px;padding: 15px;}
div.searchArea input[type=text],
div.searchArea input[type=submit],
div.searchArea input[type=reset] {width: calc(50% - 5px);display: block;height: 40px;margin-top: 5px;font-size: 14px;line-height: 30px;}
div.searchArea input[type=text] {width: 100%;padding: 0 10px;margin-top: 0;}
div.searchArea input[type=submit] {float: left;}
div.searchArea input[type=reset] {float: right;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.searchArea {margin-bottom: 20px;padding: 25px 0;text-align: center;font-size: 0;line-height: 0;}
div.searchArea input[type=text],
div.searchArea input[type=submit],
div.searchArea input[type=reset] {display: inline-block;vertical-align: top;height: 50px;margin-left: 15px;font-size: 14px;line-height: 30px;}
div.searchArea input[type=text] {width: 770px;padding: 0 20px;margin-left: 0;}
div.searchArea input[type=submit] {width: 90px;}
div.searchArea input[type=reset] {width: 155px;}
}




/* Daily Program */
ul.roomMenu, ul.roomMenu li, ul.roomMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.roomMenu {overflow: hidden;}

ul.roomMenu > li {float: left;border: 1px solid #d8e3e9;border-left: 0 none;box-sizing:border-box;color: #fff;}
ul.roomMenu a {display: table-cell;vertical-align: middle;text-align: center;text-align: center;color: #a3acb5;}
ul.roomMenu .on {border-color: #8b9397 !important;background-color: #8b9397;}
ul.roomMenu .on a {color: #fff;}

div.room table.tblDef {border-top: 1px solid #dcdcdc;}
div.room table.tblDef th{border-bottom: 0; color:#fff; font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
div.room table.tblDef strong {display: block;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}
div.room table.tblDef td {text-align: left;color: #2e2e2e;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
div.room table.tblDef td.time {background-color: #f3f3f3;text-align: center;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;}

table.daily {width: 100%; margin-top: 25px; border-collapse:collapse;}
table.daily tr > * {text-align: left;border-top: 1px solid #d8e3e9; color: #2e2e2e;vertical-align: middle; padding: 10px;font-family: 'NotoSansKR Regular', sans-serif;}
table.daily th.time {font-family: 'NotoSansKR Medium', sans-serif;}
table.daily th.time  strong {font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}

table.daily td.room {position: relative; color: #fff; font-weight: bold;text-align: center;background-color: #1f8f93;}

table.daily td strong {font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}

table.daily td.moderator {padding: 10px; color: #525252; text-align: left;font-size: 15px;line-height: 40px;font-family: 'NotoSansKR Regular', sans-serif;}
table.daily td.moderator strong {display:inline-block;}

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

ul.roomMenu {margin: 0 20px 15px;}
ul.roomMenu > li {width: 33.3%;}
ul.roomMenu > li:nth-child(3n+1) {width: 33.4%;border-top: 0 none;border-left: 1px solid #d8e3e9;}
ul.roomMenu > li:nth-child(-n+3) {border-top: 1px solid #d8e3e9;}
ul.roomMenu a {width: 600px;height: 53px;font-size: 13px;line-height: 16px;}

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

div.room > table {width:1000px !important;margin-top: 0 !important;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
ul.roomMenu > li {width: 200px;}
ul.roomMenu > li:first-child {border-left: 1px solid #d8e3e9;}
ul.roomMenu a {width: 200px;height: 83px;font-size: 15px;line-height: 20px;}

div.room {margin-top: 20px;}
table.daily th.time {font-size: 16px;line-height: 30px;}
table.daily th.time span.info {float: right;}
}



/* 인사말 */
div.message {color: #5b5b5b;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.message:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.message p {margin: 0;}
div.message p:first-child {margin-top: 0;}
div.message .sign {
	text-align: right;
}
div.message .sign-con {
	display: inline-flex;
	align-items: center;
}
/* div.message p.sign {position: relative;float: right;color: #393939;text-align: right;}
div.message p.sign img {display: inline-block;vertical-align: top;}
div.message p.sign img:first-child {position: absolute;left: 0;bottom: 0;} */

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.message {padding: 15px;}
div.message p {margin-top: 20px;}

div.message .sign {
	margin-top: 100px;
	font-size: 15px;
	line-height: 30px;
}
div.message .sign > img {
	height: 120px;
	margin-bottom: 15px;
}
div.message .img-sign {height: 30px;}

/* div.message p.sign {margin-top: 100px;padding:0 0 15px 120px;font-size: 18px;line-height: 25px;}
div.message img.sign {height: 25px;} */
}

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

div.message {font-size: 17px;line-height: 30px;}
div.message p {margin-top: 30px;}

div.message .sign {
	margin-top: 150px;
	font-size: 20px;
	line-height: 45px;
}
div.message .sign > img {
	margin-bottom: 25px;
}
div.message .img-sign {
	height: 45px;
}
/* div.message p.sign {margin-top: 150px;padding:0 0 15px 120px;font-size: 20px;line-height: 42px;} */
}


/* 행사장 안내 */
div.venue ul.tabMenu {}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.venue ul.tabMenu {padding: 0 15px 15px;}
div.venue ul.tabMenu li {float: left;width: 33.3%;}
div.venue ul.tabMenu li:nth-child(3n+1) {clear: both;width: 33.4%;}
div.venue ul.tabMenu a {display: block;padding: 5px 0 6px;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;text-align: center;color: #7b7b7b;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
div.venue ul.tabMenu li:nth-child(-n+3) a {border-top: 1px solid #dcdcdc;}
div.venue ul.tabMenu li:nth-child(3n+1) a {border-left: 1px solid #dcdcdc;}
div.venue ul.tabMenu .on a {border-color: #da4d8c !important;background-color: #da4d8c;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}

div.venue {padding-bottom: 15px;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.venue ul.tabMenu {margin-bottom: 30px;}
div.venue ul.tabMenu > li {position: relative;float: left;padding: 0 15px;}
div.venue ul.tabMenu > li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #cbcbcb;}
div.venue ul.tabMenu > li:first-child:before {display: none;}
div.venue ul.tabMenu a {color: #707070;font-size: 17px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}
div.venue ul.tabMenu .on a {color: #da4d8c; font-family: 'NotoSansKR Bold', sans-serif;}
}


/* 프로그램 Wing Banner 추가 */
div.wingBanner ul.listBl li:before {background-color: #000 !important;}
div.wingBanner ul.sponList {margin: 0; padding: 0; list-style: none;}


/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
	div.wingBanner {margin-top: 15px; padding: 15px; background: url('image/wingBanner_bg_m.png') no-repeat left top; background-size:cover; box-sizing:border-box;}
	div.wingBanner h4 {color: #000; font-size:19px; line-height: 24px; margin-bottom: 15px; text-align: center; font-family: 'NotoSansKR Bold', sans-serif;}
	div.wingBanner ul.listBl li {margin-top: 15px; padding-left: 13px; font-size:14px; line-height: 16px; font-family:'NotoSansKR DemiLight',sans-serif; color: #000;}
	div.wingBanner ul.listBl li:first-child {margin-top: 0;}
	div.wingBanner ul.listBl li:before {top: 7px; width: 3px; height: 3px;}
	div.wingBanner ul.sponList {margin-top: 15px; font-size:0; line-height: 0;} 
	div.wingBanner ul.sponList li {display: inline-block; width: calc(50% - 10px); margin-left: 20px;}
	div.wingBanner ul.sponList li:first-child {margin-left: 0;}
	div.wingBanner ul.sponList li strong {display: block; font-weight: normal; font-size:14px; line-height: 20px; font-family: 'NotoSansKR Medium', sans-serif; color: #000; margin-bottom: 5px;}
	div.wingBanner ul.sponList li img {vertical-align: top;}

	div.layerPopup {display: none;z-index: 250;position: fixed;left: 0;top: 0;overflow: auto;width: 100%;height: 100%; background-color: rgba(0,0,0,.7);font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
	div.popupWrap {position: absolute;left: 10px; top: 50%; width: calc(100% - 20px); }
	div.popupWrap .close {position: absolute;right:15px;top: 10px;width: 20px;height: 20px;margin: 0;padding: 0;}
	div.popupWrap .close a {display: block;height: 100%;cursor: pointer;}
	div.popupWrap .close img {display: block;margin: 0 auto;height: 20px;}
	div.layerPopup > div.popupWrap {position: absolute !important;left: 50%;top: 50%;transform:translate(-50%, -50%);background-color: #fff;box-sizing:border-box;}
	div.popupWrap h1 {padding: 10px 20px 10px 20px;margin: 0;background-color:#3e4b99;color: #fff;font-size: 18px;line-height: 20px;text-align: center;font-family: 'Roboto-Medium', 'NotoSansKR Bold',  sans-serif;font-weight: normal;}
	div.popupCon {padding: 20px;}

	div#popDaewoong p.img {margin-top: 15px;}
	div#popDaewoong p.img img {display: block; margin: 0 auto;}

	div#popCkd p.img {margin-top: 15px;}
	div#popCkd p.img img {display: block; margin: 0 auto;}
	div#popCkd table {margin-top: 5px;}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
	div.wingBanner {position: absolute; left: 50%; top: 0; width: 270px; height: 583px; padding:25px 18px; margin-left: 635px; background: url('image/wingBanner_bg.png') no-repeat left top; box-sizing:border-box;}
	div.wingBanner h4 {color: #000; font-size:19px; line-height: 24px; margin-bottom: 15px; text-align: center; font-family: 'NotoSansKR Bold', sans-serif;}
	div.wingBanner ul.listBl li {margin-top: 10px; padding-left: 13px; font-size:14px; line-height: 16px; font-family:'NotoSansKR DemiLight',sans-serif; color: #000;}
	div.wingBanner ul.listBl li:before {top: 7px; width: 3px; height: 3px;}
	div.wingBanner ul.sponList {margin-top: 20px;} 
	div.wingBanner ul.sponList li {margin-top: 10px;}
	div.wingBanner ul.sponList li:first-child {margin-top: 0;}

	div.wingBanner ul.sponList li strong {font-weight: normal; font-size:14px; line-height: 20px; font-family: 'NotoSansKR Medium', sans-serif; color: #000; margin-bottom: 5px;}

	/* 레이어 팝업  공통*/
	div.layerPopup {display: none;z-index: 250;position: fixed;left: 0;top: 0;overflow: auto;width: 100%;height: 100%;min-width: 1200px;background-color: rgba(0,0,0,.7);font-family: 'Roboto-Regular', 'NotoSansKR Regular', sans-serif;}
	div.popupWrap .close {position: absolute;right:30px;top: 20px;width: 30px;height: 30px;margin: 0;padding: 0;}
	div.popupWrap .close a {display: block;height: 100%;cursor: pointer;}
	div.popupWrap .close img {display: block;margin: 0 auto;height: 30px;}
	div.layerPopup > div.popupWrap {position: absolute !important;left: 50%;top: 50%;transform:translate(-50%, -50%);background-color: #fff;box-sizing:border-box;}
	div.popupWrap {}
	div.popupWrap h1 {padding: 10px 80px 10px 80px;margin: 0;background-color:#3e4b99;color: #fff;font-size: 26px;line-height: 50px;text-align: center;font-family: 'Roboto-Medium', 'NotoSansKR Bold',  sans-serif;font-weight: normal;}
	div.popupCon {padding: 20px;}
	
	/* 다이찌산쿄 / 대웅제약 */
	div#popDaewoong div.popupWrap {width: 605px; height: 330px;}
	div#popDaewoon div.popupCon {padding: 25px 20px 29px;}
	div#popDaewoong ul.listBar {margin: 0; padding: 0; list-style: none;}	
	div#popDaewoong ul.listBar li {margin-top: 3px; font-size:15px; line-height: 24px; color: #000;}
	div#popDaewoong ul.listBar li:before {width: 5px; height: 2px; background-color: #000; content:''; top: 12px;}
	div#popDaewoong ul.listBar li:first-child {margin-top: 0;}
	div#popDaewoong ul.listBar li span, div#popDaewoong ul.listBar li a {color: #51a0e3;}
	div#popDaewoong ul.listBar li a {text-decoration: underline;}
	div#popDaewoong ul.listBar li strong {font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; }
	div#popDaewoong p.img {margin-top: 30px;}
	div#popDaewoong p.img img {display: block; margin: 0 auto;}

	/* 다이찌산쿄 / 대웅제약 */
	div#popCkd div.popupWrap {width: 850px; height: auto;}
	div#popCkd div.popupCon {padding: 25px 20px 29px;}
	div#popCkd ul.listBar {margin: 0; padding: 0; list-style: none;}	
	div#popCkd ul.listBar li {margin-top: 3px; font-size:15px; line-height: 24px; color: #000;}
	div#popCkd ul.listBar li:before {width: 5px; height: 2px; background-color: #000; content:''; top: 12px;}
	div#popCkd ul.listBar li:first-child {margin-top: 0;}
	div#popCkd ul.listBar li span, div#popDaewoong ul.listBar li a {color: #51a0e3;}
	div#popCkd ul.listBar li a {text-decoration: underline;}
	div#popCkd ul.listBar li strong {font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; }
	div#popCkd p.img {margin-top: 30px;}
	div#popCkd p.img img {display: block; margin: 0 auto;}
	div#popCkd table {margin-top: 5px;}
}

/* 숙박안내 */
div.hotel {}
div.hotel .bigTxt {color: #1e2c59;font-family: 'NotoSansKR Bold', sans-serif;}

div.hotel h3.subTit {margin: 50px 0 20px;padding: 0 0 0 30px;color: #265ec4;font-size: 22px;line-height: 22px;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;word-break:keep-all;background: url('image/subTit.png') 0 5px no-repeat;}
div.hotel h3 img {display: inline-block;vertical-align: top;padding-left: 15px;}
div.hotel h3 img + img {padding-left: 2px;}

dl.hotel, dl.hotel dt, dl.hotel dd, dl.hotel ul, dl.hotel li {margin: 0;padding: 0;list-style: none;}
dl.hotel dt {color: #1e2c59;font-family: 'NotoSansKR Bold', sans-serif;}

dl.hotel li img {display: inline-block;vertical-align: top;padding-right: 5px;}


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

p.hotelNotice {padding:20px;background-color:#f7fcff;border:1px solid #d8e3e9;font-size:15px;}

div.hotel {padding:10px;}
div.hotel h3.subTit {font-size:16px;line-height:18px;padding: 0 0 0 22px;background: url('image/subTit.png') 0 2px no-repeat;}
div.hotel h3 img {height:16px;padding-left: 10px;}

dl.hotel + dl.hotel {margin-top: 20px;}
dl.hotel > dt {padding-bottom: 5px;font-size: 20px;}
dl.hotel > dt img {display: block;width: 100%;padding-bottom: 15px;}

div.hotelBtn {font-size:15px; text-align:center;width:365px;background-color:#156dda;color:#fff;line-height:50px; border-radius:18px 0 18px 0;}
div.hotelBtn2 {font-size:15px; text-align:center;width:365px;background-color:#156dda;color:#fff;line-height:50px; border-radius:18px 0 18px 0;}


div.hotelEnd {line-height:45px; text-align:center; width:200px; background-color: #b32949; border-radius:10px; font-size:15px; color: white;} 

dl.hotel li {text-align:center;}

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

p.hotelNotice {padding:20px;background-color:#f7fcff;border:1px solid #d8e3e9;text-align:center;font-size:18px;}

dl.hotel {position: relative;height: 310px;margin-top: 30px;padding:170px 0 0 705px;box-sizing: border-box;}
dl.hotel > dt {padding-bottom: 5px;font-size: 20px;}
dl.hotel > dt img {position: absolute;left: 20px;top: 0;}

div.hotelBtn{font-size:15px; text-align:center;width:400px;background-color:#156dda;color:#fff;line-height:50px; margin:60px 0 0 45px ;border-radius:18px 0 18px 0;}
div.hotelBtn2{font-size:15px; text-align:center;width:400px;background-color:#156dda;color:#fff;line-height:50px; margin:5px 0 0 45px ;border-radius:18px 0 18px 0;}

div.hotelEnd {line-height:45px; text-align:center; width:200px; background-color: #b32949;border-radius:10px;font-size:15px;margin-top:15px;font-weight :400; color: white; margin-left: 143px;} 

}

/* room tab menu style 수정 - 25.02.03 mj.park */
ul.roomMenu{
	display: flex;
}
ul.roomMenu > li{
	display: block;
	flex: 1;
}
ul.roomMenu > li > a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
}