html {
	scroll-behavior: smooth;
}
body {
	margin:0;
	padding:0;
}

img {	
	display:block;
	margin:0 auto;
	outline:none;
	width:100%;
	max-width:1000px;
}

img1 {	
	display:block;
	margin:0 auto;
	outline:none;
	width:100%;
	max-width:1000px;
	border: 1px solid red;
}

.center {
	text-align:center;
}
.link {
	margin:20px 0px 50px 0px;
	font-size:30px;	
}
.link a {
	text-decoration:none;
}
.mp4 {
	margin:0 auto;
	padding:10px 0px 20px 0px;
	width:100%;
	max-width:1000px;
	background-color:#334A96;
}
video {
	width:80%;
}
.video-container {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
table {
	margin:0 auto;
	outline:none;
	width:100%;
	max-width:1000px;
	background-color:#334A96;
}
table img {
	width:100%;
}
table td a img {
	width:100%;
}
.cursor {
	cursor:pointer;
}
#top {
	position:fixed;
	bottom:10px;
	right:10px;
	width:10%;
	min-width:30px;
	max-width:80px;		
}
#top img {
	background-color: #ffffff;
    opacity: 0.5;
    border-radius:50%;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;   
}


.duc {
    position: relative;
}
    
.baek {
    position: relative;
}
    
.yong {
    position: relative;
}

.yong_video{
    position: absolute;
    max-width: 2500px;
    width: 92%;
    height: 35%;
    top: 32%;
    left: 6%;
    cursor: pointer;
    

}

.yong_img {
    position: relative;
}

.yongedu_all{
    position: absolute;
    max-width: 1500px;
    width: 80%;
    height: 65%;
    top: 25%;
    left: 10%;
    


}

.yongedu_intro{
    position: relative;
    max-width: 1500px;
    width: 100%;
    height: 10%;
    top: 0%;
    left: 0%;
    cursor: pointer;

}

.yongedu_intro1{
    position: absolute;
    max-width: 1500px;
    width: 100%;
    height: 10%;
    top: 18%;
    left: 0%;
  cursor: pointer;    

}


.yongedu_intro2{
    position: absolute;
    max-width: 1500px;
    width: 50%;
    height: 10%;
    top: 18%;
    left: 51%;
     cursor: pointer;

}

.yongedu_intro_prog{
    position: absolute;
    max-width: 1500px;
    width: 100%;
    height: 12%;
    top: 36%;
    left: 0%;
     cursor: pointer;

}

.yongedu_intro_sch1{
    position: absolute;
    max-width: 1500px;
    width: 30%;
    height: 25%;
    top: 70%;
    left: 0%;
     cursor: pointer;

}

.yongedu_intro_sch2{
    position: absolute;
    max-width: 1500px;
    width: 27%;
    height: 25%;
    top: 70%;
    left: 33%;
     cursor: pointer;

}

.yongedu_intro_sch3{
    position: absolute;
    max-width: 1500px;
    width: 32%;
    height: 25%;
    top: 70%;
    left: 65%;
     cursor: pointer;

}


/*덕영고*/

.duc_img,
.baek_img{
    position: relative;
}

.duc_top{
    position: absolute;
    max-width: 550px;
    width: 50%;
    height: 5%;
    top: 21%;
    left: 50%;
    transform: translate(-50%, -21%);
}

.duc_top .duc_home,
.duc_top .duc_call,
.duc_top .duc_location{
    float: left;
    width: 33.33333%;
    height: 100%;
    cursor: pointer;
}

.duc_intro {
    position: absolute;
    max-width: 550px;
    width: 50%;
    height: 3%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    cursor: pointer;
}

.duc_classes {
    position: absolute;
    max-width: 720px;
    width: 80%;
    height: 15%;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -51%);
    
}
.duc_classes .duc_classes_1 {
    float: left;
    width: 25%;
    height: 50%;
    margin-top: 16%;
    cursor: pointer;
}

.duc_classes .duc_classes_2 {
    float: left;
    width: 25%;
    height: 50%;
    margin-top: 6%;
    cursor: pointer;
}

.duc_classes .duc_classes_3 {
    float: left;
    width: 25%;
    height: 50%;
    margin-top: 6%;
    cursor: pointer;
}

.duc_classes .duc_classes_4 {
    float: left;
    width: 25%;
    height: 50%;
    margin-top: 16%;
    cursor: pointer;
}

.duc_qr_con {
    position: absolute;
    top: 77%;
    left: 50%;
    transform: translate(-50%, -77%);
    max-width: 700px;
    width: 70%;
    height: 6%;
}

.duc_qr {
    float: right;
    max-width: 200px;
    width: 20%;
    height: 100%;
    cursor: pointer;
}

.duc_pro {
    position: absolute;
    top: 96%;
    left: 50%;
    transform: translate(-50%, -92%);
    width: 60%;
    height: 4%;
    max-width: 600px;
    cursor: pointer;
}

/*백암고*/

.baek_top {
    position: absolute;
    max-width: 550px;
    width: 55%;
    height: 7%;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -22%);
    
}

.baek_top .baek_home,
.baek_top .baek_call,
.baek_top .baek_location{
    float: left;
    width: 33.33333%;
    height: 100%;
    cursor: pointer;
}

.baek_intro {
    position: absolute;
    max-width: 480px;
    width: 45%;
    height: 3%;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -49%);
    cursor: pointer;
}

.baek_classes {
    position: absolute;
    max-width: 700px;
    width: 70%;
    height: 15%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);  
}
.baek_classes .baek_classes_1 {
    float: left;
    width: 33.33333%;
    height: 50%;
    margin-top: 11%;
    cursor: pointer;
}

.baek_pro {
    position: absolute;
    top: 96%;
    left: 50%;
    transform: translate(-50%, -96%);
    width: 60%;
    height: 5%;
    max-width: 600px;
    cursor: pointer;
}

/*용인바이오*/

.yong_top {
    position: absolute;
    max-width: 550px;
    width: 55%;
    height: 7%;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
    
}

.yong_top .yong_home,
.yong_top .yong_call,
.yong_top .yong_location{
    float: left;
    width: 33.33333%;
    height: 100%;
    cursor: pointer;
}

.yong_intro {
    position: absolute;
    max-width: 480px;
    width: 50%;
    height: 3%;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -43%);
    cursor: pointer;
    
  
}

.yong_classes {
    position: absolute;
    max-width: 800px;
    width: 80%;
    height: 18%;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -58%);
}
.yong_classes .yong_classes_1 {
    float: left;
    width: 25%;
    height: 50%;
    margin-top: 23%;
    cursor: pointer;
}

.yong_classes .yong_classes_2 {
    float: left;
    width: 25%;
    height: 50%;
    margin-top: 15%;
    cursor: pointer;
}

.yong_classes .yong_classes_3 {
    float: left;
    width: 25%;
    height: 50%;
    margin-top: 4%;
    cursor: pointer;
}

.yong_classes .yong_classes_4 {
    float: left;
    width: 25%;
    height: 50%;
    margin-top: 1%;
    cursor: pointer;
}

.yong_pro {
    position: absolute;
    top: 96%;
    left: 50%;
    transform: translate(-50%, -96%);
    width: 60%;
    height: 4%;
    max-width: 600px;
    cursor: pointer;
}

/*모달*/
.duc_intro_modal,
.duc_1_modal,
.duc_2_modal,
.duc_3_modal,
.duc_4_modal,
.duc_5_modal,
.baek_intro_modal,
.baek_1_modal,
.baek_2_modal,
.yong_intro_modal,
.yong_1_modal,
.yong_2_modal,
.yong_3_modal,
.yong_4_modal{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none
}
.duc_intro_modal_content,
.duc_1_modal_content,
.duc_2_modal_content,
.duc_3_modal_content,
.duc_4_modal_content,
.duc_5_modal_content,
.baek_intro_modal_content,
.baek_1_modal_content,
.baek_2_modal_content,
.yong_intro_modal_content,
.yong_1_modal_content,
.yong_2_modal_content,
.yong_3_modal_content,
.yong_4_modal_content{
    width: 70%;
    max-width: 800px;
    background-color: white;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    cursor: pointer;
}