@charset "utf-8"; 

* {margin:0;padding:0;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark {font-family:NanumGothic,'나눔고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif;
;border:0;outline:0;background:transparent;font-size:100%;}
caption,tbody,tfoot,thead {outline:0;background:transparent;font-size:100%;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
nav, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after, q:before,q:after {content:'';content:none;}
body {font-family:NanumGothic,'나눔고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; color:#000;line-height:150%; font-size:14px;letter-spacing:-0.03em;}

header{position:relative;width:100%;height:87px;}
section{position:relative;width:100%;height:486px;}
footer{position:relative;width:100%;height:73px}
footer img{float:right;margin-right:40px;margin-top:45px}

#wrap{
    width:1120px;height:720px;
    position: relative;
    background-image: url("../images/intro/intro_bg.png");
    background-size: 100%;
    background-position: 90% 100%;
    background-repeat: no-repeat;
}


#white_bg{
    position: absolute;
    top:0; left:0;
    width: 1120px; height: 720px;
    background-color: rgba(255,255,255,0.7);
    display:none; 
}
/*
.close_btn{
   position:absolute; top:-5px; right:-5px;
    background-image: url('../images/intro/close_btn.png');
    background-repeat: no-repeat;
    width: 36px; height: 36px; 
    z-index: 10000;
    cursor: pointer;
	float:right;margin-right:10px ;margin-top:10px;
}
*/

/* modalpopup */ 
.modal {display: none;z-index: 1;padding-top: 20px;left: 0; top: 0;width: 1120px;box-sizing:border-box; height: 720px; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(255,255,255,0.7); z-index:9999;}
/*교수자소개 포함한 모달창의 위치 조정*/
.modal-content-intro {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); background-repeat:no-repeat;margin: auto;width:620px;height:467px;background-image:url('../images/intro/prof_info.png');box-sizing:border-box;}

.modal_con_in{
    position: relative; width: 253px; height: 122px;
}
.inner{
    position: absolute; width: 243px; top: 312px; right: 66px;
}
.inner_in{
    position: relative; 
}
.inner_in p{
    font-size: 18px; font-weight: bold; color: #555359;
    width: 250px;
    position: absolute;
}
.inner_in span{
    color: #6821de;
}
.inner_in .major{
    left:0; bottom: 50px;
}
.inner_in .office{
     left:-7px; bottom: 14px;
}
.inner_in .email{
     left:-10px; bottom: -21px;
}

/*.modal-content-intro {background-repeat:no-repeat;position:relative;margin: auto;width:844px;max-width:850px;height:676px;background-image:url('../images/intro/prof_info.png') ;box-sizing:border-box;}*/
/*원본파일*/
/*.modal-content-intro {position:relative;margin: auto;padding: 20px;width:auto;max-width:850px;height:595px;}*/
/*modal-content-intro {position:relative;background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width:auto;max-width:850px;height:595px;background-image:url(/images/intro/prof_info.png);background-position: center;background-repeat: no-repeat;}*/
.close {color: #aaaaaa;float: right;font-size: 28px;display:inline-block;font-weight: bold;position:relative;z-index:99;right:12px;top:27px;width:36px;height:36px;background-image:url('../images/common/popup_close_btn.png');background-repeat:no-repeat}
.close:hover, .close:focus {color: #000;text-decoration: none; cursor: pointer;z-index:99}
/*#moduel_map{position:relative;width:100%;height:100%;display:inline-block;float:left}*/
/* modalpopup */ 

#wrap2{position:relative;width:100%;height:100%;}
/*#wrap2{position:relative;width:100%;height:100%;background:#fff;}*/
#wrap2 h1 {display:none;}

/* popup header */
/*
#titles{position:relative;width:100%;height:51px;}
#titles h2 {float:left;margin-left:10px}
#titles h2 img{vertical-align:middle;}
*/

/* popup header */

/* 교수자 팝업 */
/*
article#professor_list{position: absolute; top: 50%; left:50%;width:620px;height:467px;
background-image:url('../images/intro/prof_info.png');background-position: center;background-repeat: no-repeat;}
*/

/*학습흐름도*/
.popup{
    display: none;position: absolute;width: 1120px; padding-top: 20px;height: 720px; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(255,255,255,0.6); z-index: 1;
}
.container{
    width: 785px; height: 599px;
    margin: 0 auto; background-image: url(../images/common/learning_flow.png);
}
.popup #c_btn{
    background-image:url('../images/common/popup_close_btn.png'); background-repeat:no-repeat; position: absolute; top: 80px;right:190px; width: 37px; height:37px; z-index: 56; cursor: pointer;
}
/*학습흐름도*/
.pop_config{
    display: none; position: absolute;width: 1120px; padding-top: 50px;height: 670px; overflow: auto; background-color: rgba(255,255,255,0.6); z-index: 1;
}
.pop_config #c_btn2{
    background-image:url('../images/common/popup_close_btn.png'); background-repeat:no-repeat; position: absolute; top: 73px;right:54px; width: 37px; height:37px; z-index: 56; cursor: pointer;
}
.container2{
    position: relative; margin: 0 auto; width: 1030px; height: 665px; background-image: url(../images/intro/aboutScreen1.png);
    padding-left: 137px; padding-top: 80px; 
    box-sizing: border-box;
}

article#professor_list .professor_pic:after{content:""; display:block; clear:both;}
article#professor_list .professor_pic p{float:left; width: 261px;height:270px;background-image: url(../images/intro/professor_pic.png);background-size: cover;background-position: center; background-repeat: no-repeat;overflow:hidden;margin-top: 70px; margin-left: 20px;}
/*
article#professor_list .professor_info_list{width:300px;height:545px;float:left;}
article#professor_list .professor_info_list:after{
    content:""; display:block; clear:both;
}
article#professor_list ul {float:left; width:100%; margin-left: 50px;margin-top:100px;}
article#professor_list ul:after{
    content:""; display:block; clear: both;
}
article#professor_list ul li{float:left; width:100%; height:30px; text-indent:10px; line-height:54px; font-weight:bold; font-size:16px; list-style: disc;}교수자 리스트목록 글 사이
article#professor_list ul li a{color:#000}
*/
/*여기까지 교수자 모달창 */

.container_in{position:relative; width: 100%; height: 560px;}



/*
.certific_info{
    width: 700px; height: 500px;
    background-color: bisque;
}
*/
.box_location{
    position: absolute;top: 50%;
    left: 50%; transform: translate(-50%,-50%);
    display: block; background-color: antiquewhite;
}
#button{
    position: absolute; top:0; right:0;
    cursor: pointer; display: none;
    z-index: 250000;
}


#profession_info{position:absolute;top:0;right:0;width: 140px; height: 46px;cursor:pointer;}
#learning_flow{
    position:absolute; top:0;right: 143px; width: 200px; height: 46px;cursor:pointer;
}
#about_screen{
    position: absolute; top: 0; right: 350px;
    width: 120px; height: 46px; cursor: pointer;
}


/*타이틀*/

.bigTitle{
    position: absolute; 
    right:90px; top: 145px;
/*    background-image: url(../images/intro/Big_title.png);*/
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    color: #00295c;
    font-weight: bold; font-size: 40px; line-height: 50px;
    
}

.Small_Title{
    position: absolute; right:62px; top:300px;
    font-size: 35px;
    font-weight: 600;
    line-height: normal;text-align: center;
    color: #5a9601;
}
footer .week, footer .lecture{
    width: 100%;height: 75px; text-align: center; font-size: 32px; line-height: 72px; font-weight: bold;
}
footer .week{
    color: #ffffff;
}
footer .lecture{
    color:#fff000;
}
.start_btn{
    position: absolute;
    width: 224px; height:82px;
    right:47px; bottom:113px;
/*
    background-repeat: no-repeat;
    background-position: center;
*/
	text-indent:-9999px;
/*	background-image:url('../images/intro/start_btn.png');*/
}

.audio{width:120px; height:30px; bottom:95px; left:222px;position:absolute;border-radius:20px;}