.wrap{ width:100%;position:relative;}

/*header*/
.header_wrap {position:relative; width:100%; height:60px; background:#434a54;}
.header {position:relative; width:100%; margin:0 auto;}

.logo {}
.logo h1 {color:#f7f7f7; font-size:20px; height:14px; line-height:24px;font-weight:bold;padding-top:10px;padding-left:10px;}

/*gnb*/
.gnb {position:absolute; right:0;}
.gnb:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.gnb ul {height:12px; line-height:24px;}
.gnb li {float:left; height:12px; color:#eee;}
.gnb li .menu {padding-left:20px; color:#eee !important; background:url(/images/icon/bul_menu.gif) 0 2px no-repeat; margin-right:15px;}
.gnb li .name {color:#7abdff; padding-left:16px; font-weight:bold; background:url(/images/side/bar_name.gif) 0 5px no-repeat;}
.gnb li.last {margin-right:0;}

/*nav*/
.nav_wrap {position:relative; width:100%; height:50px; background:url(/images/side/bg_gnb.gif) 0 0 #f0f2f5 repeat-x;}
/* .nav {position:relative; width:950px; margin:0 auto;} */
.nav {position:relative; width:100%; margin:0 auto;}
.nav ul {border-left:1px solid #d0d0d0; height:45px;}
.nav ul li { float:left; border-right:1px solid #d0d0d0; line-height:45px; text-align:center; font-size:14px;}
.nav ul li a { display:block;  font-weight:bold; width:70px; padding:0 15px; height:45px;}
.nav ul li.on a { height:39px; border-bottom:6px solid #434a54;  background:#fff;}

/*footer*/
.footer_wrap{width:100%; height:50px; background:#e1e4e9;}
.footer{width:100%; margin:0 auto; }
.footer .f_copy {width:100%; height:10px; padding:20px; color:#868990; font-size:11px;text-align:center;}

/*login*/
.log_contents {width:550px; height:290px; margin: 170px auto; border:1px solid #d0d0d0; }
.log_contents h2.log {padding:22px 0 12px 23px; border-bottom:6px solid #434a54; font-size:16px; height:15px; font-weight:bold;}
.log_wrap {position:relative; margin:40px auto; position: relative; width:362px;}
.log_wrap dl {width:278px;}	
.log_wrap dt {color: #5e5e5e; float: left; height: 30px; text-align:left; line-height:30px;font-size:14px; width:112px; font-weight:bold;}
.log_wrap dt label {padding-left:19px;background:url(/images/icon/dot_log01.gif) 0 3px no-repeat;}
.log_wrap dd {height: 30px;}
.log_wrap p.txt {margin:10px 0 0 112px; line-height:12px;}
.log_wrap .btnlog {position:absolute; top:0; right:0; width:80px; height:64px; background-image: url(/images/btn/btn_log.gif); cursor: pointer; font-size:0;}
.log_wrap .log_input {float: right; border: 1px solid #d0d0d0; height:24px; padding: 2px 0 2px 5px; vertical-align: top; width:159px;}

.log_copy {border-top:1px solid #d0d0d0; padding:15px 15px 10px 30px;}
.log_copy .notice {height:30px;}
.log_copy .notice :after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.log_copy .tit {float:left; width:80px; padding-left:19px; background:url(/images/icon/dot_log02.gif) 0 0 no-repeat; font-weight:bold;}
.log_copy .txt {float:right; width:405px; color:#555; line-height:1.3em;}
.log_copy .copy {font-size:10px; text-align:center; margin-top:10px; color:#777;}	

/*container*/
.container {float:left;width:1200px;height:80%; margin:20px auto; background-color:#fff;overflow:hidden; }
/* .container {width:950px; margin:20px auto; background-color:#fff;} */

.container .aside {position:absolute;width:200px;}
.container .contents {float:right;height:100%;display:block; min-width:1000px;border:1px solid #d0d0d0;}
/*
.container .contents .cont_top_bg_l {position:absolute; top:-1px; left:-1px; width:3px; height:3px; background:url(/images/cont/bg_cont_tl.gif) 0 0 no-repeat;}
.container .contents .cont_top_bg_r {position:absolute; top:-1px; right:-1px; width:3px; height:3px; background:url(/images/cont/bg_cont_tr.gif) 0 0 no-repeat;}
.container .contents .cont_bottom_bg_l {position:absolute; bottom:-1px; left:-1px; width:3px; height:3px; background:url(/images/cont/bg_cont_bl.gif) 0 0 no-repeat;}
.container .contents .cont_bottom_bg_r {position:absolute; bottom:-1px; right:-1px; width:3px; height:3px; background:url(/images/cont/bg_cont_br.gif) 0 0 no-repeat;}
*/
.container .contents h2 {padding:0 0 10px 10px; font-size:18px; background:url(/images/icon/dot_h2.gif) 0 3px no-repeat; line-height:0.9em;}	
.container .contents {padding:10px;}

/*left_nav*/
.left_nav h2 {width:140px; background:url(/images/side/left_nav_img1.gif) 0 0 no-repeat; color:#fff; padding:20px 0 10px 20px; line-height:1.9em;}
.left_nav h2 .tit {font-size:26px; letter-spacing:-0.01em; }
.left_nav h2 .sst { font-style:italic; font-size:13px; font-weight:bold;}
.left_nav ul {display:block; width:158px; margin-right:18px; border-left:1px solid #66686a; border-right:1px solid #66686a;}	
.left_nav ul li a {display:block;  font-weight:bold; width:138px; padding:10px 0 10px 20px; border-bottom:1px solid #d0d0d0;}
.left_nav ul li.on a {border-left:4px solid #66686a; padding-left:16px;}
.left_nav ul li ul { border:0 none; background:#eee;}
.left_nav ul li ul li a {padding:8px 0 8px 20px; font-size:11px;}
.left_nav ul li.on ul li a {border-left:0 none; width:142px;}
	
/*btn_set*/
.btn_r {text-align: right;}

.btn01 { background-position: right 0px;display: inline-block;padding-right: 1px;position: relative;vertical-align: middle;}
.btn01 span {background-position: left 0; display: block; height: 12px; padding: 6px 8px 6px 9px;}
.btn01, .btn01 *, .btn01_off, .btn01_off * {background-image: url("/images/btn/btn_set.gif"); color: #fff;cursor: pointer;font-size: 11px;line-height: 14px;text-align: center;}