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



/* 
===================================== 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: 1500;   
   position: absolute;
}


.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; display:none;}
.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; }




#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} */


#main_quick_menu { display:none; 
left:230px;
top:450px;

} 
#left_quick { float:right; width:250px; text-align:left; margin:70px 30px 30px 0; }




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

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

#FlogoT{ display:none; !important;}
footer {display:none; 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;
}

#layer_popup { 
top:0px;
left:0px;
width:300px; 
height:300px; 
text-align:center; 
/* position:relative; */
position:absolute;
background-color:black;
alpha(opacity=0.9); 
opacity: 0.9;
border: 1px solid #000;
z-index:2300;
}
 
#pop_txt {      /* 레이어 팝업 텍스트 영역 */
top:30px;
left:1px;
width:298px; 
height:230px; 
text-align:left; 
margin:0 auto; 
overflow: auto;
/* position:relative; */
position:absolute;
background-color:white;
alpha(opacity=0.9); 
opacity: 0.9;
border: 1px solid #fff;
z-index:2300;
}


/* 
---------- 갤러리 // 사용안함 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;  }
/* 
---------- 공지사항
.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; display:block;}
.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; }
*/

#main_quick_menu { display:block; 
left:120px;
top:450px;
min-height: 100%;
} 
#left_quick { float:right; width:250px; text-align:left; margin:70px 30px 30px 0; }




                                       div.notice_ctnW {
				top:290px;
				height:auto;
				left:120px;
			              position:absolute;
				display:none;
				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:none !important; } /* footer 의 개인정보보호 배너를 안보이게.. */
/* #gradient { position: absolute; !important;} */
#gradient { display:none !important; }
#gradient2 { display:none !important; }


#FlogoT{ display:none; !important;}
footer {display:none; 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;
}

#layer_popup { 
top:0px;
left:0px;
width:300px; 
height:300px; 
text-align:center; 
/* position:relative; */
position:absolute;
background-color:black;
alpha(opacity=0.9); 
opacity: 0.9;
border: 1px solid #000;
z-index:2300;
}
 
#pop_txt {      /* 레이어 팝업 텍스트 영역 */
top:30px;
left:1px;
width:298px; 
height:230px; 
text-align:left; 
margin:0 auto; 
overflow: auto;
/* position:relative; */
position:absolute;
background-color:white;
alpha(opacity=0.9); 
opacity: 0.9;
border: 1px solid #fff;
z-index:2300;
}






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

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

#boxBoxMainT{
display:none;
}
/* 
---------- 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;  }
/* 
.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; }
*/
#main_quick_menu { 
display:block; 
left:340px;
top:150px;
height: 100px;

} 
#left_quick { 
width:250px; 
text-align:left; 
margin:70px 30px 30px 0; 
height:100px;
overflow:hidden;

}


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





#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; }
#footer { display:none !important; } /* footer 의 개인정보보호 배너를 안보이게.. */
#gradient1 { display:none !important; }
#gradient2 { display:none !important; }
/* #gradient { position: absolute; !important;} */
#gradient { display:none !important; }
#FlogoT{ display:block !important; left:120px; }
footer { bottom:-60px; position:absolute;}  /* footer */
.main_menu3{float:left;background-color:black;width:100%;height:60px; filter: alpha(opacity=0.5); opacity: 0.5;}   /* footer */

 .navigation{ left:230px; } 
#Hun{                    /* 훈 */
    display: block;
     left:0px;
     top:60px;
     width:300px;
    z-index: 13;  
    position: absolute;
}
#layer_popup { 
top:0px;
left:0px;
width:300px; 
height:300px; 
text-align:center; 
/* position:relative; */
position:absolute;
background-color:black;
alpha(opacity=0.9); 
opacity: 0.9;
border: 1px solid #000;
z-index:2300;
}
 
#pop_txt {      /* 레이어 팝업 텍스트 영역 */
top:30px;
left:1px;
width:298px; 
height:230px; 
text-align:left; 
margin:0 auto; 
overflow: auto;
/* position:relative; */
position:absolute;
background-color:white;
alpha(opacity=0.9); 
opacity: 0.9;
border: 1px solid #fff;
z-index:2300;
}












}

/* 팝업레이어 */
#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}