@charset "utf-8";
@import url('/css/font/NanumSquare.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');


/* 기본 스타일 */
body,
input[type='text'],
input[type='password'],
input[type='cancel'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family: '맑은고딕', 'Malgun Gothic', sans-serif;color:#141414; font-size:14px; line-height:1.5; font-weight:normal; text-align:justify; word-break:normal;}


.ffNoto {font-family: 'Noto Sans KR', sans-serif;}

.ing {text-align: center;}
.fcPoint {color: #157bcb !important;}

/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
.pcOnly {display: block !important;}
th.pcOnly, td.pcOnly {display: table-cell !important;}
.mobileOnly, .pcOnlyNote {display: none !important;}


.ing {padding: 100px 0;}
}



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

.mobileOnly, .pcOnlyNote {display: block !important;}

.ing, .pcOnlyNote {margin:30px 10px;padding: 30px 20px;text-align: center;}
.ing img {width: 192px;}

.pcOnlyNote {font-family: 'NanumSquareR', sans-serif;color: #000;font-weight: bold;font-size: 18px;}
.pcOnlyNote img {display: block;width: 85px;margin: 0 auto 20px;}

img {max-width:100%;}
input[type='text'],
input[type='password'],
input[type='cancel'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {-webkit-appearance:none;}
}





div.formArea input[type=text],
div.formArea input[type=password],
div.formArea input[type=file]{height: 24px;padding:3px 10px}

div.formArea select {height: 32px;}
div.formArea textarea {width: 100%;height: 140px;padding: 5px;box-sizing:border-box;}
div.formArea td textarea {width: 90%;}
div.formArea span.note {color: #c00;}


.btnArea {padding: 40px 0;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:33px;padding:0 10px 2px;font-size:14px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;}

.btn a {height:19px;line-height:19px;padding:5px 10px 7px;}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;}

/* 파란색 */							.btnDef {background-color:#157bcb !important;border-color:#157bcb !important;color:#fff !important;}
/* 민트색 */							.btnPoint {background-color:#15ced3 !important;border-color:#15ced3 !important;color:#fff !important;}
/* 회색 */								.btnGrey {background-color:#939393 !important;border-color:#939393 !important;color:#fff !important;}
/* 검은색 */							.btnBlack {background-color:#333 !important;border-color:#333 !important;color:#fff !important;}



/* border+ 파란색 */				.btnBdDef {background-color:#fff !important;border-color:#157bcb !important;color:#157bcb !important;}
/* border+ 민트색 */				.btnBdPoint {background-color:#fff !important;border-color:#15ced3 !important;color:#15ced3 !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#f6f6f6 !important;border-color:#b7b7b7 !important;color:#252525 !important;}


.btn .btnImg {padding: 0;border: 0 none;}


.btn .btnArr {position: relative;padding-right: 35px !important;}
.btn .btnArr:after {position: absolute;right: 15px;top: 50%;margin-top: -0.5em;line-height: 1em;content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 900;}
.btn .btnBig.btnArr {padding-right: 70px !important;}
.btn .btnBig.btnArr:after {right: 35px;}

.btn .btnDown {background-color:#207245 !important;border-color:#207245 !important;color:#fff !important;}

.btn .btnIcon {position: relative;width: 40px;height:32px;padding: 0;border: 0 none;text-indent: -10000px;vertical-align: top;}
.btn .btnIcon:before {position: absolute;left: 0;top: 0;width: 100%;text-align: center;color: #fff;font-family: "Font Awesome 5 Free";font-weight: 900;text-indent: 0;line-height: 1em;}
.btn .calendar:before {content: "\f073";}
.btn .clock:before {content: "\f017";}

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

.btn .btnSmall {font-size: 12px;height: 25px;padding:0 16px;border-radius:1px;vertical-align:top;}
.btn a.btnSmall {height:18px;padding: 5px 16px 0;line-height: 13px;}

.btn .btnSmall2 {font-size: 12px;height: 28px;padding:0 16px;border-radius:4px;vertical-align:top;margin-left:3px;}
.btn a.btnSmall2 {height:18px;padding: 4px 16px 1px;line-height: 13px;}


.btn .btnBig {font-size: 18px;height: 50px;padding:0 30px 6px;text-align: center;}
.btn a.btnBig {height: auto;padding: 12px 30px 17px;}


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


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

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

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}


a.trigger {position: relative;}
a.trigger i {position: absolute;right: 10px;top: 50%;margin-top: -0.5em;}


dl.inputArea {border-top: 2px solid #000;}
dl.inputArea > dt, dl.inputArea > dd {padding:10px;}

dl.inputArea > dt {color: #000;font-weight: bold;}
dl.inputArea > dd {padding-top: 0;border-bottom: 1px solid #ddd;}
dl.inputArea > dd.bdNone {padding-bottom: 0;border-bottom: 0 none;}
dl.inputArea > dd label, dl.inputArea > dd span {line-height: 40px;}
dl.inputArea > dd input[type=text],
dl.inputArea > dd input[type=password],
dl.inputArea > dd select {width: 100%;box-sizing:border-box;}

dl.inputArea > dd input[type=radio],
dl.inputArea > dd input[type=checkbox] {margin: 16px 5px 0 20px;}

dl.inputArea > dd input[type=radio]:first-child,
dl.inputArea > dd input[type=checkbox]:first-child {margin-left:0;}

dl.inputArea > dd.multi {overflow: hidden;}
dl.inputArea > dd.multi > * {float: left;margin-left: 5px;}
dl.inputArea > dd.multi > *:first-child,
div.formArea .clear {margin-left: 0 !important;}

dl.inputArea > dd.address {}
dl.inputArea > dd.address input[type=text] {margin-top: 10px;}
dl.inputArea > dd.address input[type=text]:first-child {width: 100px;margin-top: 0;}

dl.inputArea .total {background-color: #f8f8f8;}
dl.inputArea > dd.total {padding: 0 10px 3px;font-weight: bold;text-align: right;font-size: 1.2em;}

dl.inputArea > dd.withBtn,
dl.inputArea .daySelect {position: relative;box-sizing:border-box;}
dl.inputArea > dd.withBtn .btn {position: absolute;right: 10px;top: 0;}
dl.inputArea > dd.withBtn .btn * {width: 100%;padding: 0;border: 0 none;text-align: center;}
dl.inputArea .daySelect .btn * {height: 100%;}


.daySelect .btn {position: absolute;right: 0;top: 0;}
.daySelect .btn * {width: 100%;padding: 0;border: 0 none;text-align: center;}

dl.inputArea > dd.wire {overflow: hidden;padding-top: 0;}
dl.inputArea > dd.wire > * {float: left;width: 50% !important;}
dl.inputArea > dd.wire .daySelect {padding-left: 10px;}


/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.formArea input[type=text],
div.formArea input[type=password],
div.formArea input[type=file]{width:250px;}


table.inputTbl td.address input[type=text].clear {width: 200px;}


dl.inputArea {font-size: 18px;}
dl.inputArea > dt {}

dl.inputArea > dd {padding-top: 0;}
dl.inputArea > dd input[type=text],
dl.inputArea > dd input[type=password],
dl.inputArea > dd select {height: 40px;}


dl.inputArea > dd.withBtn {padding-right: 115px;}
dl.inputArea > dd.withBtn .btn {width: 115px;}
dl.inputArea > dd.withBtn .btn a {padding: 10px 0 11px;}
dl.inputArea > dd.address .btn a {padding: 9px 10px 10px;}

dl.inputArea .daySelect {padding-right: 40px;}
dl.inputArea .btn .calendar:before {padding: 10px 0;}

.daySelect .btn {width: 40px;height: 100%;}

.btn .calendar:before,
.btn .clock:before {padding: 6px 0;font-size: 20px;}

div.formArea .btnBig {min-width:142px;}
div.formArea a.btnBig {min-width:80px;}
}



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

.btn .btnBig {min-width: 40%;height: 50px;padding:0 20px 6px;box-sizing:border-box;}
.btn a.btnBig {padding: 12px 20px 17px;}

div.formArea input[type=text],
div.formArea input[type=password],
div.formArea input[type=file]{width:100%;box-sizing:border-box;}


dl.inputArea > dt {padding-bottom: 5px;}

dl.inputArea > dd input[type=text],
dl.inputArea > dd input[type=password],
dl.inputArea > dd select {height: 35px;}

dl.inputArea > dd.withBtn {padding-right: 100px;}
dl.inputArea > dd.withBtn .btn {width: 100px;}
dl.inputArea > dd.withBtn .btn a,
dl.inputArea > dd.address .btn a {height: 35px;padding: 7px 10px 9px;box-sizing:border-box;}

dl.inputArea .daySelect {padding-right: 50px;}
dl.inputArea .daySelect .btn {width: 50px;}


.daySelect .btn {width: 30px;height: 100%;}
.btn .calendar:before,
.btn .clock:before {padding: 8px 0 7px;font-size: 20px;}

.btnArea {padding-bottom: 20px;}
}




/* 테이블 디자인 */
table.tblDef {border-top:2px solid #157bcb;border-right: 1px solid #dedede;}
table.tblDef.bdTop {border-top: 1px solid #dedede;}
table.tblDef > * > tr > * {border-left: 1px solid #dedede;border-bottom: 1px solid #dedede;color: #4e4e4e;text-align: center;}
table.tblDef > thead > tr:first-child > * {border-top: 0 none;}


table.tblDef > * > tr > th {background-color: #ebf3ee;color: #111;text-align: center;}

table.tblDef > thead > tr > th,
table.tblDef .bg {background-color: #157bcb;color: #fff;text-align: center;}

table.tblDef .al {padding-left: 10px;text-align: left !important;}
table.tblDef .bdLeft {border-left:1px solid #dcdcdc !important;}

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

table.inputTbl {border-top-color: #202121;border-left: 0 none;}
table.inputTbl > * > tr > th,
table.inputTbl .bg {background-color: #fafafa;color: #393939;}
table.inputTbl > * > tr > td {padding: 10px;}



/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
table.tblDef > * > tr > * {padding:10px;}
}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.tblDef > * > tr > * {padding:5px;}

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 th,
table.rwTbl td {padding:5px 10px;box-sizing:border-box;}

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.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 {overflow:hidden;border-top:1px solid #5c9d7b;}
table.inputTbl.rwTbl tbody tr,
table.inputTbl.rwThead tbody tr {border-top-color:#dedede;}
table.rwTbl > tbody > tr:first-child,
table.rwThead > tbody > tr:first-child {border-top:0 none;}

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:#6460ac;color:#fff;}

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

div.tableScroll p.note {padding-top: 5px;line-height: 1.2;font-size: 0.9em;font-style: italic;color: #000;}
}




/* 레이아웃 */
div.wrapper {position: relative;overflow: hidden;}
div#headerWrap {position: relative;}
div#headerWrap h1 {position: absolute;}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;width: 100%;height: 100%;}

dl#gnb {z-index: 50;position: absolute;left: 0;bottom: 0;width: 100%;height: 55px;background-color: #707683;}
dl#gnb, dl#gnb a {display: block;color: #fff;text-decoration: none;}

dl.workshopInfo {text-indent: -10000px;background-position: center top;background-repeat: no-repeat;}
dl.workshopInfo dt {}
dl.workshopInfo br {display: none;}

div#footerWrap {border-top: 1px solid #d2d2d2;}
div#footerWrap, div#footerWrap a {color: #707683;text-decoration: none;}



div#container {}
div#container  > div {color: #000;font-size: 15px;line-height: 1.5;}

.pageTit {margin:0;border-bottom: 1px solid #d6d6d6;background: url('../image/pageTit.png') 0 9px no-repeat;color: #157bcb;font-weight: bold;}

.subTit {margin: 30px 0 10px;padding:0 0 0 15px;color: #157bcb;font-weight: bold;font-size: 18px;line-height: 20px;background: url('../image/subTit.png') 0 6px no-repeat;}

.pointTit {margin: 30px 0 10px;padding:0;color: #157bcb;font-weight: bold;font-size: 18px;line-height: 20px;}

a.conLink {color: #0024ff !important;}

ul.listBl > li, .bl_dot,
ul.listBl_bar > li, .bl_bar,
ul.listBl_star > li, .bl_star {position: relative;padding-left: 1em;}
ul.listBl > li:before, .bl_dot:before, 
ul.listBl_bar > li:before, .bl_bar:before, 
ul.listBl_star > li:before, .bl_star:before {position: absolute;left: 0;top: 0;}

ul.listBl > li:before, .bl_dot:before {content: "·";font-weight: bold;}
ul.listBl_bar > li:before, .bl_bar:before {content: "-";}
ul.listBl_star > li:before, .bl_star:before {content: "*";}


ul.col2ea, ul.col3ea {overflow: hidden;}
ul.col2ea > li, ul.col3ea > li {float: left;}
ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.3%;}
ul.col3ea > li.wide {width: 100%;}


.bdArea {border: 1px solid #cde3f4;background-color: #f6fbff;}

/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.wrapper {min-width: 1000px;}
div#headerWrap {height: 340px;padding: 78px 0 55px;}
div#headerWrap h1 {left: 50%;top:14px;width: 234px;height: 50px;margin-left: -500px;}

dl#gnb > dd {width: 1000px;margin: 0 auto;}
dl#gnb ul {height: 55px;}
dl#gnb li {float: left;width: 167px;background: url('../image/gnb_bar.png') left center no-repeat;}
dl#gnb li:first-child {width: 165px;background: none;}

dl#gnb a {padding: 15px 0 16px;line-height: 24px;font-size: 17px;font-weight: bold;text-align: center;}
dl#gnb li.on {background-color: #15ced3;}

dl.workshopInfo, dl.workshopInfo dt {height: 340px;}
dl.workshopInfo {background-image: url('../image/workshopInfo_bg.jpg');}
dl.workshopInfo dt {width: 1000px;margin: 0 auto;background: url('../image/workshopInfo_txt.png') left center no-repeat;}

div#footerWrap > div {overflow: hidden;width: 1000px;margin: 0 auto;padding: 23px 0 25px;}
div#footerWrap p, div#footerWrap ul.footerUtil li {float: left;}
div#footerWrap ul {float: right;padding: 2px 0;}
div#footerWrap ul:first-child {float: left;}

div#footerWrap p {font-size: 15px;}
div#footerWrap ul.footerUtil li {font-size: 12px;}
div#footerWrap ul.footerUtil li:before {content: "|";padding:0 10px;}
div#footerWrap ul.footerUtil li:first-child:before {content: "";padding:0;}


div#container {width: 900px;margin: 50px auto;}

.pageTit {padding: 0 0 10px 30px;font-size: 25px;line-height: 35px;}

.bdArea {padding: 40px;}

}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {min-width:320px;font-size: 14px;line-height: 1.5;}
div#headerWrap {padding: 50px 0 40px;}
div#headerWrap h1 {left: 10px;top:11px;width: 135px;height: 28px;}

dl#gnb {height: 40px;}
dl#gnb a {font-weight: bold;}
dl#gnb > dt {padding:9px 40px 10px 20px;}
dl#gnb > dt a {overflow: hidden;position: absolute;right: 0;top: 0;width: 40px;height: 40px;}
dl#gnb > dt a:before {display: block;width: 100%;padding: 10px 0;text-indent: 0;font-size: 20px;line-height: 20px;text-align: center;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f142";}
dl#gnb > dd {display: none;position: absolute;right: 0;top: 0;padding:20px 60px 30px 30px;background-color: #15ced3;}
dl#gnb > dd li {margin-top: 20px;}

dl#gnb.view > dt a {z-index: 100;}
dl#gnb.view > dt a:before {content: "\f00d";}

dl.workshopInfo, dl.workshopInfo dt {}
dl.workshopInfo {border-top: 1px solid #e8e8e8;background-image: url('../image/workshopInfo_bg_m.jpg');background-size: 100%;}
dl.workshopInfo dt {text-indent: 0;}
dl.workshopInfo dd {height: 0;}

div#footerWrap {padding: 10px 0 12px;text-align: center;font-size: 12px;}

div#container {padding: 10px;}

.pageTit {padding: 0 0 10px 15px;font-size: 18px;line-height: 24px;background-size: 10px;}

.bdArea {padding: 10px;}
}



/* 워크샵 안내 */
div.wsInfo {}
div.wsInfo h3 {padding-bottom: 10px;font-weight: bold;color: #414141;}

div.wsInfo div.info {border: 1px solid #cde3f4;background-color: #f6fbff;}
div.wsInfo div.info h3, div.wsInfo div.info li span {color: #157bcb;}

div.wsInfo div.impoDates {}
div.wsInfo div.impoDates dl {position: relative;padding:7px 0 9px;background-color: #fff;color: #e6255b;font-size: 16px;}
div.wsInfo div.impoDates dt {position: absolute;left: 0;top: 0;width: 140px;padding: 7px 0 9px;text-align: center;background-color: #e6255b;color: #fff;}

div.wsInfo ul.registMenu {overflow: hidden;}
div.wsInfo ul.registMenu li {float: left;width: 50%;background-color: #157ccb;}
div.wsInfo ul.registMenu li:first-child {background-color: #0dccc5;}
div.wsInfo ul.registMenu a {display: block;}


/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
div#container.wsInfo {width: 1000px;}
div.wsInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}
div.wsInfo .pageTit {visibility: hidden;padding: 0;height: 0;line-height: 0;font-size: 0;}

div.wsInfo h3 {font-size: 25px;line-height: 35px;}
div.wsInfo div.info {float: left;width: 418px;height: 225px;padding: 30px 50px 33px;}
div.wsInfo div.info li {margin-top: 9px;}

div.wsInfo div.impoDates {float: right;width: 376px;height: 85px;padding:30px 32px 35px;background-color: #f9f9f9;}
div.wsInfo div.impoDates dl, div.wsInfo div.impoDates dt {border-radius:20px;}
div.wsInfo div.impoDates dl {padding-left:160px;}

div.wsInfo ul.registMenu {float: right;width: 440px;}
div.wsInfo ul.registMenu a {height: 140px;text-indent: -10000px;background: url('../image/infoBtn_registSearch.png') center center no-repeat;}
div.wsInfo ul.registMenu li:first-child a {background-image: url('../image/infoBtn_regist.png');}
}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wsInfo h3 {font-size: 18px;line-height: 25px;}

div.wsInfo div.info {padding: 10px;}

div.wsInfo div.impoDates h3 {display: none;}
div.wsInfo div.impoDates {margin: 10px 0;}
div.wsInfo div.impoDates dl, div.wsInfo div.impoDates dt {border-radius:10px;}
div.wsInfo div.impoDates dl {padding-left: 150px;border: 1px solid #d2d2d2;}
div.wsInfo ul.registMenu li:first-child a {background: url('../image/infoBtn_regist_bg_m.png') left bottom no-repeat;background-size: auto 100%;}
}



/* 인사말 */

div.message {}
div.message p {margin-top: 2em;}
div.message p.sign {margin-top: 4em;font-weight: bold;text-align: right;}




/* 프로그램 */
table.program {}
table.program td {text-align: left;}
table.program .sessionTit {background-color: #d2f2f3;color: #0b8b8e;font-weight: bold;}
table.program td.time {text-align: center;}

/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
table.program {margin-top: 20px;}
}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.program {margin-top: 10px;font-size: 0.9em;}
}




/* 사전등록 안내 */
div.info div.bdArea {text-align: left;}
div.info div.bdArea h3 {margin-top: 0;}
div.info div.bdArea dt, div.info div.bdArea p {margin-top: 1em;}

div.info table.tblDef th {background-color: #f3f3f3;color: #000;}

div.info .txtIn {padding-left: 20px;text-indent: -20px;}

/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.info ul.btn {padding: 40px 0;text-align: center;}
div.info ul.btn li {display: inline-block;margin-left: 20px;vertical-align: top;}
div.info ul.btn li:first-child {margin-left: 0;}
div.info ul.btn a {padding: 12px 30px 14px;font-size: 16px;}
div.info ul.btn a.btnArr {padding-right: 50px !important;}


}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.info ul.btn {overflow: hidden;padding: 10px 0;}
div.info ul.btn li {float: left;width: 50%;padding:0 0 0 5px;box-sizing:border-box;}
div.info ul.btn li:first-child {padding: 0 5px 0 0;}
/*
div.info ul.btn li:first-child {width: 28%;padding-left: 0;}
div.info ul.btn li:nth-child(2) {width: 40%;}
*/
div.info ul.btn a {display: block;text-align: center;font-size: 0.8em;letter-spacing:-1px;}
div.info ul.btn a {padding: 7px 10px 9px;}
div.info ul.btn a.btnArr {padding-right: 30px !important;}

}



/* 사전등록 */
div.regist {}

div.registCom,
div.registSearch {text-align: center;}
div.registCom h3,
div.registSearch > p {margin-top: 0;font-size: 22px;line-height: 1.2;}
div.registCom p {margin-top: 1.5em;}

div.registSearch > p {font-weight: bold;color: #000;}

div.registSearch div.formArea {position: relative;border: 1px solid #d6d6d6;}
div.registSearch dl {position: relative;}
div.registSearch dt {position: absolute;left: 0;top: 0;}
div.registSearch dd {margin-top: 10px;}
div.registSearch dd input {box-sizing:border-box;}
div.registSearch p.btn {position: absolute;}
div.registSearch p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;text-align: center;}

/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.regist {width: 700px;margin: 50px auto;}
div.registCom {width: 750px;margin: 50px auto;}
div.registSearch {width: 598px;margin: 100px auto;}

div.registSearch div.formArea {margin-top: 30px;padding:20px 165px 30px 30px;}
div.registSearch dl {padding-left: 110px;}
div.registSearch dt {width: 110px;line-height: 40px;}
div.registSearch dd input {width: 291px !important;height: 40px !important;}
div.registSearch p.btn {right: 30px;bottom: 30px;width: 125px;height: 90px;font-size: 20px;}
}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.registCom,
div.registSearch {padding: 10px;}

div.registSearch > p {font-size: 18px;}

div.registSearch div.formArea {margin-top: 10px;padding:10px 105px 10px 10px;}
div.registSearch dl {padding-left: 80px;}
div.registSearch dt {width: 80px;line-height: 35px;font-size: 0.8em;}
div.registSearch dd input {height: 35px !important;}
div.registSearch p.btn {right: 10px;bottom: 10px;width: 85px;height: 80px;}
}



/* 행사장 안내  */
div.venue {}
div.venue div.mapArea {text-align: center;border: 1px solid #d6d6d6;}
div.venue div.mapArea img {max-width:100%}
div.venue p.bl_star {margin-top: 10px;}

/*  PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.venue {margin: 50px auto;}
}



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