@charset "utf-8";
/*   이미지 마우스 오버시 */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
figure.snip1132 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
/*
  min-width: 220px;
  max-width: 310px;
  max-height: 220px;
*/
  min-width: 320px;
  max-width: 380px;
  max-height: 320px;
  width: 100%;
background: #EEEEEE; 
 color: #FFFFFF; 
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.no-drag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;} 

#bo_v_title { width:100%; font-size:22px; color:#000; margin:0; border-bottom:2px solid #286090; padding:0 10px 20px 10px; text-align:center; }

figure.snip1132 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

figure.snip1132 img {
  max-width: 100%;
  position: relative;
  opacity: 0.9;
}

figure.snip1132 figcaption {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 1px solid white;
  border-width: 0 1px;
}

figure.snip1132 .heading {
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

figure.snip1132 .caption {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  width: 100%;
  bottom: 0;
}

figure.snip1132 h3,
figure.snip1132 p {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}

figure.snip1132 h3 span,
figure.snip1132 p span {
  font-weight: 800;
}

figure.snip1132 h3:before,
figure.snip1132 p:before,
figure.snip1132 h3:after,
figure.snip1132 p:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
}

figure.snip1132 h3:before,
figure.snip1132 p:before {
  left: -1000%;
}

figure.snip1132 h3:after,
figure.snip1132 p:after {
  right: -1000%;
}

figure.snip1132 h3:before,
figure.snip1132 h3:after {
  top: 50%;
}

figure.snip1132 p {
  font-size: 0.8em;
  font-weight: 500;
}

figure.snip1132 p:before,
figure.snip1132 p:after {
  bottom: 50%;
}

figure.snip1132 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1132:hover img,
figure.snip1132.hover img {
  opacity: 1;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

/*   이미지 마우스 오버시 */







/* CSS Document */




#wrap {

    width:1200px; 
    position:relative;

   /* left:50%;  */
margin:0 auto; 
   /*  margin-left:-600px; */
    height:100%

}



@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face { font-family: 'NanumGothic';
src: url('/fonts/NanumGothic.eot');
src: url('/fonts/NanumGothic.eot') format('embedded-opentype'),
url('/fonts/NanumGothic.woff') format('woff');}




	












/* I wanted to center my loader */
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
 			#maximage {
				position:fixed !important;
			}
			                                       
			/*I want to style my pager*/
			#cycle-nav {
				position:absolute;
				right:100px;  /* 원래 10 */
				top:100px;
			}
			#cycle-nav ul {
				list-style-type:none;
			}
			#cycle-nav ul li {
				border:1px solid #ffffcc;
				float:left;
				margin:4px;
			}
			#cycle-nav ul li a {
				background:#ffffcc;
				float:left;
				height:10px;
				margin:2px;
				width:10px;
			}
			#cycle-nav ul li.activeSlide {
				border:1px solid #ff6600;
			}
			
			/*Set my gradient above all images*/
			
                  

                                        #gradient {
				left:0px;
				height:88px;
				 position:fixed; 
                                                        /* position:relative; */
				top:0px;
				width:100%;
				z-index:2000;
                                                        opacity:0.9;          
			}
                                       #gradientC {                             /* 메뉴부분 1200px; */
                                           top:0px;
                                           width:1200px; 
                                           height:88px;
                                           position: relative;        /* absolute;  fixed;  relative; */
                                           margin:0 auto; 
                                          /* left:50%;  */
                                          /*  margin-left:-600px;  */		
		               z-index:2001;
			}


                                         .navigation{
                                                        top: 18px;
				left:380px;
				
				 position:absolute; 
                                                        opacity:0.9;                                                        
                                                         filter: opacity(90)   
                                                    
				
			}

                                         #gradient1 {
				left:0px;
				height:74px;
				 position:fixed;
				top:0;
				width:100%;
				z-index:1906;
                                                         opacity:0.1;                                                        
                                                         filter: opacity(10)   
			}
 
  
                                      #gradient3 {
				left:0px;                 /* footer */
				height:60px;
			              position:absolute;
				bottom:0;
				width:100%;
				z-index:1908;

			}

                                         #NewFooter {                             /* footer 안쪽 */
                                           top:0px;
                                           width:1200px; 
                                           height:80px;
                                           position: relative;        /* absolute;  fixed;  relative; */
                                           margin:0 auto; 	
		               z-index:2001;
			}




                                           #main_quick_menu {
				top:1000px;
				height:auto;
				left:1120px;
				 /* position:fixed; */
				  position:absolute; 
                                                        /* position: relative; */
				z-index:4;

			}                                      
 
#main_quick_menu { float:left; margin-top:200px; }
#main_quick_menu ul { padding:10px 0; margin-bottom:10; }

#main_quick_menu ul li { width:60px; height:60px; padding:12px 0; margin:10px 10px; text-align:center; background: rgba(0,0,0,0.5); 

background: rgba(104,199,19,0.3);
border-radius: 28px;  /* 원으로 만들기 */
}

#main_quick_menu ul li:hover { background:rgba(84,177,1,0.7); cursor:pointer; }

#main_quick_menu ul li img { opacity:0.7; filter: opacity(70) }
#main_quick_menu ul li:hover img { opacity:1; filter: opacity(100) }






                                          #left_quick {
				top:100px;
				height:auto;
				right:17px;
				position:absolute;
				
				z-index:1104;
                                           }
                                        div.add_link {
				top:480px;
				height:auto;
				right:45px;
				position:absolute;
				
				z-index:1005;

			}
                                        div.notice_ctnW {
				top:260px;
				height:auto;
				right:30px;
				position:absolute;
				
				z-index:1006;
                                          }

                                      


			
			/*Set my logo in bottom left*/
			#logo {
		                            top:15px;
				height:62px;
                                                         width:218px;
				 left:5px;
				
                                                        position:absolute; 
                                                       
				
				z-index:2001;
			}
			#logo img {
				width:218px;
                                                        height:62px;
			}
			
                                                        
                                                       #logins {
    top: 30px;
    right: 50px;
    width: 42px;
    height: 42px;
    position: absolute;
    z-index: 2503;
}
                                                     
                                                       
				
			
                                          #logins:hover {
                                                                border: 1px solid #ccc;
                                                               }

			#Flogo {
				top:0px;
				height:40px;
                                                         width:420px;
				 left:5px;
				
                                                        position:absolute; 
                                                       
				
				z-index:2001;
			}
			#FlogoT {
				top:5px;
				height:40px;
                                                         width:120px;
				 left:0px;
				
                                                        position:absolute; 
                                                       
				
				z-index:2001;
			}


                                           .Titleimg {
				top:0px;
				height:40px;
				left:0px;
                                                        width:280px;
				position:relative;
                                                       /* display: block; */
				
				z-index:2;
			}
  


			 #arrow_left,#arrow_right {
		                              
                                                        bottom:430px;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index:1000;
			}
			#arrow_left {
				left:30px;
			}
			
			#arrow_left:hover, #arrow_right:hover {
				bottom:429px;
			}
			#arrow_left:active, #arrow_right:active {
				bottom:428px;
			}



                                          a {color:#666;text-decoration:none;}
			a:hover {color:#000;text-decoration:none;}
			
			
			.in-slide-content { 
				color:#333;
				float:right;
				font-family:'Helvetica Neue', helvetica;
				font-size:60px;
				font-weight:bold;
				right:0;
				margin:40px; /* 원래 40px; */
				padding:20px;  /* 원래 20px; */
				position:absolute;
				top:0;
				width:700px;   /* 원래 700 */
				z-index:1999; /* Show above .gradient */
				text-shadow: 0 1px 0 #fff;
			}
			.light-text {color:#f0f0f0;text-shadow: 0 1px 0 #666;}
			.smaller-text {font-size:40px;}
			.youtube-video, video {
				left:0;
				position:absolute;
				top:0;
			}


	
			
			/* Position Maximage relatively (this is not default) */
			#maximage {
			    position:relative !important;
			}
			div.mc-image {    
			    -webkit-background-size: contain;
			    -moz-background-size: contain;
			    -o-background-size: contain;
			    background-size: contain;
			}

			#holder {
			    margin:0 auto;
			    width:100%;  /* 원래 400px */
                                           
			}
			
			/* Use specific transition for fx: 'slideHorz' */
			div.mc-image {
				-webkit-transition: left 1s ease-in-out; 
				-moz-transition: left 1s ease-in-out; 
				-o-transition: left 1s ease-in-out; 
				transition: left 1s ease-in-out;
			}

/* left 서브메뉴부분======================================== */

                                          #ccc1 {
				
				height:auto;
				left:0px;
                                                        top:1000px;
				 position:absolute; 
				/* position:fixed;  */
                                                      /* position:relative */
				z-index:4;

                                           }
   
 div.menu-container {
  display: inline-block;
  position: absolute;

 /* transform: translateX(-50%) translateY(-50%); */ 위치가 달라진다....
  
  z-index: 0;
 /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  */
 /* background-color: #ffffff;  */
 /*  opacity:0.7;  */
  /* filter: opacity(70)    */


}
 div.menu-container menu {
  display:block;
  position: relative;
  width: 15em;
  padding: 1em;
  border: 0px solid #ccc;
  margin: 0;

  z-index: 2;

   list-style:none;
 /*  padding-left:0px; */
   



}

div.menu-container menu menuitem1 {        /* 선택되었을때 */


/*  font-size: 0.9rem; */
  font-size:14px;
  font-stretch: condensed;  /* 장평 조금좁게 */

  display: block;
  height: 3em;  /* 줄간격 */
  line-height: 3em; /*줄간격 */  
  padding: 0 1em;
  cursor: pointer;
  background:#99cc33;  /* 녹색 */
  text-align: left;
  color: #ffffff;
  font-weight: 400;
  opacity:0.8; 
  /* letter-spacing: .02em; */
}

 div.menu-container menu menuitem {


/*  font-size: 0.9rem; */
  font-size:14px;
  font-stretch: ultra-condensed;   /* 장평 조금좁게 */

  display: block;
  height: 2.1em;  /* 줄간격 */
  line-height: 2.1em; /*줄간격 */  
  padding: 0 1em;
  cursor: pointer;
  background: transparent;
  text-align: left;
  color: #333333;
  font-weight: 400;
 /* opacity:0.9; */
  /* letter-spacing: .02em; */
}
 div.menu-container menu menuitem:hover {
 /* color: #333333; */
}
 

div.menu-container .sliding-bar {
  position: absolute;
  background-color:#d3ee44; /* 움직이는 박스슬라이드 색깔 */
 
  transition: all .2s ease;
  z-index: 1;
  opacity: 0;

}
/* div내의 div를 가운데 정렬 시키는법 */
#divout {
 width: 100%;
 text-align: center;
 }
#divin {
 display: inline-block;
 }		

/* 스크롤 전에 텍스트 숨기기 스크롤 아이콘 보이기 */
div.show-on-scroll { visibility: hidden; }
div.show-on-scroll.shown { visibility: visible; }
#ccc1 { visibility: hidden; }
#ccc1.shown { visibility: visible;} 
#H_menu { visibility: hidden; }
#H_menu.shown { visibility: visible;}




 footer { visibility: hidden; } 
 footer.shown { visibility: visible; } 
 footer.hide { visibility: hidden; } 

div.icol { 
visibility:  visible;  
 position: absolute;
  top: 88px;

  width:100%;
  z-index: 100;
text-align: center;



}
div.icol span{
 position: absolute;
        display: inline-block;
left:45%;
margin-top: 9px;
animation: horizontal 0.7s ease-in-out infinite; /* 위아래로 움직이는 효과주기 */
}
@keyframes horizontal {         
        0% {margin-top: 9px;}
        50% {margin-top: 11px;}
        100% {margin-top: 9px;}
}


div.icol.shown { visibility: hidden; }





#link_Top { 
float:left; 
top:20px;
right:220px;
width:160px; 
margin:0px 0px 0px 0px; 
position:absolute; 
z-index:2004;
}
#link_Top ul { padding:0px 0; margin-bottom:0; }
#link_Top ul li { float:left; padding:0px; margin-right:5px; background:rgba(245,245,245,0.5); float:left; width:30px; height:30px; cursor:pointer; }
#link_Top ul li img{opacity:0.9;  filter: opacity(90)}
#link_Top ul li:last-child { margin-right:0; }
#link_Top ul li:hover { 
background:rgba(255,255,255,0.7); 
border: 1px solid #ccc;
}
#link_Top ul li:hover img{opacity:1;  filter: opacity(100)}









@font-face {
            font-family: 'Calluna';
            src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/CallunaSansRegular.otf") format("opentype");
}
* {
    box-sizing: border-box;
   margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}






html {
height: 100%;
}

body {
/*

    font-family: Calluna, Arial, sans-serif;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(http://www.ebbai.kr/img/main0.jpg);
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(http://www.ebbai.kr/img/main0.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: 100% !important;
    background-position: center top !important;
    padding: 0rem;
*/

 /*   padding-top: 10%;  */  /* body의 높이를 결정한다 */   
    color: #fff;
 margin: 0;
height: 100%;
}








h1 {
    text-align: center; 
   display: block;
    font-size: 2rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
}

hs1 {
    text-align: center; 
   display: block;
    font-size: 1.7rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
}



sub_p {
font-family:OpenSansCon, NanumSquare, sans-serif; letter-spacing:0.02em; 
 position: absolute;
   font-size: 0.725rem;
  font-stretch: condensed; 
    text-align: left;
    line-height: 1.6;
    margin-left: 1rem;
    margin-right: 1rem;
    color: #000;
 right:0;
}
txt_subjectB {
font-family:OpenSansCon, NanumSquare, sans-serif; letter-spacing:0.02em; 

   font-size: 0.6rem;
  font-stretch: condensed; 
    text-align: left;
    line-height: 1.6;
    margin-left: 230px;
    margin-right: 1rem;
    color: #000;
}

h2 {
     margin-bottom: 0;
    text-align: center; 
    display: block;
    font-size: 1rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    line-height: 1;
    position: absolute;
    bottom: 0;
    font-weight: 600;

}
h4 {
     margin-bottom: 0;
    text-align: center; 
    display: block;
    font-size: 1rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    line-height: 1;
  
    font-weight: 600;

}














.show-on-scroll{
  display: block;
  top:1000px;
  min-height: 100%;
  position: relative;
  padding-bottom: 120px; /* footer height */
   z-index: 2;
}

.align_left { float:left !important; }
.align_right { float:right !important; }
.align_center { text-align:center !important; }

#Troot{
width:300px;



.campus_img ul { text-align:center; }
.campus_img ul li img { width:380px; margin:6px; display:inline-block; float:left; }
.campus_img ul li { width:auto; display:inline-block; float:none; }

.campus_img ul li { width:auto; display:inline-block; float:none; }
.campus_img ul li img { width:100%; }

.txt_marginT { margin-top:20px; clear:both; }
.txt_marginB { margin-bottom:30px; clear:both; }


}




.info1 { float:left; margin:0 20px 10px 0; }
.info2 { float:right; margin:0 0 0 20px; }
.txt_bullet { float:left; width:100%; background:url("http://ebbai.kr/img/bullet.png") no-repeat left 5px; padding-bottom:0px; padding-left:20px; color:#242424; font-size:1em; margin:30px 0 10px 0; font-weight:600; font-family:OpenSansCon, NanumSquare, sans-serif; letter-spacing:0.02em; font-stretch: condensed;}
.txt_bulletLeft { float:left; width:100%; background:url("http://ebbai.kr/img/bullet.png") no-repeat left 5px; padding-bottom:0px; padding-left:20px; color:#242424; font-size:1em; margin:30px 0 10px 0; font-weight:600; font-family:OpenSansCon, NanumSquare, sans-serif; letter-spacing:0.02em; font-stretch: condensed;}
.txt_bulletT { float:left; width:100%; background:url("http://ebbai.kr/img/bullet.png") no-repeat left 5px; padding-bottom:0px; padding-left:20px; color:#242424; font-size:1em; margin:30px 0 10px 0; font-weight:600; font-family:OpenSansCon, NanumSquare, sans-serif; letter-spacing:0.02em; font-stretch: condensed;}

.txt_bullet3 { float:left; width:300px; background:url("http://ebbai.kr/img/bullet.png") no-repeat left 5px; padding-bottom:0px; padding-left:20px; color:#242424; font-size:1em; margin:10px 30px 10px 0; font-weight:600; font-family:OpenSansCon, NanumSquare, sans-serif; letter-spacing:0.02em; font-stretch: condensed; margin-left:30px;}
.txt_bullet4 { float:left; width:90%; background:url("http://ebbai.kr/img/bullet.png") no-repeat left 5px; padding-bottom:0px; padding-left:20px; color:#242424; font-size:1em; margin:10px 30px 10px 0; font-weight:600; font-family:OpenSansCon, NanumSquare, sans-serif; letter-spacing:0.02em; font-stretch: condensed; margin-left:30px;}

  


                #Clayout1{
                    width: 49%;
                   z-index:3;
                    float: left; 
               margin-bottom:10%
                }

                #Clayout2{
                    margin-left: 2%;
                    width: 49%;
                    float: right; 
	      z-index:3;   
               margin-bottom:10%                 
                }
               
           

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



                #Clayout1{
                    width: 100%;
                   z-index:3;
                    float: left; 
               margin-bottom:10%
                }
                #Clayout2{
                   margin-top: 5%; 
                 width: 100%;
                z-index:3;
                float: left; 
                   margin-bottom:10%
                }
   
            }
      

/* 테이블 */
table { width:100%; }
.table-responsive { overflow-x:auto; }
.table-responsive .table th, .table-responsive .table td { word-break:break-all !important; white-space:normal !important; width:95%; }
.table-responsive .table th, .table-responsive .table td { padding:0; vertical-align:middle; }
/*반응형 table*/
.media_table { width:100%; }
.media_table tr, .media_table td { display: block; width:95%; }
.media_table td { clear: both; margin-left:25%; text-align: left; border:none; width:50%; background:transparent; word-break:break-all !important; white-space:normal !important; line-height:18px !important; }
.media_table td:before { color:#3e5b8d; font-weight:normal; content: ''; display: block; left: 5%; position: absolute; }
.media_table tr:nth-child(2n) { background:#e8ecf3; }
.media_table tr { float:left; padding: 5px 0 0 0; width:100% !important; }
.media_table tr:first-child { display: none; }


/* bus table*/
.bus_table td { margin-left:170px; min-height:20px; padding:0; width:80%; }
.bus_table td:before { left: 17%; }
.bus_table td:nth-child(1) { margin-left:1%; position:absolute; font-size:1em; float:left; margin-top:10px; }
.bus_table td:nth-child(1):before { content: ''; display:none; }
.bus_table td:nth-child(2):before { content:   ; display:none; }

.bus_table td { margin-left:0; margin:20px 0 5px 10px !important; width:93%; height:100%; padding:0; line-height:120%; }
.bus_table td:before { left: 7%; width:93%; height:21px; margin-top:-20px; }
.bus_table td:nth-child(1) { margin:0px 0 0 3% !important; position:relative !important; font-size:1em; float:left; padding-bottom:20px !important; }


.table_center td { text-align:center; height:auto; }

.color_g { background:#fff; color: #C00; letter-spacing:0.05em; }
.color_y { background-color:#f5f5f5; color:#C00; text-align:left !important; padding-left:20px !important; width:43% }
.color_b { background-color:#d1efff; }
.color_s { background-color:#fff; color:#000; text-align:left !important; padding-left:20px !important; width:43% }
.ctn_table50 { width:50%; }
.ctn_table100 { width:100%; margin-top:10px; float:left; }
.ctn_table100 td { padding:2px !important; }
.txt_marginT { margin-top:20px; clear:both; }
.txt_marginB { margin-bottom:30px; clear:both; }
#sbus_middle { clear:both; margin-top:0; }
#sbus_middle th { background:#e3efd9; border:1px solid #9db689; color: #1a681a; }




     


/* 탑메뉴 부분 */

      .main_menu1{float:left;background-color:white;width:100%;height:74px; filter: alpha(opacity=0.8); opacity: 0.8;
     
     
}
.container{float:left;background-color:white;width:100%;height:74px; filter: alpha(opacity=0.4); opacity: 0.4;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1)
     
}
.main_menu2{float:left;background-color:black;width:100%; left:0px; height:1px; filter: alpha(opacity=0.4); opacity: 0.4;
      width: 100%;
    /* position: absolute; */
position: fixed;
z-index;2000;
}

.main_menu4{float:left;background-color:white;width:100%; left:0px; height:114px; filter: alpha(opacity=0.4); opacity: 0.4;
      width: 100%;
    /* position: absolute; */
position: fixed;
}


.main_menu3{float:left;background-color:black;width:100%;height:60px; filter: alpha(opacity=1); opacity: 1;   /* footer */
      

}

#H_menu{
   /* include menu */
				left:10px;
				height:100px;
			              position:absolute; 
				top:480px;
				width:100px;
				z-index:10;
      

}


      .ropdown active{float:left;background-color:white;width:100%;height:80px; filter: alpha(opacity=0.8); opacity: 0.8;}
       ul{list-style:none}
      .dropdown-menu bold{display:none; float:left;background-color:black;width:100%;height:80px; filter: alpha(opacity=1); opacity: 1;}
      .menu_list{float:left;}
  











/* ====================================================================================================================== */

#cd-lateral-nav { box-shadow: 1px 1px 5px rgba(0,0,0,0.7) z-index: 2100; }
#cd-lateral-nav.lateral-menu-is-open { z-index: 2100; }
#s_title{
   top: 120px;
    left: 30px;
width:300px;
    z-index: 2;
   
    position:absolute;
}
#s_title1{                    /* 소제목 */
    display: block;
     left:35px;
     top:160px;
     font-color : #000000;
 text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    z-index: 13;
   font-size: 20px;
   text-transform: uppercase;
    
    position: absolute;
}

#mbox{                    /* 가로휴대폰용 색박스 */
    display: none;
     left:0px;
     top:0px;
     height:300px;
     width:100%;
  
    z-index: 200;
background-color: #0202fb;
filter: alpha(opacity=0.5); 
opacity: 0.5;
   
    position:absolute;
}

                                     #gradient2 {
				left:0px;
				height:1px;
			              position:fixed;
				
				width:100%;
				z-index:900;

			}
                                  #gradient4 {
				left:0px;
				height:114px;
			              position:fixed;
				
				width:100%;
				z-index:2;

			}

#Bgimg{
float:left; 
position:fixed; 
top:-150px; 
left:0px; 
width:100%; 

z-index:1;
repeat: no-repeat;
}
#Bgimg img{height:auto; width:100%;}
/* 
===================================== main =====================================
*/
#main_ctnW { min-width:1200px; max-width:1600px; margin:0 auto; overflow:hidden;  }
#Hun{                    /* 훈 */
    display: block;
     left:0px;
     top:160px;
     width:300px;
    z-index: 13;   
   position: absolute;
}
  #Ctxt {
       			              top:60px;
                                                        left:280px;
				display: block;
                                                        width:800px;
			              position: relative;
                                                        z-index:1;
                                                        margin-bottom: 200px;
			}


.main_menu3{float:left;background-color:white;width:100%;height:60px; filter: alpha(opacity=0.9); opacity: 0.9; }     

  /* footer */
#FlogoT{ display:none !important; }

#RightMenu { display:none; }

footer{
				left:0px;                 /* footer */
				height:80px;
			              position:fixed;
				bottom:0;
				width:100%;
				z-index:1908;
                                                        


}



			#arrow_left:hover, #arrow_right:hover {
                                                           top:50%;
				/* bottom:429px;*/
			}
			#arrow_left:active, #arrow_right:active {
				/* bottom:428px; */
                                                          top:50%;
			}



/* 
---------- link_btn
*/
.add_link{ float:left; width:252px; right:68px; margin-bottom:15px; text-align:right;}
.add_link ul {padding:10px 0; margin-bottom:0;}
.add_link ul li { float:left; width:59px; height:59px; margin-right:4px; cursor:pointer;  }

/* .add_link li{padding:5px 0; filter: alpha(opacity=0.5); opacity: 0.5;}
.add_link li:hover{ filter: alpha(opacity=1); opacity: 1;} */
/* 
---------- right banner 
*/
#left_quick { float:right; width:250px; text-align:left; margin:70px 30px 30px 0; }
#left_quick ul { padding:10px 0; margin-bottom:0; }
#left_quick ul li { float:left; padding:10px; margin-right:4px; background:rgba(0,0,0,0.5); float:left; width:39px; height:39px; cursor:pointer; }
#left_quick ul li img{opacity:0.7;  filter: opacity(70)}
#left_quick ul li:last-child { margin-right:0; }
#left_quick ul li:hover { background:rgba(0,198,255,0.7); }
#left_quick ul li:hover img{opacity:1;  filter: opacity(100)}
#mobile_quick { display:none; }
/* 
---------- 텍스트 문구 
*/
#lesson_txtW { clear:both; width:100%; overflow:hidden; }
.rw-sentence { display:none; }
.cb-slideshow, .cb-slideshow:after { position:absolute; width: 1200px; margin:0 auto; top:25%; left:0; right:150px; z-index: 0; }
.cb-slideshow:after { content: ''; }
.cb-slideshow li { display:block; }
.cb-slideshow li:nth-child(3), .cb-slideshow li:nth-child(5) { margin-top:-110px; }
.cb-slideshow li div { z-index: 0; position:relative; bottom: 40%; left: 0; width: 100%; text-align: center; opacity: 0; }
.cb-slideshow li div h3 { font-family: BebasNeue, Arial, sans-serif; font-size: 150px; padding: 0 10px; line-height: 50px; }
.cb-slideshow li:nth-child(1) div { -webkit-animation: titleAnimation 24s linear infinite 0s; animation: titleAnimation 24s linear infinite 0s; color:rgba(169,3,41, 0.5); padding-bottom:25px; }
.cb-slideshow li:nth-child(2) div { -webkit-animation: textAnimation 24s linear infinite 0s; animation: textAnimation 24s linear infinite 0s; -webkit-animation-delay: 2s; animation-delay: 2s; color: rgba(255,255,255, 0.7); }
.cb-slideshow li:nth-child(3) div { -webkit-animation: titleAnimation 24s linear infinite 0s; animation: titleAnimation 24s linear infinite 0s; -webkit-animation-delay: 8s; animation-delay: 8s; color:rgba(70,103,152, 0.5); padding-bottom:25px; }
.cb-slideshow li:nth-child(4) div { -webkit-animation: textAnimation 24s linear infinite 0s; animation: textAnimation 24s linear infinite 0s; -webkit-animation-delay: 10s; animation-delay: 10s; color: rgba(255,255,255, 0.7); }
.cb-slideshow li:nth-child(5) div { -webkit-animation: titleAnimation 24s linear infinite 0s; animation: titleAnimation 24s linear infinite 0s; -webkit-animation-delay: 16s; animation-delay: 16s; color:rgba(107,150,157, 0.7); padding-bottom:25px; }
.cb-slideshow li:nth-child(6) div { -webkit-animation: textAnimation 24s linear infinite 0s; animation: textAnimation 24s linear infinite 0s; -webkit-animation-delay: 18s; animation-delay: 18s; color: rgba(255,255,255, 0.7); }
@-webkit-keyframes titleAnimation { 0% {
 opacity: 0;
 -webkit-transform: translateY(-100px);
}
 4% {
 opacity: 1;
 -webkit-transform: translateY(0px);
}
30% {
 opacity: 1;
 -webkit-transform: translateY(0px);
}
32% {
 opacity: 0;
 -webkit-transform: translateY(200px);
}
 38% {
opacity: 0
}
 100% {
opacity: 0
}
}
@keyframes titleAnimation { 0% {
 opacity: 0;
transform: translateY(-100px);
}
 4% {
 opacity: 1;
transform: translateY(0px);
}
30% {
 opacity: 1;
transform: translateY(0px);
}
32% {
 opacity: 0;
transform: translateY(200px);
}
 38% {
opacity: 0
}
 100% {
opacity: 0
}
}
@-webkit-keyframes textAnimation { 0% {
 opacity: 0;
 -webkit-transform: translateX(100px);
}
4% {
 opacity: 1;
 -webkit-transform: translateX(0px);
}
 17% {
 opacity: 1;
 -webkit-transform: translateX(0px);
}
 19% {
 opacity: 0;
 -webkit-transform: translateX(-200px);
}
 25% {
opacity: 0
}
 100% {
opacity: 0
}
}
@keyframes textAnimation { 0% {
 opacity: 0;
 transform: translateX(100px);
}
4% {
 opacity: 1;
 transform: translateX(0px);
}
 17% {
 opacity: 1;
 transform: translateX(0px);
}
 19% {
 opacity: 0;
 transform: translateX(-200px);
}
 25% {
opacity: 0
}
 100% {
opacity: 0
}
}
 @-webkit-keyframes rotateWord { 0% {
opacity: 0;
}
 2% {
opacity: 0;
-webkit-transform: translateY(-30px);
}
 5% {
opacity: 1;
-webkit-transform: translateY(0px);
}
 17% {
opacity: 1;
-webkit-transform: translateY(0px);
}
 20% {
opacity: 0;
-webkit-transform: translateY(30px);
}
 80% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@keyframes rotateWord { 0% {
opacity: 0;
}
 2% {
opacity: 0;
transform: translateY(-30px);
}
 5% {
opacity: 1;
transform: translateY(0px);
}
 17% {
opacity: 1;
transform: translateY(0px);
}
 20% {
opacity: 0;
transform: translateY(30px);
}
 80% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span { opacity: 1; }
@media screen and (max-width: 1140px) {
.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) {
.cb-slideshow li div h3 { font-size: 50px }
}
/**/
#bottom_ctn { width:250px; height:587px; float:right; margin-top:-35px; padding-right:30px; overflow:hidden;  }
#bottom_ctn button { background:transparent; }
/* 
---------- 캘린더 
*/
.calendar_ctnW { float:left; width:250px; height:257px; margin-right:17px; margin-bottom:20px; background: rgba(0,0,0,0.6); border:1px solid #000; box-shadow: 1px 1px 5px rgba(0,0,0,0.7); animation: motion_calendar 0.4s ease-in-out none 1 normal; -webkit-animation: motion_calendar 0.4s ease-in-out none 1 normal; }
.calendar_ctn { float:left; padding:14px 12px; margin:0; text-align:center; }
.calendar_ctn dl { float:left; margin:0; padding:0; width:224px; }
.calendar_ctn dt { font-size:16px; height:32px; color:#fff; width:100%; }
.calendar_ctn dt span { float:left; font-size:12px; color:#fff; line-height:20px; }
.calendar_ctn dd { float:left; width:100%; padding:0 15px; background: rgba(0,0,0,0.2); box-shadow: 1px 1px 5px rgba(0,0,0,0.7); border-radius:10px; margin-bottom:6px; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); }
.calendar_ctn dd:last-child { margin-bottom:0; padding:15px 15px 0 15px; }
.calendar_ctn dd ul { width:100%; margin:0; padding:0; }
.calendar_ctn dd li { float:left; color:#fff; width:-webkit-calc(100%/7); width:-moz-calc(100%/7); width:calc(100%/7); font-size:12px; font-weight:500; }
.calendar_ctn dd:last-child li { height:27px; }
.calendar_ctn li:first-child { color:red; }
.calendar_ctn li:last-child { color:#00D8FF; }
.calendar_ctn button.align_left span { margin-left:2px }
.calendar_ctn button.align_left:hover span { margin-left:-1px; padding-right:3px; }
.calendar_ctn button.align_right:hover span { margin-right:-3px; padding-left:3px; }
.calendar_ctn li span { clear:both; display:block; width:15px; height:17px; margin: 0 auto; text-align:center; cursor:pointer; }
.ctn_schedule01, .ctn_schedule02, .ctn_schedule03 { color:#000; border-radius:50%; padding:1px 1px 0 1px; }
.ctn_schedule01 { background:#ee2e1a; }
.ctn_schedule02 { background:#fff; }
.ctn_schedule03 { background:#006bd8; }
.calendar_ctn .tooltip { max-width: 250px; min-width: 100px; filter: alpha(opacity=1); opacity: 1; }
.calendar_ctn .tooltip .tooltip-inner { min-width: 100px; max-width: 250px; max-height: 100px; text-align: center; letter-spacing:normal !important; font-weight:normal; }
@keyframes motion_calendar { 0% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
margin-top:0;
filter: alpha(opacity=1);
opacity: 1;
}
}
@-webkit-keyframes motion_calendar { 0% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
margin-top:0;
filter: alpha(opacity=1);
opacity: 1;
}
}
/* 
---------- 공지사항 
*/
.notice_ctnW { float:left; width:250px; background: rgba(0,0,0,0.7); margin-right:17px; border:1px solid #000; box-shadow:inset 0 0 2px rgba(255,255,255,0.2), 1px 1px 5px rgba(0,0,0,0.7); animation: motion_notice 0.8s ease-in-out none 1 normal; -webkit-animation: motion_notice 0.8s ease-in-out none 1 normal; }
.notice_ctn { padding: 20px 15px 15px 15px; }
.notice_ctn h3 { color:#ffb400; margin-top: 0; margin-bottom:12px; font-size:20px; }
.notice_ctn h3 button { font-size:12px; font-weight:normal; color:#fff; line-height:20px; text-align:center; }
.notice_txt { border-top:2px solid rgba(255,255,255,0.3); }
.notice_txt ul { margin:12px 0 0 5px; }
.notice_txt ul li { width:215px; height:25px; line-height:25px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.notice_txt ul li a { color:#efefef; font-size:14px; font-family:RobotoCon, NanumBarunGothic, sans-serif; font-weight:300 !important; }
@keyframes motion_notice { 0% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
 50% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
margin-top:0;
filter: alpha(opacity=1);
opacity: 1;
}
}
@-webkit-keyframes motion_notice { 0% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
 50% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
 100% {
margin-top:0;
filter: alpha(opacity=1);
opacity: 1;
}
}
/* 
---------- 갤러리 // 사용안함 7.28



.gallery_ctnW { float:left; width:325px; height:237px; box-shadow: 1px 1px 5px rgba(0,0,0,0.7); animation: motion_gallery 1.2s ease-in-out none 1 normal; -webkit-animation: motion_gallery 1.2s ease-in-out none 1 normal; }
.gallery_ctn { position:relative; border:5px solid #ffb018; overflow:hidden; }
.gallery_ctn .container { padding:0; margin:0; float:left; width:100%; height:100%; }
.slidesjs-navigation { display:none; }
.slidesjs-pagination { display:none; }
#main_slides img { width:auto; height:237px; float:left; }
.slidesjs-container { width:auto; height:227px !important; }
.gallery_tit { position:absolute; bottom:0; color:#fff; background: rgba(0,0,0,0.5); width:100%; font-size:12px; line-height:300%; text-align:center; z-index:12; }
.gallery_tit button { margin-right:10px; }
 @keyframes motion_gallery { 0% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
 66% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
margin-top:0;
filter: alpha(opacity=1);
opacity: 1;
}
}
@-webkit-keyframes motion_gallery { 0% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
66% {
margin-top:20px;
filter: alpha(opacity=0);
opacity: 0;
}
 100% {
margin-top:0;
filter: alpha(opacity=1);
opacity: 1;
}
}
*/

/* 
===================================== 미디어쿼리 767 =============================================================================================
*/
@media (max-width:767px) {

#main_ctnW { min-width:100%; max-width:100%; overflow:hidden; padding:0; 
min-height: 100%;}
/* 
---------- top banner
*/
.add_link{ display:none; }

.media_table {
    width: 100%;
}


#mobile_quick { width:100%; display:block; margin:0 0 20% 0; padding:0; height:100%; }
#mobile_quick ul { width:100%; float:left; }
#mobile_quick li { float:left; text-align:center; background: rgba(0,0,0,0.4); margin-right:2px; width:-webkit-calc(100%/5 - 2px); width:-moz-calc(100%/5 - 2px); width:calc(100%/5 - 2px); padding:2% 0; }
#mobile_quick li:last-child { margin-right:0; }
#mobile_quick li img { opacity:0.5; filter: alpha(opacity=0.5); height:100%; }
#mobile_quick li span { display:block; padding:5px 0; font-size:14px; opacity:0.5; filter: alpha(opacity=0.5); }
#mobile_quick li a { color:#fff; }
#mobile_quick li:hover, #mobile_quick li:focus { background:rgba(0,174,255,1); }
#mobile_quick li:hover img, #mobile_quick li:focus img, #mobile_quick li:hover span, #mobile_quick li:focus span { opacity:1; filter: alpha(opacity=1); }
#mobile_quick li:hover a, #mobile_quick li:focus a { text-decoration:none; }
/* 
---------- 텍스트 문구 
*/
.cb-slideshow { display:none; }
.rw-sentence { display:block; width:100%; height:100%; margin: 0 auto 50px auto; padding:10px 0; text-align: center; }
.rw-sentence span { display: block; color:rgba(255,255,255, 0.5); font-family: BebasNeue, Arial, sans-serif; font-size:55px; line-height:55px; font-weight: normal; text-align:center; width:100%;}
.rw-words { display: inline; overflow:hidden; text-align:center; }
.rw-words-1 span { position: absolute; margin:0;  text-align:center; opacity: 0; overflow: hidden; color:rgba(107,150,157, 0.7); -webkit-animation:rotateWord 9s linear infinite 0s; animation:rotateWord 9s linear infinite 0s; }
.rw-words-1 span:nth-child(2) { -webkit-animation-delay: 3s; animation-delay: 3s; color:rgba(169,3,41, 0.5); }
.rw-words-1 span:nth-child(3) { -webkit-animation-delay: 6s; animation-delay: 6s; color: rgba(246,236,79, 0.4); }
/**/
#bottom_ctn { clear:both; float:none; width:100%; height:100%; min-height:500px; margin:0 auto; padding:0; overflow:hidden;}
#footer_Line  { position: absolute; !important;}
/* 
---------- 캘린더 
*/
.calendar_ctnW { float:none; width:250px; height:237px; margin:0 auto 20px auto; display:none }
/* 
---------- 공지사항
*/
/* .notice_ctnW { float:none; width:250px; margin:0 auto; display:none} */

#mbox{                    /* 가로휴대폰용 색박스 */
    display: block;
     left:0px;
     top:0px;
     height:300px;
     width:100%;
  
    z-index: 2;
background-color: #0202fb;
filter: alpha(opacity=0.5); 
opacity: 0.5;
   
    position:absolute;
}




#main_quick_menu { float:right; 
text-align:left; 
margin:10px 10px 10px 0; 
left:20px;
top:550px;
height:100px;
width:350px;
display:block; 
position:absolute;
}

#main_quick_menu ul { padding:10px 0; margin-bottom:0; }
#main_quick_menu ul li { float:left; padding:10px; margin-right:10px; background:rgba(0,0,0,0.5); float:left; width:55px; height:55px; cursor:pointer; border:1px solid #ffffcc;}
#main_quick_menu ul li img{opacity:0.7;  filter: opacity(70)}
#main_quick_menu ul li:last-child { margin-right:0; }
#main_quick_menu ul li:hover { background:rgba(0,198,255,0.7); }
#main_quick_menu ul li:hover img{opacity:1;  filter: opacity(100)}





                                       div.notice_ctnW {
				top:290px;
				height:auto;
				left:230px;
			              position:absolute;
				
				z-index:1006;
                                          }

#verticalM { display:none !important; }
#logins { display:none !important; }
#link_Top{ display:none !important; }
#footer { display:block !important; } /* footer 의 개인정보보호 배너를 안보이게.. */
#wrap { width:100%;  }
#main { width:100%;  }
#gradientC  { width:100%;  }
#gradient2 { display:none !important; } 

 #gradient4 {
				left:0px;
				height:114px;
			              position:fixed;
				height:100%;
				width:100%;
                                                        opacity:0.9;  
                                                        filter: opacity(90)
				z-index:2;

			}

#ccc1 { display:none !important; }
#H_menu { display:none !important; } /* left.asp */
.icol { display:none; }
#gradient { display:none !important; }
#Ctxt { top:200px; left:0px; width:100%; z-index:3;  margin-bottom: 200px;}
#s_title{
   top: 120px;
    left: 30px;
width:300px;
    z-index: 200;
   
    position:absolute;
}
#s_title1{                    /* 소제목 */
    display: block;
     left:20px;
     top:160px;
     font-color : #000000;
    z-index: 200;
   font-size: 20px;
   text-transform: uppercase;
     text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position:absolute;
}


#FlogoT{ display:none; !important;}
footer {display:block; bottom:0px; position:fixed; height:1px;}  /* footer */
main_menu3 {height:1px;}

 .navigation{ left:230px; } 
#Hun{                    /* 훈 */
    display: block;
     left:0px;
     top:60px;
     width:300px;
    z-index: 13;  
    position: absolute;
}


#Bgimg{
float:left; 
position:fixed; 
top:-200px; 
left:0px; 
width:100%; 

z-index:1;
repeat: no-repeat;
}
#Bgimg img{height:auto; max-width:100%;}

#cd-lateral-nav { box-shadow: -5px 0px 10px rgba(0,0,0,0.5); z-index: 3210;  }
#cd-lateral-nav.lateral-menu-is-open {box-shadow: -5px 0px 10px rgba(0,0,0,0.5); z-index: 3210; }

/* 
---------- 갤러리 // 사용안함 7.28

.gallery_ctnW { float:right; max-width:250px; width:39%; margin:0 10% 30% 1%; }
.gallery_ctn { width:100%; overflow:hidden; text-align:center; }
#main_slides img { width:auto; height:237px; }
.slidesjs-container { width:250px; height:227px !important; }
*/
}
/* 
===================================== 미디어쿼리 530 ==============================================================================================
*/
@media (max-width:530px) {
/* 
---------- top banner
*/
#mobile_quick li img { width:auto; height:46px; }
#mobile_quick li { padding:13px 0 6px 0; }
#mobile_quick li span { font-size:12px; }
/* 
---------- 텍스트 문구 
*/
#lesson_txtW { width:100%; text-align:center; font-size:25px; margin:0 auto 5% auto; }
.lesson_txt { text-align:left; margin:0 auto; padding:0; width:250px; word-break: keep-all; white-space:nowrap; }
/* 
---------- 캘린더 
*/
.calendar_ctnW { float:none; width:250px; height:237px; margin:0 auto 20px auto;  }
/* 
---------- 공지사항
*/

#mbox{                    /* 가로휴대폰용 색박스 */
    display: none;
    
}

#main_quick_menu { float:right; 
text-align:left; 
margin:5px 5px 5px 5px; 
left:50px;
top:250px;
height:100px;
width:300px;
display:block; 
position:absolute;
}

#main_quick_menu ul { padding:0px 0; margin-bottom:0; }
#main_quick_menu ul li { float:left; padding:0px; margin-right:0px; background:rgba(0,0,0,0.5); float:left; width:55px; height:55px; cursor:pointer; border:1px solid #ffffcc;}
#main_quick_menu ul li img{opacity:0.7;  filter: opacity(70)}
#main_quick_menu ul li:last-child { margin-right:0; }
#main_quick_menu ul li:hover { background:rgba(0,198,255,0.7); }
#main_quick_menu ul li:hover img{opacity:1;  filter: opacity(100)}





                                       div.notice_ctnW {
				top:290px;
				height:auto;
				left:120px;
			              position:absolute;
				
				z-index:1006;
                                          }
#verticalM { display:none !important; }
#logins { display:none !important; }
#wrap { width:100%;  }
#main { width:100%;  }
#gradientC  { width:100%;  }
#link_Top{ display:none !important; }
#footer { display:block !important; } /* footer 의 개인정보보호 배너를 안보이게.. */
/* #gradient { position: absolute; !important;} */
#gradient { display:none !important; }
/* #gradient2 { display:none !important; } */
#ccc1 { display:none !important; }
#H_menu { display:none !important; } /* left.asp */
.icol { display:none; }
#Ctxt { top:200px;  left:0px; width:100%; z-index:1;  margin-bottom: 200px;}
#s_title{
   top: 120px;
    left: 30px;
width:300px;
    z-index: 200;
   
    position:absolute;
}
#s_title1{                    /* 소제목 */
    display: block;
     left:20px;
     top:160px;
     color : #f5f5f5;
    z-index: 200;
   font-size: 20px;
   text-transform: uppercase;
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  
    position:absolute;
}
#FlogoT{ display:none; !important;}
footer {display:block; bottom:0px; position:fixed; height:1px;}  /* footer */
main_menu3 {height:1px;}
 .navigation{ left:230px; } 
#Hun{                    /* 훈 */
    display: block;
     left:0px;
     top:60px;
     width:300px;
    z-index: 13;  
    position: absolute;
}



#Bgimg{
float:left; 
position:absolute; 
top:-200px; 
left:0px; 
width:100%; 

z-index:2;
repeat: no-repeat;
}
#Bgimg img{height:auto; max-width:100%;}

header{position:fixed; z-index:2100;}
#cd-lateral-nav { box-shadow: -5px 0px 10px rgba(0,0,0,0.5); z-index: 3210;  }
#cd-lateral-nav.lateral-menu-is-open {box-shadow: -5px 0px 10px rgba(0,0,0,0.5); z-index: 3210; }

/* 
---------- 갤러리 // 사용안함 7.28

.gallery_ctnW { float:none; width:240px; margin:0 auto 20px auto; }
*/
}
/*
===================================== 미디어쿼리420 =======================================================================================================
*/
@media (max-width:420px) {


/* 
---------- top banner
*/
#mobile_quick { margin-bottom:17%; }
#mobile_quick li { padding:10px 0; }
#mobile_quick li img { width:auto; height:40px; }
#mobile_quick span { display:none !important; }

.rw-sentence span {font-size:40px; line-height:40px; }
/* 
---------- 캘린더 
*/
.calendar_ctnW { float:none; width:250px; height:237px; margin:0 auto 20px auto;  }
/* 
---------- 공지사항

*/

 
#main_quick_menu { 
float:right; 
text-align:left; 
margin:5px 5px 5px 5px; 
left:30px;
top:250px;
height:100px;
width:300px;
display:block; 
position:absolute;
z-index:1006;
}

#main_quick_menu ul { padding:0px 0; margin-bottom:0; }
#main_quick_menu ul li { float:left; padding:10px; margin-right:10px; background:rgba(0,0,0,0.5); float:left; width:55px; height:55px; cursor:pointer; border:1px solid #ffffcc;}
#main_quick_menu ul li img{opacity:0.7;  filter: opacity(70)}
#main_quick_menu ul li:last-child { margin-right:0; }
#main_quick_menu ul li:hover { background:rgba(0,198,255,0.7); }
#main_quick_menu ul li:hover img{opacity:1;  filter: opacity(100)}



                                       div.notice_ctnW {
				top:290px;
				height:auto;
				left:60px;
			              position:absolute;
				
				z-index:1006;
                                          }


#mbox{                    /* 가로휴대폰용 색박스 */
    display: none;
    
}


#verticalM { display:none !important; }
#link_Top{ display:none !important; }
#logins { display:none !important; }
#wrap {width:100%; }
#main { width:100%;  }
#gradientC  { width:100%; }
#link_Top{ display:none !important; }

#gradient1 { display:none !important; }
#gradient2 { display:none !important; } 
#gradient4 { display:none !important; } 
#H_menu { display:none !important; } /* left.asp */
#ccc1 { display:none !important; }
.icol { display:none; }
#s_title{
   top: 120px;
    left: 30px;
width:300px;
    z-index: 200;
   
    position:absolute;
}
#s_title1{                    /* 소제목 */
    display: block;
     left:20px;
     top:160px;
     font-color : #000000;
    z-index: 200;
   font-size: 20px;
   text-transform: uppercase;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);   
    position:absolute;
}

/* #gradient { position: absolute; !important;} */
#gradient { display:none !important; }
#FlogoT{ 
display:block 
!important; 
left:120px; 
} /*작은로고*/



#footer { display:none !important; } /* footer 의 큰로고를 안보이게.. */



footer { 
display:block; 
width:100%;
height:50px;
bottom:0;
left: 0;
right: 0; 
position:fixed;
visibility: visible; 
  z-index:2001;
}  /* footer */

#Crus{
position: fixed;
height:50px;
display:block; 
bottom:0; 
float:left;
width:100%;
visibility: visible; 
  z-index:2001;

}
.main_menu3{
position: fixed;
height:50px;
display:block; 
bottom:0; 
float:left;
background-color:black;
width:100%;
filter: alpha(opacity=0.5); 
opacity: 0.5;
  z-index:2001;
visibility: visible; 
}   


/* footer */



#Ctxt { top:200px; left:0px; width:100%; z-index:1;  margin-bottom: 200px;}
 .navigation{ left:230px; } 
#Hun{                    /* 훈 */
    display: block;
     left:0px;
     top:60px;
     width:300px;
    z-index: 13;  
    position: absolute;
}


#Bgimg{
float:left; 
position:absolute; 
top:-200px; 
left:0px; 

width:100%; 

z-index:2;
repeat: no-repeat;
}

#Bgimg img{height:auto; max-width:100%;}


header{position:fixed; z-index:2100;}
#cd-lateral-nav { box-shadow: -5px 0px 10px rgba(0,0,0,0.5); z-index: 3210;  }
#cd-lateral-nav.lateral-menu-is-open {box-shadow: -5px 0px 10px rgba(0,0,0,0.5); z-index: 3210; }

#navR{
z-index: 2100; 
}

}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%; height:0 auto;}
.hd_pops {position:absolute;background:#fff}
.hd_pops_con {}
div.hd_pops_subject{padding:5px 0 5px 10px;background:#000; color:#fff; font-weight:bold;text-align:left}
div.hd_pops_footer {padding:3px 0;background:#000; color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}