@charset "utf-8";

/* ------------------------------------------
* Filename: common.css
* Description: 공통파일
------------------------------------------ */

/* common */
html, body, input, select, option, textarea { font-family:"Nanum Gothic", "나눔 고딕"; font-size:12px; line-height:1.4; color:#494949; }
html, body { height: 100%; /* overflow-x:hidden; */ }
a{text-decoration: none; color: #333;}

#wrap{width: 100%; min-width: 1050px; position: relative;}
#Header .top_line{width: 100%; height: 5px;position: relative;background: #4faee5;}
#Header .top_line .line_left{width: 50%;height: 5px;position: absolute;top: 0; left: 0;background: #336699; }
/* #Header .top_line .top_area{position:absolute;} */


#Header .Nav{width: 1010px; height: 100px; margin: 0 auto; padding: 0 20px; margin-bottom:15px;overflow: hidden;}
.Nav .top_spot_area{position:absolute; width:1010px; height:35px; text-align:right;top:0; border-top:5px solid #336699;}

.Nav .top_spot{height: 35px;text-align: right;line-height: 35px;border-top:5px solid #4faee5; position:absolute; top:-5px; right:0;}
.Nav .top_spot li{display: inline-block;font-size: 11px;}
.Nav .top_spot li a{color: #999; font-weight: bold;padding: 5px 10px;}
.Nav .top_spot li:last-child a{padding-right:0;}
.Nav .nav_area{height: 70px;position: relative;top:35px;}
.Nav .nav_area .logo{width:170px; float: left;}
.Nav .nav_area .navigation{float: right;;text-align: }
.nav_area .navigation li{float: left; font-size: 16px; font-weight: bold;padding:0 38px;line-height: 70px;background: url("/img/main/nav_line.jpg")no-repeat right;}
.nav_area .navigation li:last-child{padding: 0 0 0 30px;}
.nav_area .navigation li a{color: #666; display: block;}
.nav_area .navigation li a:hover{color:#336699;}

footer { position:relative; margin-top:40px;}
#footer_m_box{width:100%; height:35px; border-top:1px solid #ddd; border-bottom:2px solid #ddd;margin-top:40px;}
#footer_m_box .footer_menu {width:1010px; padding:0 20px; margin:0 auto; height:35px; text-align:center;}
.footer_menu li{display:inline-block; font-size:14px; color:#333;font-weight:bold;}
.footer_menu li a{color:#333; display:block;padding:8px 42px;}
.footer_menu li a span{color:#999;}
.add_box{width:1010px; padding:20px; margin:0 auto; height:80px;}
/* .add_logo{width:180px; float:left;}
.add_txt{text-align:left; width:400px; line-height:24px;white-space:nowrap;}
.costomer_ntc{float:right;width:300px;} */
.add_box li{float:left; height:70px; }
.add_box .add_logo{width:180px; height:70px; overflow:hidden;border-left:none;}
.add_box .add_txt{text-align:left; line-height:24px;white-space:nowrap;padding:0px 24px;
	border-left:1px solid #ddd;border-right:1px solid #ddd;width:500px;}
.add_box .add_txt p{padding-top:5px;}
.add_box .footer_costomer{float:right;}

#container { width: 100%;position: relative;}
#wrap .content{ position:relative; width:980px; margin:0 auto; min-height:500px; margin-bottom:100px; }

.cot { position: relative; width:100%; }
sup { font-size:10px; }