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

html, body {height:100%;}
* {margin:0; padding:0;}

#wrap {width:100%; margin:auto; min-width:1200px; position:relative; overflow:hidden;  }

#header {width:100%; height:230px; background:#fff; min-width:1200px;}


/*gnb*/
#header #gnb {width:100%; background:#fff; position:relative;height:100px;border-bottom:1px solid #ccc; border-top:1px solid #d9d9d9}

#gnb #top_link {width:1250px; height:100px; margin:0 auto; position:relative; top:0; left:0; z-index:10000; background:#fff;}
#gnb .logo {width:240px; position:relative; float:left; text-align:center; height:100px; margin-right:50px;}
#gnb .logo h1 {width:240px; height:100px; background:url(img/logo.png) no-repeat left;}
#gnb .logo h1 a {display:block; width:100%; height:100px; text-indent:-1000px; overflow:hidden; }
#gnb #top_link li.sub_top {width:135px; position:relative; float:left; text-align:center; background:#fff; height:89px; margin-top:8px; margin-left:100px;}
#gnb #top_link li .sub_ti {width:150px; color:#999; position:absolute; left:50%; margin-left:-75.25px; text-align:center; top:20px; font-size:15px; letter-spacing:-0.2px}
#gnb #top_link > .sub_top a:hover {color:#6c6dbb;}
#gnb #top_link li a {display:block; }


#gnb #top_link > .sub_top > a{color:#484848; font-size:18px; line-height:119px; }




#content{z-index:0; background:none}


#visual {position:relative; width:100%; overflow:hidden;}
#visual img {position:absolute; left:50%; top:0;  margin-left:-1000px;}
#visual img{width: 2000px;}  

#cnt p {padding-top:65px; padding-bottom:65px; text-align:center; width:2000px; overflow:hidden;  }
.lan_vid {position: relative;}
    .vid01 {position: absolute; top:545px; left: 15.8%}   
	.vid02 {position: absolute; top:7420px; left: 15.8%}
	.vid03 {position: absolute; top:540px; left: 15.8%}   
	.vid04 {position: absolute; top:7230px; left: 15.8%}   
   



.btn_counsel {padding-top:0 !important; background:#e4e7eb;}
.cnt01 {position:relative; width:2000px; left:50%; margin-left:-1000px;}
.cnt02 {position:relative; width:2000px; left:50%; margin-left:-1000px; background-color:#454346; overflow:hidden;}
.cnt03 {position:relative; width:2000px; left:50%; margin-left:-1000px; background-color:#f3f3f3; overflow:hidden;}
.cnt04 {position:relative; width:2000px; left:50%; margin-left:-1000px; background-color:#f3f3f3; padding-top:65px; padding-bottom:65px; overflow:hidden;}
.cnt04 ul{width:1300px; overflow:hidden; margin:0 auto ;  }
.cnt04 ul li{width: 617px; height:545px; float: left; text-align: center; }
.cnt04 ul li img{width: 617px;}
.cnt04 ul li a{width: 617px; height:545px;}

#cnt h3 {width:1300px; margin:0 auto; padding:50px 0;}
#cnt2 h3{width:1300px; margin:0 auto; font-size:45px; line-height:150px; text-align: center; color: #222}



/*case*/
.case {width:100%; background:#f6f6f6; padding:50px 0;}
.case .tit {margin-bottom:45px; text-align:center;}
.case ul {width:1200px; margin:auto;}
.case ul:after {clear:both; display:block; content:"";}
.case li {float:left; width:25%; text-align:center;}


/*tab*/
.tab {width:1300px; overflow:hidden; margin:0 auto ; text-align:center; }
.tab li{width: 33.3%; height:75px; display:block; float: left; text-align: center; border-top:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8; border-left:solid 1px #e8e8e8;}
.tab li:last-child {border-right:solid 1px #e8e8e8;width: 33%;}
.tab li a{height:75px; line-height:70px; color:#666; font-size:20px; cursor:pointer;display: block}
.tab li a:hover {color:#fff; background: #505050;}
.tab li.on a {color:#fff!important; background: #505050;}


.tab_content {padding: 20px 0px 30px 0; font-size: 12px;width:1301px; margin: 0 auto}
.tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_content ul li { list-style:none}

.tab_cont {width:1300px; margin: 0 auto}
    
.view_cont {position:relative; padding-top: 65px}
.cnt01_02 {position:fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px ;color: #fff;}
.cnt01_03 {position:fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px ;color: #fff;}
.cnt01_04 {position:fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px ;color: #fff;}
.cnt01_05 {position:fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px ;color: #fff;}
.cnt01_06 {position:fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px ;color: #fff;}
.cnt01_07 {position:fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px ;color: #fff;}
.cnt01_08 {position:fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -350px ;color: #fff;}
area {display: inline; cursor: pointer}


/*quick*/
#quick {position:fixed; right:0; top:50%; z-index:10; margin-top:-371px; width:126px; background:#fff; z-index:1111111}
#quick dt {background:#fff; height:41px;}
#quick dd {background:#fff; height:auto; font-size:0; line-height:0;}
#quick dd:last-child{height:34px;}

/* foot */
#foot{width:100%; height:100px; background:url(img/foot_bg.gif) repeat-x; text-align:center; padding-top:10px;  }