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

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

#subTopWrap{width:100%; height:300px; background:url(../images/sub/subTopBg.jpg) no-repeat center top; background-attachment:fixed; text-align:center; margin-top:80px;}
#subTopWrap .subTopBoxWrap{width:96%; max-width:1200px; height:100%; display:inline-block; position:relative;}
#subTopWrap .subTopBoxWrap .subTopTit{width:100%; position:absolute; top:50%; left:0; color:#ffffff; font-size:1.5rem; font-weight:600; transform:translate(0,-50%);}
#subTopWrap .subTopBoxWrap .subTopTit span{font-size:3rem; line-height:140%;}


#subContWrap{width:100%; position:relative; padding:80px 0; min-height:500px; background:url(../images/sub/subContBg01.png) no-repeat left 0; 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;}
#subContWrap .subCont .subTit::after{content:''; width:80px; height:3px; background:#249c84; position:absolute; bottom:10px; left:50%; margin-left:-40px;}

#subContWrap .subContBg{position:absolute; z-index:1; right:0; bottom:0; width:100%; height:100%; background:url(../images/sub/subContBg02.png) no-repeat right bottom; background-size:100% auto;}

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


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


.ceoBoxWrap{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.ceoBoxWrap .ceoImg{width:22%;}
.ceoBoxWrap .ceoImg img{width:100%;border:3px solid #249c84; 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 .ceoBann{width:18%; max-width:192px; display:none;}
.ceoBoxWrap .ceoBann .bannBox{width:100%; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:10px; position:relative;}
.ceoBoxWrap .ceoBann .bannBox01{background-image:url(../images/sub/subBann_01.png);}
.ceoBoxWrap .ceoBann .bannBox02{background-image:url(../images/sub/subBann_02.png);}
.ceoBoxWrap .ceoBann .bannBox03{background-image:url(../images/sub/subBann_03.png);}
.ceoBoxWrap .ceoBann .bannBox04{background-image:url(../images/sub/subBann_04.png);}

.ceoBoxWrap .ceoBann .bannBox .bannTxt{position:absolute; width:100%; height:100%; text-align:center; left:0; top:0; color:#ffffff; font-size:1.2rem; font-weight:bold;}
.ceoBoxWrap .ceoBann .bannBox .bannTxt span{display:inline-block; padding-top:30%; padding-bottom:20px; width:100%;} 


/* Program */

.programTabWrap{width:100%; padding:10px 0;}
.programTabWrap ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.programTabWrap ul li{width:50%; 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:#2e0e3f; color:#fff; border:2px solid #2e0e3f; border-bottom:none;}
.programTabWrap ul li:hover{color:#fffff; background:#c2c2c2;}
.programTabWrap ul li.on{color:#ffffff; background:#2e0e3f;}


.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:5px 0;  padding:10px; text-align:center;}
.programBox .schBox .time span{display:inline-block; border-radius:20px;  background:#f1f1f1; color:#000; width:100%; padding:10px;}

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

.timeTBWrap{width:100%;display:flex; flex-wrap:wrap;  justify-content:space-between; }
.timeTBWrap .timeTB{width:100%; display:flex; justify-content:space-between; align-items:center}
.timeTBWrap .timeTB .time{width:20%;}
.timeTBWrap .timeTB .contents{width:54%; padding:5px 0;}
.timeTBWrap .timeTB .contents02{width:78%; padding:5px 0;}
.timeTBWrap .timeTB .speaker{width:22%; padding:0 10px; border-left:1px solid #c2c2c2; font-weight:300;}
.timeTBWrap .timeTB .speaker02{font-weight:400;}
.timeTBWrap .timeTB .speaker span{font-weight:600;}
.timeTBWrap .timeTB .speaker span.longTxt{font-weight:300;}

.timeTBWrap .timeBreak{background:#f1f1f1;}
.timeTBWrap .timeBreak .time span{ background:#c2c2c2; color:#fff;}

.timeTBWrap .timeBreak02{background:#04004d;}
.timeTBWrap .timeBreak02 .time span{ background:#c2c2c2; color:#fff;}
.timeTBWrap .timeBreak02 .contents{ color:#fff;}
.timeTBWrap .timeBreak02 .contents02{ color:#fff;}

.timeTBWrap .timeTB02{border-bottom:1px solid #c2c2c2; background:#f1f1f1;}
.timeTBWrap .timeTB02 .speaker{}
.timeTBWrap .timeTB02 .contents{text-align:center; border-left:1px solid #c2c2c2;}



/* 사전등록 */

.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;}
.seminar{width:100%; display:flex; flex-wrap:wrap; padding:10px 0;}
.seminarBox .infoBox{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;}
.seminarBox .infoBox .infoItem{width:30%; font-weight:600; padding:10px; text-align:center;}
.seminarBox .infoBox .infoItem span{display:inline-block; border-radius:20px;  background:#f1f1f1; color:#000; width:100%; padding:10px;}
.seminarBox .infoBox .infoItem span b{font-weight:600; color:#900; display:inline-block; padding-left:10px;}
.seminarBox .infoBox .infoTxt{width:68%; padding:5px 0;  padding:10px; }
.seminarBox .infoBox .infoTxt02{width:100%;}

.seminarBox .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:#2e8884; position:absolute; top:50%; margin-top:-1px; left:0px; }
.infoTB .infoTR .spec::after{content:''; width:1px; height:20px; background:#2e8884; position:absolute; top:50%; margin-top:-10px; right:0px; }
.infoTB .infoTR .price{width:55%; text-align:center; text-align:left;}

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

.seminarBox .infoBox .listBox{width:100%; padding:0 2% 0 0;}
.seminarBox .infoBox .list{width:100%;}
.seminarBox .infoBox .list li{width:100%; padding-left:20px; position:relative; /*border-bottom:1px solid #c2c2c2;*/ padding-top:10px; padding-bottom:10px; }
.seminarBox .infoBox .list li::before{content:''; position:absolute; display:inline-block; width:4px; height:4px; background:#2e8884; 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:0px 10px 10px 10px; /*border-bottom:1px solid #c2c2c2;*/}
.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:#249c84; font-size:1.2rem; font-weight:bold; background:#ffffff; border:1px solid #249c84; border-radius:20px; cursor:pointer;}
.btnBoxWrap a:hover{background:#249c84; color:#ffffff;}


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


/* 사전등록 폼 */

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

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

.radioBox{width:100%; display:flex; flex-wrap:wrap;}
.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;}


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


/* 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; border-bottom:2px solid #249c84; 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; }

.placeBox{width:100%; padding:10px; text-align:center; border:1px solid #c2c2c2; background:#f8f8f8; border-radius:10px;}
.placeBox ul{width:auto; display:inline-block;}
.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:22px; 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;}



/* 영수증 출력 화면 */
.receptWrap{width:100%; max-width:600px; 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:#249c84; color:#ffffff; margin-bottom:20px;}

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


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

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

.receptWrap .receptBox .receptTxtBox .receptLogo{width:100%; text-align:center; padding-top:10px;}
.receptWrap .receptBox .receptTxtBox .receptLogo img{width:70%; 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:30%; 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:68%; padding:10px; font-size:1rem;}



@media screen and (max-width:980px){
	
	#subContWrap{background:url(../images/sub/subContBg01_m.png) no-repeat left 0; background-size:70% auto;}
	/*#subContWrap .subContBg{background:url(../images/sub/subContBg02_m.png) no-repeat right bottom;}*/
	
}


@media screen and (max-width:850px){
	
	#subContWrap .subContBg{display:none;}
	
}



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

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

#subTopWrap .subTopBoxWrap .subTopTit span{font-size:2rem; line-height:140%;}
	
#subContWrap .subCont .subContBox{padding:20px 0;}

	
.ceoBoxWrap .ceoImg{width:100%; padding-bottom:10px;}
.ceoBoxWrap .ceoTxt{width:100%;}

.ceoBoxWrap .ceoBann{width:100%; max-width:100%; padding:10px; display:flex; justify-content:space-between; flex-wrap:wrap; display:none;}
.ceoBoxWrap .ceoBann .bannBox{width:24%; padding-bottom:24%;}


.ceoBoxWrap .ceoBann .bannBox .bannTxt{position:absolute; width:100%; height:100%; text-align:center; left:0; top:0; color:#ffffff; font-size:1.2rem; font-weight:bold;}
.ceoBoxWrap .ceoBann .bannBox .bannTxt span{display:inline-block; padding-top:30%; padding-bottom:20px; width:100%;} 



.seminarBox .infoBox .infoItem{width:100%; padding-bottom:0;}
.seminarBox .infoBox .infoTxt{width:100%;}


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


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


/* Program */
.timeTBWrap .timeTB .time{width:25%; padding:5px;}
.programBox .schBox .time span{padding:5px;}
.timeTBWrap .timeTB .contents{width:41%;}
.timeTBWrap .timeTB .contents02{width:73%;}
.timeTBWrap .timeTB .speaker{width:30%;}
.timeTBWrap .timeTB .speaker span{display:block; width:100%;}

.programTabWrap ul li span{display:block; width:100%;}	


/* 셔틀버스 안내 */
.busTimeBox .timeBox .timeSpec{width:33%;}
.busTimeBox .timeBox .timeSpec01{width:33%;}


/* 영수증 */
.receptWrap .receptBox .receptTxtBox .receptTxt{width:70%;}
.receptWrap .receptBox .receptTxtBox .receptStamp{width:30%;}


	
}


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

  .timeTBWrap .timeTB .speaker span.longTxt{word-wrap:break-word; word-break:break-all;}
  .ceoBoxWrap .ceoBann .bannBox{width:49%; padding-bottom:49%;}
  
  .seminarBox .infoBox input.tel{width:29%;}
  .seminarBox .infoBox input.email{width:29%;}
  .seminarBox .infoBox select{width:28%; }
  .seminarBox .infoBox .infoTxt span{padding:10px 2px;}
  
  .paymentInfo .accountInfo .accTxt{padding:10px 2%;}
  .paymentInfo .accountInfo{padding:0;}

}




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