@charset "utf-8";
/* CSS Document */

.smallTxt{font-size:0.9rem; padding:5px 0;}
.mColor{color:#31357b;}

.moShow{display:none;}
.pcShow{display:block;}

.pcBr01{display:block;}

.txtRed{color:#C50408;}
.udLine{border-bottom:1px solid #333;}
.txtBold{font-weight:bold;}

.taleft{text-align:left;}
.taCenter{text-align:center;}
.taRight{text-align:right;}


.flex{display:flex; justify-content: space-between; flex-wrap:wrap;}


#subTopWrap{width:100%; height:200px; background:url(../images/sub/subTopBg.jpg) no-repeat center top; background-attachment:fixed; text-align:center;margin-top:140px; position:relative; }
#subTopWrap .subTopBoxWrap{width:96%; max-width:1200px; height:100%; display:inline-block; position:relative;}
#subTopWrap .subTopBoxWrap .subTopTit{position:absolute; top:50%; left:50%; color:#ffffff; transform:translate(-50%,-50%); min-width:80%;}
#subTopWrap .subTopBoxWrap .subTopTit p{font-size:1rem;width:100%; font-weight:400; line-height:140%; padding:5px 0; box-sizing: border-box; text-align:center;}
#subTopWrap .subTopBoxWrap .subTopTit p.tit{font-size:3rem; font-weight:600; line-height:120%; }
#subTopWrap .subTopBoxWrap .subTopTit p.tit .mo480{display:none;}

#subTopWrap .subTopBoxWrap .subTopTit span{display:inline-block; padding:5px 10px; border-radius: 20px; background:#ffffff; color:#272a60; font-weight:bold;}

#subTopWrap .DDayBox{top:50%; left:auto; right:5%; max-width:140px; z-index:10; transform: translateY(-50%);}
#subTopWrap .DDayBox .dBoxWrap .dBox .day{font-size:1.5rem; }


#subContWrap{width:100%; position:relative; padding:80px 0; min-height:500px; background-size:100% auto;}
#subContWrap .subCont{width:96%; max-width:1200px; margin:0 auto;  position:relative; z-index:2;}
#subContWrap .subCont .subTit{padding-bottom:20px; font-size:2rem; text-align:center; position:relative; font-weight:bold;}
#subContWrap .subCont .subTit::after{content:''; width:80px; height:3px; background:#272a60; position:absolute; bottom:10px; left:50%; margin-left:-40px;}

#subContWrap .subContBox{width:100%; position:relative; padding:40px 0;}
#subContWrap .subBbsBox{width:100%; position:relative; padding:40px 0; background:rgba(255,255,255,.8);}


/* SUB NAVI */
#subNavWrap{width:100%; border-top:1px solid #272a60; border-bottom:1px solid #272a60; background:#f1f1f1; position:relative; z-index:10;}
.subNavBox{width:90%; margin:0 auto; max-width:1400px;display:flex; justify-content: space-between;}
.subNavBox .subNavMain{display:none; width:50%; position:relative;}
.subNavBox .subNavMain .navPosMain{width:100%; position:relative; z-index: 1; text-align:center;  }
.subNavBox .subNavMain .navPosMain::after{display:inline-block; content: '▼'; font-weight:600; position:absolute; top:50%; right:10px; transform: translateY(-50%);}
.subNavBox .subNavMain .navMain{width:100%; position:absolute; left:0; top:100%; margin-top:1px; z-index: 10;background:#ffffff; border:1px solid #f1f1f1; }
.subNavBox .subNavMain .navMain li{width:100%; position:relative; border-bottom:1px solid #c2c2c2; padding-left: 10px; }
.subNavBox .subNavMain .navMain li a{display:inline-block; width:100%; padding:5px 0;}

.subNavBox .subNavsub{width:100%; display:none;}
.subNavBox .subNavsub .navPosSub{display:none; width:100%; position:relative; text-align:center;}
.subNavBox .subNavsub .navPosSub::after{display:inline-block; content: '▼'; font-weight:600; position:absolute; top:50%; right:10px; transform: translateY(-50%);}

.subNavBox .subNavsub .navSub{width:100%; display:flex; justify-content:flex-start;}
.subNavBox .subNavsub .navSub li{width:25%; padding:10px 5px; position:relative;}
.subNavBox .subNavsub .navSub li::after{content:''; display:inline-block; width:1px; height:30px; background:#c2c2c2; position:absolute; right:0; top:50%; margin-top:-15px; }
.subNavBox .subNavsub .navSub li::before{content:''; display:inline-block; width:1px; height:30px; background:#c2c2c2; position:absolute; left:0; top:50%; margin-top:-15px; }

.subNavBox .subNavsub .navSub li a{display:inline-block; width:100%; font-size:1.2rem; font-weight:600; text-align:center;}
.subNavBox .subNavsub .navSub li a:hover{color:#272a60;}
.subNavBox .subNavsub .navSub li.selected{background:#c2c2c2;}
.subNavBox .subNavsub .navSub li.selected a{color:#ffffff;}

.subNavBox .subNavView{display:block;}

.subTxtBox{width:100%; padding:20px 0;}
.subTxt{font-size:1rem;}
.subTxt02{font-size:1.2rem; font-weight:600;}

.contTit{font-size:1.2rem; font-weight:600;}




/* Message */
.ceoBoxWrap{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.ceoBoxWrap .ceoImg{width:22%; text-align: center;}
.ceoBoxWrap .ceoImg img{width:100%;max-width:200px; border:1px solid #f1f1f1; border-radius:20px;}
.ceoBoxWrap .ceoTxt{width:75%; font-size:1rem; line-height:140%; word-break:break-all; word-wrap:break-word;}
.ceoBoxWrap .ceoTxt p{padding:20px 0;}
.ceoBoxWrap .ceoTxt p.ceoName{text-align:right; padding:20px 0; line-height:160%; font-weight:600;}
.ceoBoxWrap .ceoTxt p.ceoName span{font-size:1.2rem}

.ceoBoxWrap .ceoTxt02{width:100%;}


.ceoImg p.ceoName{padding:20px 0; line-height:160%; font-weight:600; font-weight:400; font-size:0.85rem;}
.ceoImg p.ceoName span{font-weight:600;}

/* Program */

.programTabWrap{width:100%; padding:10px 0 0;}
.programTabWrap ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: stretch; box-sizing: border-box}
.programTabWrap ul li{width:49%; padding:10px; text-align:center; border-bottom:2px solid #2e0e3f; font-weight:600; background:#f1f1f1; border-top-left-radius:10px; border-top-right-radius:10px; cursor:pointer; font-size:1rem;}
.programTabWrap ul li.on{background:#272a60; color:#fff; border-bottom:none;}


.programGlancePage .programTabWrap ul li{cursor:default;}
.programGlancePage .programTabWrap ul li:hover{color:#ffffff; background:#272a60;}

/* PC: 같은 줄(행)끼리 1일차·2일차 높이 맞춤 */
.programGlanceWrap-pc{width:100%;}
.programGlanceWrap-mo{display:none;}


.programGlanceRowPair{
  width:100%;
  display:flex;
  align-items:stretch;
  /*padding-bottom:10px;*/
  box-sizing:border-box;
  justify-content:space-between;

}
.programGlanceCol{
  width:49%;
  display:flex;
  box-sizing:border-box;
  border-bottom:1px solid #c2c2c2;
  border-left:1px solid #c2c2c2;
  border-right:1px solid #c2c2c2;
}
/*.programGlanceCol:first-child{padding-right:1%;}
.programGlanceCol:last-child{padding-left:1%;}*/
.programGlanceColEmpty{visibility:hidden;}
.programGlanceCol .programGlanceRow{
  width:100%;
  flex:1;
  height:100%;
  padding-bottom:0;
  margin:0;
  align-items:stretch;
}
.programGlanceCol .registrationBox .regDay{
  display:flex;
  align-items:center;
  justify-content:center;
  background:none;
  color:#222222;
  font-size:1rem;
  font-weight:400;
  padding:10px 0;
}
.programGlanceCol .registrationBox .regTypeBox{
  display:flex;
}
.programGlanceCol .registrationBox .regTypeBox .regBox.programGlanceRegBox{
  flex:1;
}

/* Program at a Glance - registrationBox 레이아웃 (원본 디자인) */
.programGlancePage .registrationBox.programGlanceRow{
  align-items:stretch;
}

.programGlancePage .regDay03{
  background:#f1f1f1 !important;
}


.programGlancePage .regBox{
  background:none !important;
}



.programGlancePage .registrationBox .regDay{
  width:20%;
  padding:12px 8px;
  font-size:0.85rem;
  line-height:130%;
}
.programGlancePage .registrationBox .regTypeBox{width:78%;}
.programGlancePage .registrationBox .regTypeBox .regBox.programGlanceRegBox{
  width:100%;
  margin:0;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  /*align-items:center;*/
  min-height:72px;
  height:100%;
  box-sizing:border-box;
  border:none;
  border-left:1px solid #c2c2c2;
  border-radius:0;
  
}
.programGlancePage .registrationBox .regBox .type{
  padding:4px 5px;
  font-size:0.9rem;
  line-height:130%;
  text-align:left;

}
.programGlancePage .registrationBox .regBox .programGlanceSub{
  padding:2px 0 4px;
  font-size:0.85rem;
  font-weight:400;
  line-height:140%;
  text-align:left;

}


.programGlancePage .regDaySpecial{background:#fbeaf2; color:#fff; color:#062b5f !important;}
/*.programGlancePage .registrationBox .regDay.regDaySpecial{color:#062b5f;}
.programGlancePage .registrationBox .regBox.regBoxSpecial{border-color:#249c84;}
.programGlancePage .registrationBox .regBox.regBoxSpecial .type,
.programGlancePage .registrationBox .regBox.regBoxSpecial .programGlanceSub{color:#249c84;}*/




.programBox{width:100%; display:none; flex-wrap:wrap;}
.programBoxOn{display:flex;}
.program{width:100%; display:flex; flex-wrap:wrap; padding:10px 0;}
.programBox .schBox{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; font-size:1rem; line-height:140%; border:1px solid #c2c2c2; border-radius:10px; overflow:hidden; align-items:center;}
.programBox .schBox .partTime{width:78%; font-weight:600; padding:10px; }
.programBox .schBox .time{width:20%; padding:10px; text-align:center;}
.programBox .schBox .time span{display:inline-block; border-radius:20px; background:#f1f1f1; color:#000; width:100%; padding:10px;}

.programBox .schBox.schBoxBreak{background:#f1f1f1;}
.programBox .schBox.schBoxBreak .time span{background:#c2c2c2; color:#fff;}
.programBox .schBox.schBoxSpecial{background:#04004d; color:#fff;}
.programBox .schBox.schBoxSpecial .time span{background:#c2c2c2; color:#fff;}

.programBox .session{width:100%; padding:10px 10px 20px 10px; background:#249c84; color:#ffffff; font-weight:600; font-size:1.2rem;}
.programBox .session .tbd{font-weight:200; font-size:1rem; text-align:right; display:inline-block; width:100%; padding-top:10px;}
.programBox .session .tbd span{font-weight:bold;}
.programBox .session span.num{font-weight:400; font-size:1rem; text-align:left; display:inline-block; width:100%; padding-bottom:10px;}




/* Registration Guide */

.guideBoxWrap{width:100%; padding:0 0 20px;}
.guideTit{width:100%; padding:10px 10px; margin-bottom:10px; border-bottom:1px solid #272a60; color:#000; font-size:1.2rem; font-weight: 600; position:relative;}
.guideTit::before{display:inline-block; content: ''; width:4px;border-radius: 2px; height:14px; background:#ccd8fa; position:absolute; top:20px; left:0;}
.guideTxt{width:100%; padding:0 10px; font-size:1rem; }
.guideTxt .date{width:100%; position:relative; padding-left:10px; }
.guideTxt .date::before{content:''; width:4px; height:4px; border-radius: 100%; background:#000; position:absolute; top:10px; left:0;}
.guideTxt .date span{font-weight:600; color:#C50408;}

.guideTxt02{width:100%; padding:10px; font-size:1.2rem; margin:40px 0 20px; border: 1px solid #131c3d; background:#131c3d; color:#ffffff; font-size:1.2rem; border-radius:20px; text-align:center; }

.guideBox{width:100%; padding:10px 2%;}

.guideTB{border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; width:100%;}
.guideTB th, .guideTB td{padding:10px;border-bottom:1px solid #c2c2c2; border-right:1px solid #c2c2c2; text-align:center; font-size:1rem;}
.guideTB th{background:#f1f1f1;}
.guideTB th.th02{background:#ccd8fa;}
.guideTB th.th03{background:#fafdd1;}

.guideTB02 td{text-align:left;}

.referenceBox{width:100%; padding:10px 5%;}
.referenceBox .reference{width:100%;}
.referenceBox .reference li{width:100%; position:relative; padding:5px 0 5px 20px; font-size:0.9rem;}
.referenceBox .reference li::before{content: ''; display:inline-block; position:absolute; top:15px; left:2px; width:5px; height:3px; background:#31357b;}

.tomail{color:#0B02E8;}

/* Registration */

.seminarTabWrap{width:100%; padding:10px 0;}
.seminarTabWrap ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.seminarTabWrap ul li{width:48%; padding:10px; text-align:center; border:1px solid #c2c2c2; font-weight:600; border-radius:10px; font-size:1rem;}
.seminarTabWrap ul li.on{background:#249c84; color:#fff;}


.seminarBox{width:100%; display:flex; flex-wrap:wrap; border:1px solid #c2c2c2; border-radius: 20px; margin:40px 0; background:#f4f4f4;}
.seminar{width:100%; display:flex; flex-wrap:wrap; padding:5px 0;}
.seminar .infoBox{width:100%; display:flex; flex-wrap:wrap;  justify-content:space-between; font-size:1rem; line-height:140%; border-bottom:1px solid #c2c2c2;  overflow:hidden; align-items:center;}
.seminar:last-child .infoBox{border-bottom:none;}
.seminar .infoBox .infoItem{width:30%; font-weight:600; padding:10px; text-align:center;}
.seminar .infoBox .infoItem span{display:inline-block; color:#000; width:100%; padding:10px 10px 10px 20px; border-right:1px solid #c2c2c2; text-align:left; position:relative;}
.seminar .infoBox .infoItem span::before{content:''; display:inline-block; width:2px; height:10px; background:#31357b; position:absolute; top:20px; left:5px; border-radius: 0;display:none;}
.seminar .infoBox .infoItem span b{font-weight:600; color:#900; display:inline-block; padding-left:10px;}
.seminar .infoBox .infoTxt{width:68%; padding:5px 0;  padding:10px; }
.seminar .infoBox .infoTxt02{width:100%;}

.seminar .infoBox .chkBtn{display:inline-block; background:#272a60; color:#fff; border-radius:20px; padding:0 20px; font-size:0.8rem;}

.seminar .infoBox02{align-items:flex-start;}

.infoTB{width:100%; padding:10px 0;}
.infoTB .infoTR{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:10px; /*border-bottom:1px solid #c2c2c2;*/}
.infoTB .infoTR .spec{width:40%; /*background:#c2c2c2; color:#fff;*/ font-weight:600; text-align:left; position:relative; padding-left:20px;}
.infoTB .infoTR .spec::before{content:''; width:3px; height:3px; background:#272a60; position:absolute; top:50%; margin-top:-1px; left:0px; }
.infoTB .infoTR .spec::after{content:''; width:1px; height:20px; background:#272a60; position:absolute; top:50%; margin-top:-10px; right:0px; }
.infoTB .infoTR .price{width:55%; text-align:center; text-align:left;}

.seminar .infoBox .etcTxt{width:100%; padding:10px 2%; font-size:1rem; color:#BF0404; line-height:140%;}

.seminar .infoBox .listBox{width:100%; padding:0 2% 0 0;}
.seminar .infoBox .list{width:100%;}
.seminar .infoBox .list li{width:100%; padding-left:20px; position:relative; /*border-bottom:1px solid #c2c2c2;*/ padding-top:10px; padding-bottom:10px; }
.seminar .infoBox .list li::before{content:''; position:absolute; display:inline-block; width:4px; height:4px; background:#272a60; top:20px; left:0px; }

.paymentInfo{width:100%; padding:0;}
.paymentInfo .accountInfo{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:20px; border:1px solid #c2c2c2; margin-bottom:20px;}
.paymentInfo .accountInfo .account{width:100%; background:#c2c2c2; color:#fff; font-weight:600; text-align:left; position:relative; padding:10px; text-align:center;}
.paymentInfo .accountInfo .info{width:100%; text-align:center; text-align:left; padding:10px;}

.paymentInfo .accountInfo .accTxt{width:100%; border-top:1px solid #c2c2c2; padding:10px 40px; text-align:center;}

.btnBoxWrap{width:100%; padding:20px 0 10px; text-align:center;}
.btnBoxWrap a{display:inline-block; padding:10px 10%; text-align:center; color:#ffffff; font-size:1.2rem; font-weight:bold; background:#31357b; border:1px solid #31357b; border-radius:20px; cursor:pointer;}
.btnBoxWrap a:hover{background:#ffffff; color:#31357b;}


.btnBoxWrap02 a{padding:10px 2%; margin:0 5px;cursor:pointer;}
.btnBoxWrap02 a.green{background:#31357b; color:#ffffff;}
.btnBoxWrap02 a.green:hover{background:#ffffff; color:#31357b;}


.seminar .infoBox input{width:100%; padding:5px; font-size:1rem; border:1px solid #c2c2c2; box-sizing:border-box; }
.seminar .infoBox input.tel{width:20%;}
.seminar .infoBox input.email{width:30%;}
.seminar .infoBox .infoTxt span{display:inline-block; text-align:center; font-size:1rem; padding:10px 5px;}

.seminar .infoBox select{width:20%; padding:5px; font-size:1rem; border:1px solid #c2c2c2; }

.radioBox{width:100%; display:flex; flex-wrap:wrap; padding:10px 0;}
.radioBox .radioOpt{padding:5px 10px; display:flex;}
.radioBox .radioOpt01{/*width:40%;*/}
.radioBox .radioOpt input[type="radio"]{width:20px; height:20px;}
.radioBox .radioOpt label{font-size:1rem; line-height:20px; display:inline-block; padding-left:5px;}

.seminar .infoBox input[type="checkbox"]{width:20px; height:20px;}


.radioBox02{justify-content:center;}
.radioBox02 .radioOpt label{padding-right:10px;}


.registrationBox{width:100%;display:flex; justify-content:space-between; padding-bottom: 20px; }
.registrationBox .regDay{width:20%; padding:20px; text-align:center; display: flex; text-align:center; align-items: center; font-weight:600; background:#31357b; font-size:1rem; border-radius: 20px; color:#ffffff;}

.registrationBox .regDay02{background:#ebea43; color:#31357b;}
.registrationBox .regDay03{background:#f1f1f1; color:#c2c2c2;}

.registrationBox .regDay .rDay{width:100%;}
.registrationBox .regTypeBox{width:80%;display:flex; justify-content:space-between; flex-wrap:wrap; }
.registrationBox .regTypeBox02{justify-content:flex-start; }

.regBox{width:23%; padding:10px; margin:0 1%; border-radius: 20px; border:1px solid #31357b; background:#ffffff;}
.regBox:hover{background:#ffffff;}
.regBox .type{text-align: center; padding:20px 0; font-weight: 600; font-size:0.9rem; letter-spacing: -1px;line-height:120%;}
.regBox .type02x{line-height:240%;}
.regBox .price{text-align: center; font-weight: 400; font-size:1rem; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; padding:10px 0;}
.regBox .rBtn{text-align: center; padding:20px;}
.regBox .rBtn a{display:inline-block; width:100%; background:#31357b; border:1px solid #31357b; text-align:center; color:#ffffff; font-size:0.9rem; border-radius:20px; padding:10px;}
.regBox .rBtn a:hover{background:#ebea43; color:#333;}

.regBox02{border:1px solid #ebea43;}
.regBox02 .rBtn a{background:#ebea43; color:#333;}
.regBox02 .rBtn a:hover{background:#31357b; color:#fff;}

.regBox03{border:1px solid #c2c2c2;}
.regBox03 .rBtn a{background:#c2c2c2; color:#fff;}
.regBox03 .rBtn a:hover{background:#c2c2c2; color:#fff;}


/* location*/
.location{width:100%; padding-bottom:20px; text-align:center; font-size:1.5rem; font-weight:600;}
.seminarMapBox{width:100%;}
.seminarMapBox .seminarMap{width:100%; height:500px; background:url(images/sub/naverMap.png) no-repeat center center; position:relative; border:1px solid #c2c2c2; border-radius:20px; overflow:hidden;}
.seminarMapBox .seminarMap .ggMap{position:relative; z-index:1; width:100%; height:100%;}
.seminarMapBox .mapLink{width:50px; text-align:center; position:absolute; top:50%; right:10px; z-index:2; transform:translateY(-50%);}
.seminarMapBox .mapLink .siteLink{display:inline-block; width:100%; margin:5px 0;}
.seminarMapBox .mapLink .siteLink a{display:inline-block; width:100%;}
.seminarMapBox .mapLink .siteLink a img{width:100%; border-radius:100%; border:1px solid #c2c2c2; background:#ffffff;}

.busTit{width:100%; padding:20px; margin:50px 0 10px; font-size:1.2rem; background:rgba(255,255,255,.6); font-weight:600; position:relative;}
.busTimeBox{width:100%; margin:0; padding:10px; /*border:1px solid #c2c2c2; /*background:#f1f1f1;*/}
.busTimeBox .timeBox{width:100%; display:flex; justify-content:space-between; padding:5px 0;}
.busTimeBox .timeBox .timeSpec{width:38%; text-align:center; font-size:1rem; border:1px solid #c2c2c2; background:#ffffff;  align-items:center; padding:5px;} 
.busTimeBox .timeBox .timeSpec span{display:inline-block; color:#ffffff; font-weight:600;}
.busTimeBox .timeBox .timeSpec01{width:20%;}
.busTimeBox .timeBox .timeSpecBN{background:#249c84; border:1px solid #249c84; border-radius:20px; }


.busTimeTB{width:96%; margin:0 2%; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2;  /*background:#f1f1f1;*/ border-spacing:0px;}
.busTimeTB .timeSpec{width:38%; text-align:center; font-size:1rem; border-right:1px solid #c2c2c2;  border-bottom:1px solid #c2c2c2;  background:#ffffff;  align-items:center; padding:8px;} 
.busTimeTB .timeSpec span{display:inline-block; color:#ffffff; font-weight:600;}
.busTimeTB .timeSpec01{width:20%;}
.busTimeTB .timeSpecBN{background:#249c84; border-radius:0px; }
.busTimeTB .timeSpecBN01{background:#f8f8f8; border-radius:0px;}
.busTimeTB .timeSpecBN01 span{color:#303339 !important;}
.busTimeTB .timeSpecBN02{background:#249c84; border-radius:0px;}
.busTimeTB .timeSpecBN03{background:#2e0e3f; border-radius:0px;}

.busStopBox{width:100%; padding:20px;display:flex; /*justify-content:space-between;*/ flex-wrap:wrap;}
.busStopBox .busStopTit{width:auto; font-weight:600; padding-left:32px; position:relative; font-size:1.2rem;}
.busStopBox .busStopTit::before{content:''; display:inline-block; width:20px; height:20px; border:1px solid #2e0e3f; position:absolute; top:2px; left:0;}
.busStopBox .busSTopTit::after{content:''; display:inline-block; width:20px; height:20px; background:#249c84; position:absolute; top:7px; left:5px;}
.busStopBox .busStopTxt{width:auto; padding-left:10px; font-size:1rem;}
.busStopBox .busStopPos{width:100%; padding:20px 0; display:flex; flex-wrap:wrap;justify-content:space-between;}
.busStopBox .busStopPos .busMap{width:39%;}
.busStopBox .busStopPos .busMap img{width:100%; border:1px solid #c2c2c2; border-radius:10px;}

.busStopBox .busStopPos .busPhoto{width:59%;}
.busStopBox .busStopPos .busPhoto img{width:100%; border:1px solid #c2c2c2; border-radius:10px;}



.placeBoxWrap{width:100%; padding:10px; text-align:center; border-bottom:2px solid #249c84; background:rgba(255,255,255,.8);}

.placeBox{width:100%; display:inline-block; margin:0 auto; padding:10px 20px; text-align:center; box-sizing:border-box;}
.placeBox ul{width:auto; display:inline-block; margin-top:10px;}
.placeBox ul li{width:100%; padding:10px 10px 10px 20px; position:relative; font-size:1rem; display:flex;}
.placeBox ul li::before{content:''; width:2px; height:2px; background:#249c84; border-radius:100%; position:absolute; top:27px; left:5px;}
.placeBox ul li span{display:inline-block; text-align:left;}
.placeBox ul li span.place{display:inline-block; padding-right:10px; border-right:1px solid #c2c2c2; font-weight:600; margin-right:10px;}
.placeBox ul li.busPos{flex-wrap:wrap;}
.placeBox ul li.busPos span{width:100%; padding-top:5px; padding-bottom:5px;}
.placeBox ul li.busPos span.place{display:inline-block; padding-right:0px; border-right:none; font-weight:600;}
.placeBox ul.detail{width:100%; margin-top:0;}
.placeBox ul.detail li{width:100%; padding:5px 0px; position:relative; font-size:1rem; text-align:left;}
.placeBox ul.detail li::before{content:''; width:2px; height:2px; background:#249c84; border-radius:100%; position:absolute; top:22px; left:5px; display:none;}

.placeBoxWrap .placeNotice{width:100%;  padding:20px 10px; text-align:center; border:1px solid #c2c2c2; background:#f8f8f8; border-radius:10px; font-size:1rem;}
.placeBoxWrap .placeNotice span{font-weight:bold; color:#249c84;}

/* ?�수�?출력 ?�면 */
.receptWrap{width:530px; margin:0 auto; padding:10px;}
.receptWrap .receptBox{width:100%; padding:20px; border:1px solid #c2c2c2; border-radius:10px;}
.receptWrap .receptBox .receptTit{width:100%; padding:10px; text-align:center; /*border:2px solid #c2c2c2;*/ font-size:1.2rem; font-weight:600; border-radius:10px; background:#31357b; color:#ffffff; margin-bottom:20px;}

.receptWrap .receptBox .receptTxt{width:100%; padding:10px; text-align:left; font-size:0.9rem; line-height:160%;}
.receptWrap .receptBox .receptTxt span{font-weight:600; font-size:1.2rem; padding-bottom: 10px; display:inline-block;}
.receptWrap .receptBox .receptTxt span.tit{font-size:1rem;}
.receptWrap .receptBox .receptTxt img{width:80%;}


.receptWrap .receptBox .receptTxtBox{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center;}
.receptWrap .receptBox .receptTxtBox .receptTxt{width:80%; padding:10px; text-align:center; font-size:0.8rem; line-height:140%;}
.receptWrap .receptBox .receptTxtBox .receptTxt img{width:80%;}

.receptWrap .receptBox .receptTxtBox .receptStamp{width:20%; padding:10px; text-align:center;}
.receptWrap .receptBox .receptTxtBox .receptStamp img{width:90%; max-width:80px;}

.receptWrap .receptBox .receptTxtBox .receptLogo{width:100%; text-align:center; padding-top:10px;}
.receptWrap .receptBox .receptTxtBox .receptLogo img{width:50%; max-width:300px;}

.receptWrap .receptBox .lineTop{border-top:1px solid #c2c2c2;}

.receptWrap .receptBox .receptCont{width:100%; padding:10px; font-size:1rem;}
.receptWrap .receptBox .receptCont .retBox{width:100%; display:flex; justify-content:space-between; padding:5px 0;  align-items:center;}
.receptWrap .receptBox .receptCont .retBox .item{width:40%; padding:10px;}
.receptWrap .receptBox .receptCont .retBox .item span{display:inline-block; background:#f1f1f1; color:#000; font-size:1rem; font-weight:600; border-radius:20px; width:100%; text-align:center; padding:10px 0; width:100%;}
.receptWrap .receptBox .receptCont .retBox .cont{width:60%; padding:10px; font-size:1rem;}


/* ?�전?�록 마감 */
.finalBoxWrap{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.6); z-index:999;}
.finalBoxWrap .finalBox{width:90%; max-width:600px; position:absolute; top:100px; left:50%; transform:translateX(-50%); background:#ffffff; border-radius:20px; box-sizing:border-box; padding:30px;}
.finalBoxWrap .finalBox .tit{padding:10px 0; text-align:center; margin-bottom:20px; background:#31357b; color:#ffffff; font-size:1.2rem; font-weight:600; border-radius:30px;}
.finalBoxWrap .finalBox .txt{padding:20px; box-sizing:border-box; text-align:center; font-size:1rem; line-height:120%;}
.finalBoxWrap .finalBox .txt span{font-weight:600;}



/* Venue */

.venueImg{width:50%;}
.venueImg .subImg{width:100%;}
.venueInfo{width:48%; padding:30px 20px;}
.venueInfo .infoBox{width:100%; display:flex; justify-content: space-between; padding:10px 0; align-items: center; }
.venueInfo .infoBox .icon{width:100px; height:100px; background-repeat:no-repeat; background-size:60px auto; background-position:center center; }
.venueInfo .infoBox .iconHome{background-image:url(../images/icon_home.png);}
.venueInfo .infoBox .iconPos{background-image:url(../images/icon_pos.png);}

.venueInfo .infoBox .infoTxt{width:calc(100% - 120px); font-size:1rem;}
.venueInfo .infoBox .infoTxt .item{display:inline-block; font-weight:bold; padding-bottom: 10px;}














@media screen and (max-width:1400px){

	
	#subTopWrap{margin-top:80px;}
	#subContWrap{margin-top:30px;}
	
	.subNavBox .subNavsub .navSub li a{font-size:1rem;}
	
}


@media screen and (max-width:1024px){

	#subTopWrap .subTopBoxWrap .subTopTit p.tit{font-size:1.5rem; text-align: left;}
	#subTopWrap .DDayBox{right:2%;}
	
	#subTopWrap .subTopBoxWrap .subTopTit{width:100%;}
	#subTopWrap .subTopBoxWrap .subTopTit p{text-align: left; padding-left:10px;}
	
	.regBox{width:48%; margin:2px 1%;}

	
}


@media screen and (max-width:850px){
	
	
.moShow{display:block;}
.pcShow{display:none;}

.pcBr01{display:none;}	
	
.subNavBox{width:100%;}
.subNavBox .subNavMain{display:inline-block;}
.subNavBox .subNavMain .navPosMain{width:100%; position:relative; z-index: 1; text-align: left; padding:10px; }
.subNavBox .subNavMain .navMain{width:100%; position:absolute; left:0; top:100%; z-index: 2;background:#ffffff; display:none;}

.subNavBox .subNavsub{display:inline-block; position:relative; width:50%;}
.subNavBox .subNavsub .navPosSub{display:inline-block; width:100%; position:relative; background:#ffffff; text-align: left; padding:10px; }
.subNavBox .subNavsub .navSub{flex-wrap:wrap; position:absolute; top:100%; left:0;margin-top:1px; z-index:10; background:#ffffff; border:1px solid #f1f1f1; display:none;}
.subNavBox .subNavsub .navSub li{width:100%; padding:5px;}
.subNavBox .subNavsub .navSub li::after{display:none; }
.subNavBox .subNavsub .navSub li::before{display:none; }
.subNavBox .subNavsub .navSub li a{font-size:1rem; text-align:left; padding-left: 10px;}

	.subNavBox .subNavMain .selectOn{display:inline-block;}
	.subNavBox .subNavSub .selectOn{display:inline-block;}
	
	
	/*CEO*/
	.ceoBoxWrap .ceoImg{width:100%; padding-bottom:10px;}
    .ceoBoxWrap .ceoTxt{width:100%;}

	
	
	.placeBox{padding:5px 0;}
	.placeBox ul li{padding:5px 5px 5px 10px;1}
    .placeBox ul li::before{content:''; width:2px; height:2px; background:#249c84; border-radius:100%; position:absolute; top:22px; left:0px;}
	
	
/* venue */
.venueImg{width:100%;}
.venueInfo{width:100%; padding:20px 20px;}
	
}



@media screen and (max-width:640px){

#subTopWrap{margin-top:60px; height:200px;}	
#subContWrap{ padding:40px 0; min-height:300px;}

#subTopWrap .subTopBoxWrap .subTopTit{line-height:120%;}
#subTopWrap .DDayBox{max-width:100px; }
#subTopWrap .DDayBox .dBoxWrap .dBox .day{font-size:1.2rem; }
	
#subContWrap .subCont .subContBox{padding:20px 0;}
	

	

.seminar .infoBox .infoItem{width:100%; padding-bottom:0;}
.seminar .infoBox .infoItem span{border-right:none; padding-left: 10px;}
.seminar .infoBox .infoTxt{width:100%; padding-top:0;}
	
.seminar .infoBox select{width:50%;}


.infoTB .infoTR .spec{width:55%; padding-left:10px;}
.infoTB .infoTR .price{width:42%;}


.infoTB .infoTR .spec{padding-left:10px;}
.seminar .infoBox .list li{padding-left:10px;}


/* Program */
.timeTBWrap .timeTB .time{width:25%; padding:5px;}
.programBox .schBox .time span{padding:5px;}
.programGlanceWrap .programBox{width:100%;}
.programGlanceWrap-pc{display:none;}
.programGlanceWrap-mo{display:block;}
.programGlanceWrap-mo .programGlanceDayBlock{width:100%; padding-bottom:10px;}
.programGlanceWrap-mo .programGlanceDayBlock .programDay{width:100%; padding:20px 10px; text-align:center; background:#272a60; color:#ffffff; font-size:1rem; font-weight:bold; border-top-left-radius:20px; border-top-right-radius: 20px; }
	.programGlanceWrap-mo .registrationBox{justify-content: flex-start;}
.programGlanceWrap-mo .registrationBox.programGlanceRow{padding-bottom:0px; color:#292929; border:1px solid #c2c2c2; border-top:none;}
.programGlancePage .registrationBox .regDay{width:30%; font-size:0.8rem; padding:10px 5px; background:none; color:#292929; border-radius:0;border:none;}
.programGlancePage .registrationBox .regTypeBox{width:70%; border-radius:0; border:none;}
.programGlancePage .registrationBox .regTypeBox .regBox.programGlanceRegBox{min-height:64px; padding:8px 6px; text-align:left;}
.programGlancePage .registrationBox .regBox .type{font-size:0.85rem;}
.programGlancePage .registrationBox .regBox .programGlanceSub{font-size:0.8rem;}


.programGlancePage .programTabWrap{display:none;}
.programTabWrap ul li span{display:block; width:100%;}	
	
	.programGlancePage .regDay03~.regTypeBox{background:#f1f1f1;}

	.programGlancePage .registrationBox .regDay.regDaySpecial{background:#fbeaf2; color:#062b5f;}
	.programGlancePage .registrationBox .regDay.regDaySpecial~.regTypeBox{background:#fbeaf2; color:#062b5f;}


/* ?��?버스 ?�내 */
.busTimeBox .timeBox .timeSpec{width:33%;}
.busTimeBox .timeBox .timeSpec01{width:33%;}


.busTimeTB{margin:0px; width:100%;}
/*
.busTimeTB .timeSpecBN{border-radius:5px; }
.busTimeTB .timeSpecBN01{border-radius:5px;}
.busTimeTB .timeSpecBN02{border-radius:5px;}
.busTimeTB .timeSpecBN03{border-radius:5px;}
*/

.busStopBox .busStopTxt{width:100%; padding-left:32px; padding-top:10px;}

/* ?�수�?*/
.receptWrap .receptBox .receptTxtBox .receptTxt{width:70%;}
.receptWrap .receptBox .receptTxtBox .receptStamp{width:30%;}
	
.registrationBox .regDay{padding:20px 5px; font-size:0.9rem; width:30%;}
.registrationBox .regTypeBox{width:70%;}

	
}


@media screen and (max-width:480px){
	
	#subTopWrap .subTopBoxWrap .subTopTit p{display:none;}
	#subTopWrap .subTopBoxWrap .subTopTit p.tit{display:block; font-size:1.5rem;}
	#subTopWrap .subTopBoxWrap .subTopTit p.tit .mo480{display:block;}
	
	.subNavBox .subNavMain{width:60%;}
	.subNavBox .subNavsub{width:40%;}

  .timeTBWrap .timeTB .speaker span.longTxt{word-wrap:break-word; word-break:break-all;}
  .ceoBoxWrap .ceoBann .bannBox{width:49%; padding-bottom:49%;}
  
  .seminar .infoBox input.tel{width:22%;}
  .seminar .infoBox input.email{width:45%;}
  .seminar .infoBox select{width:100%; }
  .seminar .infoBox .infoTxt span{padding:10px 2px;}
  
  .paymentInfo .accountInfo .accTxt{padding:10px 2%;}
  .paymentInfo .accountInfo{padding:0;}
	
	
.guideTB th, .guideTB td{padding:5px;font-size:0.9rem;}
.guideTB th{font-weight:400; font-size:0.85rem;}
	
	
	.regBox{width:100%; margin:2px 1%; padding:0 10px;}
	.regBox .type{padding:10px 0;}
	.regBox .rBtn{padding:10px 20px;}

}




@media screen and (max-width:360px){
	
	
}