@charset "utf-8";

#wrap{position:relative; width:100%; margin:0 auto;}
 



/*Content CSS*/
#header #logo {position:absolute; left:50%; top:30px; width:262px; height:80px; margin-left:-170px;}

#header #logo a { display:block; width:262px; height:80px; transition: all .3s ease; background: url('/brain/images/logo.png') no-repeat; }
#header {position:relative; width:100%; min-width:1300px;  height:100px;  margin:0 auto; left:0;top:0px;z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
#header .header-inner {max-width:1300px; height:100%; margin:0 auto; display: flex; justify-content: space-between; position: relative; z-index: 10;
align-items: center; }


#header{}
.headerwrap{ position:relative;  background:#fff;width:100%; min-width:1300px; height:79px;  margin:0 auto; border-bottom:1px solid #e1e1e1;} 
 
.menu_left {background: rgba(0, 0, 0, 0) url("/brain/images/left_bar.jpg") no-repeat scroll 0 0; height: 4px;}
.menu_left .big_tit{font-size:30px; font-weight:600; padding:80px 0 5px 0; color:#00a7af}

#gnb{position:relative; width:1300px; margin:0 auto;  }
#gnb>ul{ width:1300px; height:80px; margin:0 auto; } 
#gnb>ul>li{ float:left; padding-top:27px; height:40px; padding-left:32px; }
#gnb>ul>li:nth-child(1) { padding-left:0px; }
#gnb>ul>li a {font-size: 20px; color: #000; letter-spacing: -0.5px;}
#gnb>ul>li a:hover {color: #00a7af; font-weight:normal;}


.gnbdropwrap{position:absolute; top:199px; width:100%; margin:0 auto; border-top:2px solid #202340;  border-bottom:2px solid #202340; z-index:99; font-size: 18px;  height:306px; background-color:#fff; }

.gnbdrop{position:relative; width:1200px; margin:0 auto; }	
.gnb01bg{float:left; width:400px; height:306px;  border-right:1px solid #ddd; }
.gnb01drop{position:relative;float:left; width:300px;    }
.gnb01drop>li {position:relative;height:50px;  border-bottom: 1px solid #e3e5e4; }
.gnb01drop>li>a{ display: block; height:50px; color:#484848; padding-left:10px; line-height:290%; }
.gnb01drop>li>a:hover{color:#fff;background-color:#00a7af;}


.gnbspan1{position:absolute; top:15px; right:10px; font-size:16px;  color:#666;}
.gnbbanner{position:relative;float:left; }


.right_login{position: absolute; top:26px; right:100px; z-index:9;}
.right_login li{float:left; margin-right:10px;}

.right_login li a{color:#292929; font-size:14px; }



@media(max-width:1585px){

#gnb{position:relative; width:1300px; margin:0 auto;  }
#gnb ul{ width:1300px; height:80px; margin:0 auto; } 
.gnb00{position:absolute; left:0px; top:25px;}
#gnb ul li{ float:left; padding-top:27px; height:40px; padding-left:50px; }
#gnb ul li:nth-child(1) { padding-left:0px; }
#gnb ul li a {  font-family: 'NanumGothicBold'; font-size: 18px; color: #000; letter-spacing: -0.5px;}
#gnb ul li a:hover {font-family: 'NanumGothicBold'; color: #00a7af; font-weight:normal;}

}

@media(max-width:1430px){

#gnb{position:relative; width:1200px; margin:0 auto;  }
#gnb ul{ width:1200px; height:80px; margin:0 auto; margin-left:10px; } 
.gnb00{position:absolute; left:0px; top:25px;}
#gnb ul li{ float:left; padding-top:27px; height:40px; padding-left:20px; }
#gnb ul li:nth-child(1) { padding-left:0px; }
#gnb ul li a { font-size:18px; color: #000; letter-spacing: -0.5px;}
#gnb ul li a:hover {color: #00a7af; font-weight:normal;}


}

#visual { position:relative; width:100%; margin:0 auto; z-index:2; }

/* 상단 비주얼 */
#v1{position:relative; width:100%; min-width:1280px; height:854px; margin:0 auto; background:url('/brain/images/main/main_vs1.jpg') 50% 50%;  background-attachment: fixed; }
#v2{position:relative; width:100%; min-width:1280px; height:950px; margin:0 auto; background:url('/brain/images/main/main_vs2.jpg') 50% 50%;  background-attachment: fixed; }
#v3{position:relative; width:100%; min-width:1280px; height:950px; margin:0 auto; background:url('/brain/images/main/main_vs3.jpg') 50% 50%;  background-attachment: fixed; }
#v4{position:relative; width:100%; min-width:1280px; height:950px; margin:0 auto; background:#fff}
#v5{position:relative; width:100%; min-width:1280px; height:950px; margin:0 auto; background:#fff}



#vthum{position:fixed; width:30px;  top:440px; left:30px; z-index:9999;}
.vthumlist{position:relative; float:left; height:30px;  }



/* 메인 스크롤 */
.vtext1{position:relative; width:1280px; margin:0 auto; text-align:center;}	
.text1{position:relative; width:1280px; margin:0 auto; text-align:center;}
.text1 li{padding-bottom:10px;}	 



#mainbanner{ position:relative;width:100%; min-width:1380px;  margin:0 auto; text-align:center; padding-top:120px;}
.mainbanner{position:relative; width:1380px;  margin:0 auto;padding-top:50px;}
.mainbanner ul li{ float:left; }



#main_board{position:relative; width:1380px; height:300px; padding-top:80px; margin:0 auto; clear:both;}
.main_board{position:relative; width:335px; float:left; padding-left:10px;}



.pt20{padding-top:25px;}
.board_txt a{float:left; width:300px; height:28px; font-size:18px;  color:#403d3d; }

#rquick {position:fixed; top:180px; right:0px; z-index:999999;}
.quick>li>a{background:url('/images/common/quick.png') no-repeat; width:97px;text-indent:-9999px;   overflow:hidden;display:block;}
#quick .quick01 a{position:relative;background-position:0 0 ; width:97px; height:88px;}
#quick .quick01 a:hover{position:relative;background-position:-97px 0 ; }
#quick .quick02 a{background-position:0 -88px ; width:97px; height:90px;}
#quick .quick02 a:hover{background-position:-97px -88px ; }
#quick .quick03 a{background-position:0 -178px ; width:97px; height:89px;}
#quick .quick03 a:hover{background-position:-97px -178px ; }

#quick .quick04 a{background-position:0 -267px ; width:97px; height:90px;}
#quick .quick04 a:hover {background-position:-97px -267px ; }

#quick .quick05 a{background-position:0 -356px ; width:97px; height:88px;}
#quick .quick05 a:hover{background-position:-97px -356px ; }
#quick .quick06 a{background-position:0 -444px ; width:97px; height:89px;}
#quick .quick06 a:hover{background-position:-97px -444px ; }
#quick .quick07 a{background-position:0 -533px ; width:97px; height:47px;}
#quick .quick07 a:hover{background-position:-97px -533px ; }

 




/*footer*/
#footer_wrap {clear:both; width:100%; height:250px; background:#404040;}

#footer_dox{background-color: #353334;}
#footer_dox>div{width: 1300px; margin: 0 auto;  padding:8px 0px;}
#footer_dox>div>a{color: #fff; font-size:14px}

#footer_wrap #footer {width:1300px; margin:0 auto; overflow:hidden;}
#footer_wrap #footer > div {text-align:left; padding-top: 60px; padding-bottom: 40px;}
#footer address { width:100%;  text-align:left; font-weight:300; font-style:normal; color:#8e8e8e; font-size: 18px; padding-top:50px}
#footer address a:link {color:#8e8e8e; font-weight: 300; font-size: 18px; }
#footer address a:visited {color: #8e8e8e;}
#footer address .line {padding:2px 7px; color:#8e8e8e;}
#footer .copyright {padding-top: 10px; padding-bottom:10px; display:block; color:#888; font-weight: 300; font-size: 18px; text-align:left; text-transform:uppercase; color:#8e8e8e;	}