@charset "utf-8";


#content_wrap{position:relative; padding-top:50px; overflow:hidden; min-width:640px}



.sub_content {width:640px; background:#fff; margin:0 auto;}

#sub_portal {width:640px; margin: 0 auto; background:#FFF;}
#sub_portal p {text-align:center; width:638px; margin:0 auto; border:1px solid #6F6F6F;}
#sub_portal p .select_wrap {width:100%;display:block;height:70px; border:0px solid #000; background:#eee;}
#sub_portal p .select_wrap select {font-size:30px; color:#4e4f5d; width:100%; height:70px; padding:0 0 0 25px; border:0; background:transparent url('/slimmee/mobile/images/arrow_down.gif') no-repeat right top; background-size:70px 70px;-webkit-background-size:70px 70px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }



/* sub_common */
.mb60 {margin-bottom: 60px;}
.mt60{margin-top:60px; !important;}
.mb0 {margin-bottom: 0 !important;}



/*�Ұ����־�*/
#sub_visual {width:640px;  margin:0 auto;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4efed; padding-bottom:85px; margin-top:50px;} 
#sub_visual h2{font-size:50px; color:#696767; font-weight:bold; line-height:100%; text-align:center; letter-spacing:-0.5px; padding-bottom: 15px;  padding-top:100px;}



/*서브탭 */

/*tab common style*/
.tab_area {position:relative; width:640px; height:70px; margin:auto;}
.sub_tabs {position:absolute; left:50%; top:0; z-index:3; margin-left:-320px; width:640px;}

/*.sub_tabs {width:1200px; margin:30px auto; border:solid 1px #d9d9d9;}*/
.sub_tabs ul {border:solid 1px #d9d9d9;}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:45px;width:20%;}
.sub_tabs ul li a {display:block; text-align:center; font-size:21px; line-height:45px; color:#666; border-left:solid 1px #d9d9d9; background:#fff; cursor:pointer;}
.sub_tabs ul li:first-child a {border-left:none;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {color:#fff; background:#4d4d4d;}


/*board tabs*/
.tabs {width:100%; height:39px; border-bottom:1px solid #d9d9d9; margin-bottom:15px;}
.tabs li {float:left; width:110px;}
.tabs li a {display:block; height:39px; line-height:39px; letter-spacing:-0.5px; text-align:center; border:solid 1px #d9d9d9; border-left-width:0; border-bottom:0;}
.tabs li.first a {border-left-width:1px;}
.tabs li a.on {background:#85aecc; border-color:#85aecc; color:#fff; font-weight:bold;}



/* 탭 */
.area_wrap{width:100%; margin:0 auto; text-align:center;}
.area_wrap ul{width:640px; margin:0 auto}
.area_wrap li{float:left; width:9%; padding:10px 0; margin-right:1px; border-top:2px solid #333; background-color: #eee}
.area_wrap li.on{background-color:#333; color:#fff}
.area_wrap li:hover{color:#fff; cursor:pointer}
.area_wrap li:last-child{margin-right:0}
.area_wrap li .active{float:left; width:9%; padding:10px 0; margin-right:1px; border-top:2px solid #333; background-color: #eee;color:#fff}



/*footer*/
#footer_wrap {position:relative; z-index:11; clear:both; width:640px; height:400px; padding-bottom:0px; background:#313334; margin: 0 auto; /*border-top:1px solid #ddd*/}
#footer_wrap a:link {color:#8e8e8e;}
#footer_wrap #footer {margin: 0 auto; width: 90%; text-align: center;}
#footer address {font-size: 20px; font-weight: 400; color: #8e8e8e; font-style: normal; padding-top:40px;}
#footer address li{width:200px; height: 40px;  background:#96939a; margin: 0 auto; line-height:40px; margin-top: 20px;}
#footer address a {font-size: 20px; font-weight: 400; font-style:bold}
#footer address span{font-size: 18px;}
#footer .copyright{display: inline-block; padding-top: 20px; /*padding-bottom: 160px;*/ font-size: 20px; font-weight: 400; color: #8e8e8e;}
.ft{text-align:center; width:100%; height:50px; border-top:1px solid #bbb; border-bottom:1px solid #bbb; line-height: 50px; background:#404243;}
.ft a{color:#fff;}
.ft_box{margin:auto; width:180px; height:40px; background:#000; text-align:center; color:#fff; font-size:20px; line-height: 40px; margin-top:30px;}
#footer img{padding-top:35px;}