@charset "UTF-8";
@import url("reset.css");

/**************************************************************** 헤더 ****************************************************************/
#header{width:100%;}
#header.intro{display:none;}
#header .utilWrap{width:100%;background:#f7c00d;}
#header .utilWrap .util{/* width:1500px; */width:100%;/* height:25px; */margin:0 auto;text-align:right;font-size:0;}
#header .utilWrap .util li{display:inline-block;font-size:10pt;color:#003399;}
#header .utilWrap .util li a{padding:0 12px;line-height:25px;font-weight:500;font-size:10pt;color:#003399;}
#header .logoWrap{/* width:1500px; */width:100%;padding:15px 0;margin:0 auto;*zoom:1;}
#header .logoWrap:after{content:"";display:block;clear:both;}
#header .logoWrap .logo{float:left;margin-left:20px;max-width:200px;max-height:200px;}

#container{width:100%;}
#container .contentWrap{/* width:1500px; */width:100%;margin:0 auto;}
#container .contentWrap.intro{position:relative;width:100%;}
#container .contentWrap.intro .logoTop{position:absolute;left:20px;top:30px;}


/**************************************************************** 푸터 ****************************************************************/
#footer{width:100%;padding:50px 0;background:#222;*zoom:1;}
#footer .logoWrap{/* width:1500px; */width:100%;margin:0 auto;}
#footer .logoWrap .left{margin-right:100px;float:left;}
#footer .logoWrap .left:after{content:'';display:block;clear:both;}

#footer .logoWrap:after{content:"";display:block;clear:both;}
#footer .logoWrap .title{display:block;width:100%;padding-bottom:25px;font-size:2.3em;}
#footer .logoWrap .logo{float:left;margin-right:20px;}
#footer .logoWrap .logo a{display:block;}
#footer .logoWrap .logo a img{display:block;}
#footer .logoWrap address{float:left;}


/**************************************************************** 인트로 ****************************************************************/
#introWrap{position:relative;}
#introWrap:after{content:"";display:block;clear:both;}
#introWrap .sns{position:absolute;right:0;top:100px;background:#fff;}
#introWrap .sns li{}
#introWrap .sns li a{display:block;width:50px;height:50px;overflow:hidden;background:url(../img/bg_sns.png?170412.13) no-repeat;}
#introWrap .sns li a.facebook{background-position:0 0;}
#introWrap .sns li a.twitter{background-position:0 -50px;}
#introWrap .sns li a.googleplus{background-position:0 -100px;}
#introWrap .sns li a.kakaotalk{background-position:0 -150px;}
#introWrap .welcome{background:url(../img/bg_intro.png) 50% 50% no-repeat;background-size:cover;}
#introWrap .welcome .logo{text-align:center;}
#introWrap .welcome .logo a{display:inline-block;max-width:200px;max-height:200px;}
#introWrap .welcome .textBig{padding-top:20px;line-height:120px;text-align:center;font-size:4.5em;color:#f7c00d;}
#introWrap .welcome .textSmall{padding-top:20px;line-height:27px;text-align:center;font-size:1.2em;color:#fff;}

/* Mobile */
@media all and (max-width: 639px) {
    #introWrap .sns{top:30px;}
    #introWrap .sns li a{width:30px;height:30px;background-size:30px auto;}
    #introWrap .sns li a.facebook{background-position:0 0;}
    #introWrap .sns li a.twitter{background-position:0 -30px;}
    #introWrap .sns li a.googleplus{background-position:0 -60px;}
    #introWrap .sns li a.kakaotalk{background-position:0 -90px;}
}

/**************************************************************** 타이머 ****************************************************************/
#introWrap .timer{padding:20px 0;text-align:center;font-size:0;*display:inline;}
#introWrap .timer li{position:relative;display:inline-block;width:100px;height:100px;margin-left:15px;text-align:center;color:#fff;border:3px solid #dedede;border-radius:50%;}
#introWrap .timer li:first-child{margin-left:0;}
#introWrap .timer li span{position:absolute;left:50%;top:10px;width:100px;margin-left:-52px;display:block;font-size:8pt;}
#introWrap .timer li p{display:block;font-size:40pt;line-height:100px;}

#introWrap .slideMove{background:#f7c00d;}
#introWrap .slideMove a{display:block;height:75px;line-height:75px;text-align:center;font-size:1.3em;color:#fff;text-decoration:none;}
#introWrap .slideMove a:link{text-decoration:none;}
#introWrap .slideMove a:visited{text-decoration:none;}
#introWrap .slideMove a:active{text-decoration:none;}
#introWrap .slideMove a:hover{text-decoration:none;}
#introWrap .slideMove a img{margin-top:-2px;}

#introWrap .contWrap{width:100%;/* height:500px; */*zoom:1;/*background:#f4f4f4;*/}
#introWrap .contWrap:after{content:"";display:block;clear:both;}
/* #introWrap .contWrap .image{float:left;width:50%;} */
/* #introWrap .contWrap .login{float:right;width:50%;} */
#introWrap .contWrap .login{padding:20px;position:relative;}



/**************************************************************** 레이어팝업 ****************************************************************/
.modal{position:fixed;overflow:hidden;}
#register_ok_layer .thank_title{font-size:27pt;font-weight:500;padding-bottom:30px;}
#register_ok_layer .thank_finish{font-size:15pt;font-weight:500}
#register_ok_layer .thank_send{font-size:15pt;font-weight:500;color:#ff6640;}

.layerPop{position:fixed;z-index:99999;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:table-cell;vertical-align:middle;}
.layerPop .wrap{position:relative;width:50%;margin:0 auto;background:#fff;}
.layerPop .wrap.notice{width:calc(50% - 10px);border:5px solid #ff6640;}
.layerPop .btnClose{position:absolute;right:20px;top:10px;color:#fff;font-size:2em;font-weight:900;text-decoration:none;}
.layerPop .btnClose:link{text-decoration:none;}
.layerPop .btnClose:visited{text-decoration:none;}
.layerPop .btnClose:active{text-decoration:none;}
.layerPop .btnClose:hover{text-decoration:none;}

.layerPop .tit{font-size:28pt;line-height:75px;text-align:center;font-weight:500;color:#fff;background:#ff6640;}
.layerPop .cont{padding:30px;}
.layerPop .cont>dt{padding:5px;}
.layerPop .cont>dd{padding-bottom:15px;}
.layerPop input[type="text"]{display:inline-block;width:calc(100% - 22px);border:1px solid #ddd;border-radius:3px;overflow:hidden;padding:5px 10px;font-size:0.9em;color:#999;-webkit-appearance:none;}
.layerPop input[type="checkbox"]{margin-right:10px;border:1px solid #999;border-radius:0;}
.layerPop .btnWrap{padding-bottom:30px;text-align:center;}
.layerPop .btnWrap .btnOrange{display:inline-block;line-height:50px;padding:0 100px;font-size:14pt;font-weight:500;color:#fff;border:none;border-radius:10px;cursor:pointer;background:#ff6640;-webkit-appearance:none;}


/* Mobile */
@media all and (max-width: 1023px) {/*639*/

    #register_ok_layer .thank_title{font-size:20pt;font-weight:500;padding-bottom:30px;}
    #register_ok_layer .thank_finish{font-size:11pt;font-weight:500}
    #register_ok_layer .thank_send{font-size:11pt;font-weight:500;color:#ff6640;}

    #header .utilWrap .util{width:100%;}
    #header .logoWrap{width:100%;}
    #header .logoWrap .logo a img{max-width:50%;}

    #container .contentWrap{width:100%;}
    #container .contentWrap.intro .logoTop img{height:33px;}

    #footer{padding:20px 0;}
    #footer .logoWrap{width:100%;}
    #footer .logoWrap .title{font-size:1em;}
    #footer .logoWrap .logo a img{max-width:50%;}
    #footer .logoWrap address{font-size:0.8em;}

    #introWrap .welcome{padding:30px 0;}
    #introWrap .welcome .logo img{display:inline-block;height:29px;}
    #introWrap .welcome .textBig{line-height:1em;font-size:2em;}
    #introWrap .welcome .textSmall{font-size:1em;}

    #introWrap .timer{/* display:none; */}
    #introWrap .timer li{width:45px;height:45px;margin-left:10px;border:1px solid #dedede;}
    #introWrap .timer li span{top:45pt;}
    #introWrap .timer li p{line-height:45px;font-size:15pt;}

    #introWrap .contWrap .image{width:100%;height:233px !Important;}
    #introWrap .contWrap .login{padding:0 20px 20px 20px;position:relative;}

    .layerPop .wrap{width:90%;max-height:300px;overflow-y:scroll;font-size:1em;margin-top:10px !Important;}
    .layerPop .wrap.notice{width:calc(90% - 10px);}
    .layerPop .btnClose{font-size:1em;}

    .layerPop .tit{font-size:1.2em;line-height:2.5em;}
    .layerPop .cont{padding:10px;font-size:1em;}
    .layerPop .cont>dd{padding-bottom:5px;}
    .layerPop .cont>dd label{font-size:0.8em;}
    .layerPop input[type="checkbox"]{margin-right:5px;}

    .layerPop .btnWrap .btnOrange{line-height:30px;padding:0 50px;font-size:1em;}
}


/* Tablet */
@media all and (min-width: 640px) and (max-width: 1499px) {
/*    #header .utilWrap .util{width:100%;}*/
/*    #header .logoWrap{width:100%;}*/
/**/
/*    #container .contentWrap{width:100%;}*/
/**/
/*    #footer .logoWrap{width:100%;}*/
/**/
/*    #introWrap .welcome{float:left;width:50%;}*/
/*    #introWrap .contWrap{float:right;width:50%;}*/
/**/
/*    #introWrap .contWrap .image{width:100%;height:300px !Important;}*/
/**/
/**/
/*    .layerPop .wrap{width:70%;}*/
/*    .layerPop .wrap.notice{width:calc(70% - 10px);}*/
}
/* Pc */

@media all and (min-width: 1280px){
    
    #header .utilWrap .util{width:1200px;}

}
@media all and (min-width: 1024px) { /*1500*/
    #header .utilWrap .util{width:1000px;}
    #header .logoWrap{width:1500px;}

    #container .contentWrap{width:1500px;}


    #footer .logoWrap{width:1500px;}

    #introWrap .welcome{float:left;width:50%;}
    #introWrap .contWrap{float:right;width:50%;}

    #introWrap .contWrap .image{width:100%;height:300px !Important;}
}





/**************************************************************** 슬래시 배경 ****************************************************************/
.slashBorder{padding:0; width:100%;height:100%;border:none;overflow:hidden;}
.slashBorder>*{width:calc(100% - 20px);background:#fff;}

/**************************************************************** 인덱스 ****************************************************************/
.upcommingWrap{width:100%;background:#f7c00d;*zoom:1;}
.upcommingWrap:after{content:"";display:block;clear:both;}
.upcommingWrap .image{float:left;width:calc(100% - 434px);height:600px;overflow:hidden;}
.upcommingWrap .text{float:right;width:354px;height:520px;padding:40px;color:#000;overflow:hidden;}
.upcommingWrap .text>i{display:block;padding-bottom:15px;font-size:29pt;font-weight:700;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.upcommingWrap .text .tit{display:block;font-size:17pt;font-weight:400;}
.upcommingWrap .text .lecturer{display:block;padding-bottom:15px;font-size:13pt;}
.upcommingWrap .text .lecturer:after{content:'';display:block;clear:both;}
.upcommingWrap .text .lecturer .bold{padding:0 5px;font-size:15pt;float:left;width:293px;display:block;font-weight:500;}
.upcommingWrap .text .lecturer .lleft{padding-right:5px;font-size:15pt;float:left;}
.upcommingWrap .text .lecturer em{font-size:13pt;font-style:normal;}
.upcommingWrap .text .date{display:block;padding-bottom:25px;font-size:15pt;color:#e70033;font-weight:400;}
.upcommingWrap .text .btnEventMove{display:inline-block;height:45px;line-height:45px;font-size:17pt;padding:0 55px 0 25px;font-weight:700;font-style:italic;color:#fff;border-radius:30px;text-shadow:2px 2px 2px rgba(0,0,0,0.2);text-decoration:none;background:url(../img/bg_arrow_white.png) calc(100% - 25px) 50% no-repeat #eb7b2a;}
.upcommingWrap .text .btnEventMove:link{text-decoration:none;}
.upcommingWrap .text .btnEventMove:visited{text-decoration:none;}
.upcommingWrap .text .btnEventMove:active{text-decoration:none;}
.upcommingWrap .text .btnEventMove:hover{text-decoration:none;}

@media all and (max-width:1440px){
    
    .upcommingWrap{width:96%;}

}

@media all and (max-width:1366px){
    
    .upcommingWrap{width:91%;}

}


@media all and (max-width:1280px){
    
    .upcommingWrap{width:86%;}

}

@media all and (max-width:1024px){
    
    .upcommingWrap{width:69%;}
/*    .upcommingWrap .text .lecturer span{float:left;}*/
/*    .upcommingWrap .text .lecturer strong{float:left;width:259px;}*/
/*    .upcommingWrap .text .lecturer em{font-size:12pt}*/

}



/* Mobile */
@media all and (max-width: 1023px) {  /*639*/
    .upcommingWrap .image{width:100%;height:233px;}
    .upcommingWrap .text{width:calc(100% - 40px);padding:0 20px 20px 20px;height:auto;}
    .upcommingWrap .text>i{font-size:1.5em;}
    .upcommingWrap .text .tit{font-size:1em;}
    .upcommingWrap .text .lecturer{font-size:1em;}
    .upcommingWrap .text .lecturer .bold{font-size:1.0em;}
    .upcommingWrap .text .lecturer .lleft{font-size:1.0em;}
    .upcommingWrap .text .lecturer em{font-size:1.0em;}
    .upcommingWrap .text .date{font-size:1em;}
    .upcommingWrap .text .btnEventMove{height:40px;line-height:37px;padding:0 50px 0 25px;font-size:1em;border-radius:20px;font-weight:500;}
    .upcommingWrap .text .lecturer .lleft{float:none;}
    .upcommingWrap .text .lecturer .bold{float:none;}
}

@media all and (max-width:970px){
    
    .upcommingWrap{width:100%;}
    .upcommingWrap .text .lecturer .lleft{float:left;}
    .upcommingWrap .text .lecturer .bold{float:left;width:259px;}
    .upcommingWrap .text .lecturer em{font-size:0.9em;display:block;}


}

@media all and (max-width:639px){
    
    .upcommingWrap{width:100%;}
    

}






/* Tablet */
/*@media all and (min-width: 640px) and (max-width: 1499px) {*/
/*    .upcommingWrap .image{width:100%;height:500px;}*/
/*    .upcommingWrap .text{width:calc(100% - 80px);height:auto;}*/
/*}*/

/**************************************************************** 최신글 ****************************************************************/
.latestWrap{padding:50px 20px;background:#eee;*zoom:1;}
.latestWrap:after{content:"";display:block;clear:both;}
.latestWrap .event{float:left;width:calc(60% - 20px);}
.latestWrap .notice{float:right;width:calc(40% - 20px);}
.latestWrap h3{padding-bottom:25px;font-size:25pt;color:#000;font-weight:400;}
.latestWrap h3 a{text-decoration:none;}
.latestWrap h3 a:link{text-decoration:none;}
.latestWrap h3 a:visited{text-decoration:none;}
.latestWrap h3 a:active{text-decoration:none;}
.latestWrap h3 a:hover{text-decoration:none;}
.latestWrap .list li{padding:10px 0 10px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../img/bg_bullet_gray.png) 0 50% no-repeat;}
.latestWrap .list li .icon{display:inline-block;height:24px;padding:0 15px;line-height:24px;margin-right:15px;text-align:center;border-radius:10px;font-size:12pt;font-weight:300;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.latestWrap .list li .icon.pre{background:#f7c00d;}/* 준비중 */
.latestWrap .list li .icon.fin{background:#eb7b2a;}/* 종료 */
.latestWrap .list li .icon.rep{background:#E83A0C;}/* 다시보기 */
.latestWrap .list li .icon.air{background:#F7A2DC;}/* 방송중 */
.latestWrap .list li a{vertical-align:top;color:#666;}

/* Mobile */
@media all and (max-width: 639px) {
    .latestWrap{padding:0px 0 50px;}
    .latestWrap .event{width:calc(100% - 20px);padding:10px;}
    .latestWrap .notice{width:calc(100% - 20px);padding:10px;}

    .latestWrap h3{padding-bottom:10px;font-size:1.2em;}

    .latestWrap .list li{padding:3px 0 3px 15px;}
    .latestWrap .list li .icon{font-size:0.8em;}
}
/* Tablet */
@media all and (min-width: 640px) and (max-width: 1499px) {
    .latestWrap{padding:20px 0 50px;}
    .latestWrap .event{width:calc(100% - 20px);padding:10px;}
    .latestWrap .notice{width:calc(100% - 20px);padding:10px;}

    .latestWrap h3{padding-bottom:10px;font-size:1.2em;}
}

/**************************************************************** 방송중 ****************************************************************/
.onAirWrap{position:relative;width:100%;*zoom:1;}
.onAirWrap:after{content:"";display:block;clear:both;}
.embed-responsive-16by9 .onAirWrap .movie{float:left;position:relative;width:100%;max-height:426px;overflow:hidden;} 
.embed-responsive-9by16 .onAirWrap .movie{float:left;position:relative;width:100%;overflow:hidden;} 
.onAirWrap .text{float:right;position:relative;width:414px;height:426px;padding-left:20px;color:#000;overflow:hidden;}
.onAirWrap .text h3{height:70px;line-height:70px;font-size:22pt;color:#f7c00d;}
.onAirWrap .text .btnSurvey{display:block;height:70px;line-height:65px;border-radius:10px;font-size:17pt;font-weight:400;font-style:italic;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.2);text-indent:75px;background:url(../img/bg_doc_white.png) 30px 50% no-repeat,url(../img/bg_arrow_white2.png) 255px 50% no-repeat #f7c00d;}
.onAirWrap .text .btnSurvey2{position:absolute;right:5px;top:25px;padding:3px 10px;font-weight:bold;color:#fff;border-radius:30px;background:#f7c00d;}
.onAirWrap .text .btnSurvey2.noactive{color:#fff;background:#999;}

.onAirWrap .text .txtArea{/* height:55px; */height:23px;padding:10px;margin:0;resize:none;border:none;border-radius:0;-webkit-appearance:none;}
.onAirWrap .text .txtCont{width:calc(100% - 10px);padding:5px;text-align:right;}
.onAirWrap .text .txtCont_bot{padding:0 10px;margin-bottom:10px;font-size:13px;font-weight:bold;color:red;letter-spacing:-1px;background:#fff;}
.onAirWrap .text .txtCont input[type="button"]{height:22px;line-height:21px;margin-left:10px;font-size:0.8em;padding:0 5px;color:#fff;border:none;border-radius:5px;cursor:pointer;background:#f7c00d;-webkit-appearance:none;}
.onAirWrap .text .txtCont input[type="submit"]{height:22px;line-height:21px;margin-left:10px;font-size:0.8em;padding:0 5px;color:#fff;border:none;border-radius:5px;cursor:pointer;background:#f7c00d;-webkit-appearance:none;}

.onAirWrap .text .btnWrap{padding:5px 15px;text-align:right;font-size:0;}
.onAirWrap .text .btnWrap li{display:inline-block;margin-left:5px;}
/*
.onAirWrap .text .talkList{height:260px;padding:10px;overflow-y:scroll;color:#999;}
.onAirWrap .text .talkList li{padding:10px 0;border-top:1px solid #ddd;}
.onAirWrap .text .talkList li:first-child{border-top:none;}
.onAirWrap .text .talkList li .nickName{display:inline-block;padding:0 5px;margin-top:-5px;color:#f7c00d;}
.onAirWrap .text .talkList li .talk{}
*/


/* 퀴즈,설문 */

#quiz_form .tit{font-size:12pt;}
#quiz_form .mulitple{font-size:12pt;}

.onAirWrap .pop{position:absolute;border:3px solid #f7c00d;background:#fff;}
/* .onAirWrap .pop.popQuiz{right:0;bottom:-400px;} 아래 죽이고 이거 살리기 */
.onAirWrap .pop.popQuiz{right:0;bottom:-400px;}
/* .onAirWrap .pop.popSurvey{left:50%;bottom:-400px;margin:0 0 -150px -250px;} 아래 죽이고 이거 살리기 */
.onAirWrap .pop.popSurvey{left:50%;bottom:50%;margin:0 0 -150px -250px;}
.onAirWrap .pop .cont{width:500px;height:300px;padding:20px;overflow-y:scroll;}
.onAirWrap .pop .cont h3{padding-bottom:10px;font-size:1.5em;color:#f7c00d;}
.onAirWrap .pop .cont .tit{display:block;padding-bottom:20px;color:#333;font-size:12pt;}

.onAirWrap .pop .cont .mulitple{}
.onAirWrap .pop .cont .mulitple li{padding-bottom:10px;*zoom:1;}
.onAirWrap .pop .cont .mulitple li:after{content:"";display:block;clear:both;}
.onAirWrap .pop .cont .mulitple li input[type="checkbox"]{float:left;width:20px;margin-top:5px;}
.onAirWrap .pop .cont .mulitple li span{float:right;width:calc(100% - 30px);font-size:12pt;}

.onAirWrap .pop .cont .description{/* display:none; */}
.onAirWrap .pop .cont .description textarea{width:calc(100% - 40px);padding:20px;border:1px solid #ccc;border-radius:5px;resize:none;background:#fafafa;}
.onAirWrap .pop .cont .description input[type="text"]{width:calc(100% - 40px);padding:20px;border:1px solid #ccc;border-radius:5px;resize:none;background:#fafafa;}

.onAirWrap .pop .cont .answerWrap{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.onAirWrap .pop .cont .answerWrap .answer{position:absolute;left:50%;top:50%;margin:-75px 0 0 -150px;border:3px solid #eb7b2a;background:#fff;}
.onAirWrap .pop .cont .answerWrap p{display:table-cell;width:300px;height:150px;text-align:center;vertical-align:middle;font-weight:400;color:#eb7b2a;}

.onAirWrap .pop .cont .btnWrap{padding:20px 0;text-align:center;}
.onAirWrap .pop .cont .btnWrap>*{display:inline-block;height:23px;line-height:23px;margin:0 3px;border:none;border-radius:3px;font-size:0.8em;font-weight:400;color:#fff;text-decoration:none;-webkit-appearance:none;}
.onAirWrap .pop .cont .btnWrap>*:link{text-decoration:none;}
.onAirWrap .pop .cont .btnWrap>*:visited{text-decoration:none;}
/* .onAirWrap .pop .cont .btnWrap>*:active{text-decoration:none;} */
.onAirWrap .pop .cont .btnWrap>*:hover{text-decoration:none;}
/* .onAirWrap .pop .cont .btnWrap>*:input[type="button"]{} */
.onAirWrap .pop .cont .btnWrap .btnComplete{padding:0 5px;margin-top:-2px;line-height:22px;background:#f7c00d;}
.onAirWrap .pop .cont .btnWrap .btnClose{padding:0 7px;color:#fff;background:#666;}
.onAirWrap .pop .cont .btnClose2{position:absolute;right:30px;top:20px;font-family:"Arial";font-size:2em;font-weight:bold;color:#f7c00d;text-decoration:none;}

/* 재생오류문의 */
.errMovie{position:absolute;right:434px;bottom:-35px;}
.errMovie img{text-align:right;}

.popErr{position:absolute;left:50%;top:50%;margin-left:-250px;margin-top:-300px;}
.errTit{padding-bottom:10px;color:#000;}
.err{padding:5px 15px;}
.err strong{display:block;color:#333;}
.err p{padding:0 0 10px 20px;}
.err p .blue{color:blue;text-decoration:underline;}



@media all and (max-width:1440px){
    
    .onAirWrap .pop .cont h3{font-size:1.2em;padding-bottom:5px;}
    .onAirWrap{width:96%;}
    .onAirWrap .pop .cont .mulitple li{padding-bottom:3px;}
    .onAirWrap .pop .cont .mulitple li span{font-size:10pt;}
    .onAirWrap .pop .cont .tit{font-size:10pt;padding-bottom:5px;}
    .onAirWrap .pop .cont{padding-top:10px;}
    

}

@media all and (max-width:1366px){
    
    .onAirWrap{width:91%;}

}


@media all and (max-width:1280px){
    
    .onAirWrap{width:85%;}

}

@media all and (max-width:1024px){
    
    #quiz_form .tit{font-size:11pt;}
    #quiz_form .mulitple{font-size:11pt;}
    .onAirWrap{width:68%;}

}

@media all and (max-width:970px){
    
    .onAirWrap{width:99%;}

}



/* Mobile */
@media all and (max-width: 639px) {/*639*/
   .embed-responsive-16by9 .onAirWrap .movie{width:100%;/* max-height:300px;*/ max-height:360px;margin-bottom:35px;}
   .embed-responsive-9by16 .onAirWrap .movie{width:100%;/* max-height:300px; max-height:360px;*/margin-bottom:35px;}
    .onAirWrap .text{width:calc(100% - 40px);padding:20px;height:auto;}
    .onAirWrap .text h3{height:40px;line-height:40px;font-size:1.2em;}
    .onAirWrap .text .btnSurvey{height:40px;line-height:37px;font-size:1.2em;text-indent:45px;background:url(../img/bg_doc_white.png) 20px 50% no-repeat,url(../img/bg_arrow_white2.png) 190px calc(50% + 2px) no-repeat #f7c00d;background-size:auto 50%;}
    .onAirWrap .text .btnSurvey2{top:30px;font-size:0.8em;}

    .onAirWrap .pop.popQuiz .cont{width:274px;height:134px;overflow-y:scroll;}

    .onAirWrap .pop.popSurvey{margin-left:-160px;margin-bottom:-90px;}
    /* .onAirWrap .pop.popSurvey .cont{width:100%;height:254px;} */
    .onAirWrap .pop.popSurvey .cont{width:274px;height:134px;overflow-y:scroll;}

    .errMovie{right:20px;bottom:604px;}

    .popErr{left:0;top:0;margin:10px;}
    .onAirWrap .pop .cont{width:calc(100% - 40px);}
}



 /*Tablet*/ 
@media all and (min-width: 640px) and (max-width: 1499px) {
  .embed-responsive-16by9  .onAirWrap .movie{height:426px !Important;}
    

/*
    .onAirWrap .movie{width:100%;max-height:500px;margin-bottom:35px;}
    .onAirWrap .text{width:calc(100% - 40px);padding:20px;height:auto;}

    .errMovie{right:20px;bottom:640px;}
*/


    .onAirWrap .pop.popQuiz .cont{width:274px;/* height:134px; */overflow-y:scroll;}

    .onAirWrap .pop.popSurvey{margin-left:-160px;margin-bottom:-190px;}
    .onAirWrap .pop.popSurvey .cont{width:274px;height:334px;overflow-y:scroll;}



}



/* Pc */
@media all and (min-width: 1500px) { 
    .embed-responsive-16by9 .onAirWrap .movie{height:600px !Important;}
}

/**************************************************************** 강연내용 ****************************************************************/
.lectureWrap{padding:50px 0;background:#eee;*zoom:1;}
.lectureWrap:after{content:"";display:block;clear:both;}
.lectureWrap .lecture{float:left;width:calc(100% - 20px);}
.lectureWrap h3{padding-bottom:25px;font-size:25pt;color:#000;font-weight:400;}
.lectureWrap h3 a{text-decoration:none;}
.lectureWrap h3 a:link{text-decoration:none;}
.lectureWrap h3 a:visited{text-decoration:none;}
.lectureWrap h3 a:active{text-decoration:none;}
.lectureWrap h3 a:hover{text-decoration:none;}
.lectureWrap .list li{padding:10px 0 10px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../img/bg_bullet_gray.png) 0 50% no-repeat;}
.lectureWrap .list li a{vertical-align:top;color:#666;}

/* Mobile */
@media all and (max-width: 639px) {
    .lectureWrap{padding:20px 0 50px;}
    .lectureWrap .lecture{width:calc(100% - 20px);padding:10px;}

    .lectureWrap h3{padding-bottom:10px;font-size:1.2em;}

    .lectureWrap .list li{padding:3px 0 3px 15px;}
    .lectureWrap .list li .icon{font-size:0.8em;}
}
/* Tablet */
@media all and (min-width: 640px) and (max-width: 1499px) {
    .lectureWrap{padding:20px 0 50px;}
    .lectureWrap .lecture{width:calc(100% - 20px);padding:10px;}

    .lectureWrap h3{padding-bottom:10px;font-size:1.2em;}
}


/**************************************************************** 고객센터 ****************************************************************/
.customerWrap{width:100%;*zoom:1;}
.customerWrap:after{content:"";display:block;clear:both;}
.customerWrap .image{float:left;width:calc(100% - 434px);height:600px;overflow:hidden;}
.customerWrap .text{float:right;width:414px;height:600px;padding-left:20px;color:#000;overflow:hidden;}
.customerWrap .text .title{display:block;height:70px;line-height:65px;border-radius:10px;font-size:17pt;font-weight:400;font-style:italic;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.2);text-indent:30px;background:#f7c00d;}
.customerWrap .text .eMail{padding:15px 0;}
.customerWrap .text .eMail label{display:block;padding-left:10px;line-height:30px;font-size:1.2em;font-weight:400;color:#5c5c5c;}
.customerWrap .text .eMail input[type="text"]{display:inline-block;width:calc(100% - 22px);border:1px solid #ddd;border-radius:3px;overflow:hidden;padding:5px 10px;font-size:0.9em;color:#999;-webkit-appearance:none;}
.customerWrap .text .txtArea{height:285px;padding:10px;margin:0;resize:none;border:none;border-radius:0;-webkit-appearance:none;}
.customerWrap .text .txtCont{width:calc(100% - 10px);padding:5px;text-align:right;}
.customerWrap .text .btnWrite{margin-top:20px;display:block;width:100%;height:58px;line-height:58px;font-size:22pt;font-style:italic;color:#f7c00d;border:2px solid #f7c00d;border-radius:10px;cursor:pointer;background:#fff;-webkit-appearance:none;}


/* Mobile */
@media all and (max-width: 639px) {
    .customerWrap .image{width:100%;height:300px;}
    .customerWrap .text{width:calc(100% - 40px);padding:20px;height:auto;}
    .customerWrap .text .title{height:40px;line-height:37px;font-size:1.2em;text-indent:20px;background:#f7c00d;}
    .customerWrap .text .txtArea{height:100px;}
    .customerWrap .text .btnWrite{height:30px;line-height:25px;font-size:1em;}
}
/* Tablet */
@media all and (min-width: 640px) and (max-width: 1499px) {
    .customerWrap .image{width:100%;height:500px;}
    .customerWrap .text{width:calc(100% - 40px);padding:20px;height:auto;}
    .customerWrap .text .txtArea{height:200px;}
    .customerWrap .text .btnWrite{height:30px;line-height:25px;font-size:1em;}
}

/**************************************************************** 참석자 ****************************************************************/
.joinWrap{width:100%;padding:50px 0;border-top:2px solid #222;}
.joinWrap .title{padding-bottom:40px;font-size:28pt;color:#f7c00d;text-align:center;}
.joinWrap .explain{padding:0 10px 20px;font-size:12pt;text-align:center;}
.joinWrap .explain .orange{color:#eb5300;}

.joinWrap .btnWrap{padding:10px;*zoom:1;}
.joinWrap .btnWrap:after{content:"";display:block;clear:both;}
.joinWrap .btnWrap{padding-bottom:30px;font-size:0;}
.joinWrap .btnWrap select{font-size:11pt;}
.joinWrap .btnWrap .cf,
.joinWrap .btnWrap .cn{display:inline-block;width:calc(50% - 40px);margin:0 10px;font-size:14pt;font-weight:500;border-radius:10px;cursor:pointer;background:#f7c00d;-webkit-appearance:none;border:none;color:#fff;text-align:center;}
.joinWrap .btnWrap a.cf{line-height:50px;}
.joinWrap .btnWrap input[type="button"].cf{line-height:48px;margin-top:-16px;}
.joinWrap .btnWrap input[type="submit"].cf{line-height:48px;margin-top:-16px;}
.joinWrap .btnWrap a.cn{line-height:46px;color:#f7c00d;border:2px solid #f7c00d;background:#ffffff;}
.joinWrap .btnWrap input[type="button"].cn{line-height:44px;color:#f7c00d;border:2px solid #f7c00d;background:#ffffff;}


/* Mobile */
@media all and (max-width: 639px) {
    .joinWrap .title{padding-bottom:20px;font-size:1.5em;}
    .joinWrap .explain{padding-bottom:10px;font-size:0.8em;}

    .joinWrap .btnWrap a.cf{line-height:30px;font-size:11pt;}
    .joinWrap .btnWrap input[type="button"].cf{line-height:28px;font-size:11pt;margin-top:-16px;}
    .joinWrap .btnWrap a.cn{line-height:26px;color:#f7c00d;border:2px solid #f7c00d;background:#ffffff;}
    .joinWrap .btnWrap input[type="button"].cn{line-height:24px;color:#f7c00d;border:2px solid #f7c00d;background:#ffffff;}
}

/**************************************************************** 참석자현황 ****************************************************************/
.joinWrap .list{border-bottom:1px solid #ddd;border-top:2px solid #f7c00d;margin:0 auto;width:100%;overflow-x:auto;word-break:keep-all;}
.joinWrap .list table{width:100%;text-align:center;}
.joinWrap .list table thead th{padding:10px 5px;border:1px solid #ddd;border-top:none;background:#f7f7f7;font-weight:400;}
.joinWrap .list table tbody td{padding:10px 5px;border-left:1px solid #ddd;border-right:1px solid #ddd;}

.joinWrap .searchWrap{}
.joinWrap .searchWrap{float:left;*zoom:1;}
.joinWrap .searchWrap:after{content:"";display:block;clear:both;}
.joinWrap .searchWrap select{float:left;height:30px;font-size:11pt;}
.joinWrap .searchWrap input[type="text"]{float:left;width:100px;height:18px;margin-left:10px;font-size:11pt;}
.joinWrap .searchWrap input[type="submit"]{float:left;height:30px;line-height:30px;padding:0 10px;margin-left:5px;border-radius:3px;font-size:11pt;background:#f7c00d;}

/**************************************************************** 참석자등록 ****************************************************************/
/*
.joinWrap .regist{padding:30px;}
.joinWrap .regist>dt{padding:5px;}
.joinWrap .regist>dd{padding-bottom:15px;}
*/
.joinWrap .regist{margin:0 30px;border:1px solid #ddd;border-top:2px solid #f7c00d;}
.joinWrap .regist table{width:100%;}
.joinWrap .regist table th{padding:15px;border-bottom:1px solid #ddd;background:#f4f4f4;}
.joinWrap .regist table td{padding:15px;border-bottom:1px solid #ddd;}
.joinWrap .regist table th label span{margin-left:5px;color:#eb5300;}

.joinWrap .reqTxt{padding:5px 30px;text-align:right;color:#eb5300;}

.joinWrap input[type="text"]{display:inline-block;width:calc(100% - 22px);border:1px solid #ddd;border-radius:3px;overflow:hidden;padding:5px 10px;font-size:0.9em;color:#999;-webkit-appearance:none;}
.joinWrap input[type="checkbox"]{margin-right:10px;border:1px solid #999;border-radius:0;}


/**************************************************************** 회사소개 ****************************************************************/
.rollingWrap{position:relative;overflow:hidden;background:#000;}
.rollingWrap ul{width:100%;}
.rollingWrap ul li{position:relative;z-index:0;display:none;}
.rollingWrap ul li .image{display:block;width:100%;}
.rollingWrap ul li .text{position:absolute;left:-1500px;bottom:50px;padding:30px 185px 30px 45px;color:#fff;background:rgba(0,0,0,0.7);}
.rollingWrap ul li .text strong{display:block;font-size:22pt;padding-bottom:10px;}
.rollingWrap ul li .text p{font-size:16pt;padding-bottom:10px;font-weight:400;}

.rollingWrap .btnWrap{position:absolute;left:0;top:50%;width:100%;margin-top:-35px;}
.rollingWrap .btnWrap a{position:absolute;display:block;width:50px;height:70px;overflow:hidden;text-indent:-9999px;background:url(../img/btn_prev_next.png) no-repeat;}
.rollingWrap .btnWrap a.prev{left:20px;background-position:0 0;}
.rollingWrap .btnWrap a.next{right:20px;background-position:-50px 0;}

/* Mobile */
@media all and (max-width: 639px) {

    .rollingWrap ul li .text{display:none;}
}
/* Tablet */
@media all and (min-width: 640px) and (max-width: 1499px) {
    .rollingWrap ul li .text{bottom:10px;padding:15px 80px 15px 20px;}
    .rollingWrap ul li .text strong{font-size:12pt;}
    .rollingWrap ul li .text p{font-size:10pt;}
}
/* Pc */
@media all and (min-width: 1500px) {
}

.companyTxt{text-align:center;}
.companyTxt h3{padding:60px 0 30px;font-size:25pt;font-weight:400;color:#000;}

.companyTxt .strength{padding:60px 0;font-size:0;}
.companyTxt .strength li{display:inline-block;*display:inline;padding:30px;margin-left:60px;line-height:35px;border-radius:50%;background:#000;}
.companyTxt .strength li:first-child{margin-left:0;}
.companyTxt .strength li p{display:table-cell;width:140px;height:140px;font-size:22pt;font-weight:400;color:#fff;vertical-align:middle;}

.companyTxt .movieList{width:100%;max-width:1260px;margin:0 auto;font-size:0;}
.companyTxt .movieList li{display:inline-block;*display:inline;width:calc(100% / 3 - 60px);padding:40px 30px;font-size:13pt;vertical-align:top;}

.companyTxt .movieList strong{display:block;padding:5px 20px;border-radius:5px;color:#fff;}
.companyTxt .movieList .red   {background:#ed1c24;}
.companyTxt .movieList .blue  {background:#1b61c3;}
.companyTxt .movieList .sky   {background:#009be2;}
.companyTxt .movieList .green {background:#94be16;}
.companyTxt .movieList .yellow{background:#f7c00d;}
.companyTxt .movieList p{padding:20px 10px;text-align:left;}
.companyTxt .movieList a{display:block;padding:15px 20px;border:2px solid #66d096;border-radius:5px;font-weight:400;color:#66d096;text-decoration:none;}
.companyTxt .movieList a:link{text-decoration:none;}
.companyTxt .movieList a:visited{text-decoration:none;}
.companyTxt .movieList a:active{text-decoration:none;}
.companyTxt .movieList a:hover{text-decoration:none;}
.companyTxt .movieList a img{margin:-12px 10px 0 0;}

.companyTxt .movieWrap{position:fixed;left:0;top:0;right:0;bottom:0;display:none;background:rgba(0,0,0,0.7);}
.companyTxt .movieWrap.on{display:block;}

.companyTxt .imgWrap{padding:60px 20px;}
.companyTxt .imgWrap img{display:block;width:100%;max-width:788px;margin:0 auto;}

.companyTxt .contact{padding-bottom:60px;}
.companyTxt .contact strong{display:block;text-align:center;background:url(../img/bg_graybar_horizontal.png) 0 50% repeat-x;}
.companyTxt .contact strong span{display:inline-block;padding:20px 40px;font-size:25pt;font-weight:400;color:#000;background:#fff;}
.companyTxt .contact strong p{padding-bottom:20px;}

/* Mobile */
@media all and (max-width: 639px) {
    .companyTxt h3{font-size:1.5em;}
    .companyTxt .strength li{padding:15px;margin-left:5px;}
    .companyTxt .strength li p{width:70px;height:70px;font-size:11pt;line-height:20px;}

    .companyTxt .movieList li{padding:10px;width:calc(100% / 2 - 20px);font-size:11pt;}
    .companyTxt .movieList a{padding:5px 0;font-size:10pt;}
    .companyTxt .movieList a img{display:inline;width:16px;height:13px;margin-top:-3px;}

    .companyTxt .contact strong span{font-size:1.2em;}
}
/* Tablet */
@media all and (min-width: 640px) and (max-width: 1499px) {
}
/* Pc */
@media all and (min-width: 1500px) {
}


/**************************************************************** 지난 심포지엄 보기 ****************************************************************/
.rerunWrap{}
.rerunImg{display:none;}

.yearWarp{margin-top:40px;}
.yearWarp:after{content:"";display:block;clear:both;}
.yearWarp .list{float:left;width:71%;}
.yearWarp .list:after{content:"";display:block;clear:both;}
.yearWarp .list h3{padding:8px 15px;font-size:18px;color:#333;background:url(../img/bg_dot.png);}
.yearWarp .list ul li{padding:20px;margin-top:36px;background:#f4f4f4;}
.yearWarp .list ul li:first-child{margin-top:18px;}
.yearWarp .list ul li:after{content:"";display:block;clear:both;}
.yearWarp .list ul li table{border-collapse:separate;border-spacing:10px;}
.yearWarp .list ul li th{padding:3px 10px;line-height:18px;color:#555;font-size:1.1em;letter-spacing:1px;font-weight:normal;text-align:center;background:#fff;}
.yearWarp .list ul li td{padding:3px 10px;line-height:18px;color:#666;font-size:1.1em;letter-spacing:1px;font-weight:bold;}
.yearWarp .list .image{float:left;/* margin:1% 3% 1% 10px; */margin:10px;width:100%;max-width:218px;max-height:128px;border:1px solid #c8c7c7;}
.yearWarp .list .text{float:left;font-size:14px;width:calc(100% - 260px);}
.yearWarp .list .text table tbody th{width:110px;vertical-align:middle;}
.yearWarp .list .btn{display:inline-block;height:28px;line-height:28px;padding:0 20px;margin:5px 0 0 160px;font-size:1.2em;font-weight:bold;color:#fff;background:#eb572a;}

.yearWarp .total{float:right;width:23%;padding:1em 1.7%;background:url(../img/bg_dot.png);}
.yearWarp .total h3{padding:8px 15px;font-size:18px;color:#333;}
.yearWarp .total ul{}
.yearWarp .total ul li{margin-top:5px;}
.yearWarp .total ul li a{display:block;padding:0 15px;height:40px;line-height:40px;color:#fff;background:#848385;}
.yearWarp .total ul li.on a{font-weight:bold;color:#333;background:#f7c00d;}

/* Mobile */
@media all and (max-width: 639px) {
.rerunWrap{padding-top:10px;}
.yearWarp{font-size:0.8em;}
.yearWarp h3{font-size:0.9em;}

.yearWarp .list{float:none;width:90%;padding:5%;}
.yearWarp .list .text{width:100%;}

.yearWarp .total{float:none;width:90%;padding:5%;padding-top:0;}
.yearWarp .total:after{content:"";display:block;clear:both;}
.yearWarp .total li{float:left;margin-left:5px;}



.rerunImg.imgM{display:block;}
}
/* Tablet */
@media all and (min-width: 640px) {
.rerunWrap{padding-top:20px;}

.rerunImg.imgW{display:block;}
}