@charset "utf-8";

html,body {height:100%;}
#wrap {/*background: url(../img/bg/main_bg.jpg) repeat;*/ background:none; }
#header {width:980px; height:91px; margin:0 auto; padding-top:22px;}
#header h1 {float:left;}

/* gnb */
.gnb{ position:relative; z-index:949; float:right; }
.gnb ul li{position:relative; float:left; background: url(../img/common/gnb_bar.gif) no-repeat 0 center;}
.gnb ul li:first-child {background:none;}
.gnb ul li a{position:relative; padding:17px 37px 17px; font-size:16px; color:#616161; z-index:999;}
.gnb ul li.on a, 
.gnb ul li a:hover{display:block; color:#fff;} 
/*.gnb ul li.on a, 
.gnb ul li a:hover{display:block; background:#851013; color:#fff;} */
.gnb ul li>.snb{position:absolute; top:0; display:none; padding:60px 0 0 0; min-height:50px; background:#851013; z-index: 99}
.gnb ul li>.snb>ul{clear:both; background:#851013; }
.gnb ul li>.snb>ul>li{background:#851013;}
.gnb ul li>.snb>ul>li a{padding:0px 15px 20px 15px !important; font-size:11px; line-height:11px; color:#fefefe !important; }
.gnb ul li>.snb>ul>li.on a, 
.gnb ul li>.snb>ul>li a:hover{color:#f7de53 !important; text-decoration: underline;}

/* footer */
#footer{height:330px; padding:30px 0 0 0; background: #424242 }
#footer .top-btn{width:1090px;margin:0 auto;}
#footer .top-btn img{position:absolute; right:0; top:-25px;}

.footer-bx{width:980px; margin:0 auto;}
.footer-bx .sns{display:block;width:240px;height:45px;}
.footer-bx .sns li{float:left; padding-left:5px;}
.footer-bx .sns li:first-child{padding-left:0}
.footer-bx .sns li span{width:45px;height:45px; background: url(../img/icon/sns_icon.png) 0 0 no-repeat;}
.footer-bx .sns li a span  {font-size:0;line-height:0;text-indent:-999;}
.footer-bx .sns li a span.sns1 {background-position:0 0;}
.footer-bx .sns li a span.sns2{background-position:-65px 0;}
.footer-bx .sns li a span.sns3 {background-position:-130px 0;}
.footer-bx .sns li a span.sns4 {background-position:-195px 0;}
.footer-bx .sns li a:hover span  {background: url(../img/icon/sns_icon_on.png)}
.footer-bx .sns li a:hover span.sns1 {background-position:0 0;}
.footer-bx .sns li a:hover span.sns2{background-position:-65px 0;}
.footer-bx .sns li a:hover span.sns3 {background-position:-130px 0;}
.footer-bx .sns li a:hover span.sns4 {background-position:-195px 0;}
.footer-bx .addr p{font-size:12px;color:#b6b6b6;}
.footer-bx .addr ul {width:190px;}
.footer-bx .addr ul li {display:inline-block; margin-right:15px; line-height:18px;}
.footer-bx .addr a {color:#b6b6b6; font-size:12px;}
.footer-bx .address {padding:15px 0 0 0;}
.footer-bx .address p,
.footer-bx .address p span{color:#b6b6b6; margin-left:10px;}

#footer .copy{position:relative; color:#b6b6b6; background:#333; text-align:left; padding:15px 24px 15px; font-size:12px;}
#footer .copy p {color:#808080;}
#footer .copy .logout-box {position:absolute; right:20px; top:20px; text-align:right; }
#footer .copy .logout-box a{margin:0 10px 0 0;color:#fff; font-size:11px; font-weight:normal;}
#footer .copy .login-box {position:absolute; right:20px; top:20px; text-align:right; }
#footer .copy .login-box a {margin:0 10px 0 0; color:#333; font-size:11px; font-weight:normal;}
#footer .copy .login-box a:hover {margin:0 10px 0 0;color:#444; font-weight:normal;}

/* sfooter */
#sfooter{z-index:500; position:fixed; width:100%;bottom:-120px; height:75px; background: #424242 }
#sfooter .sfooter-bx{width:1090px; margin:0 auto;}
#sfooter .top-btn{position:relative; width:1090px;margin:0 auto;}

#sfooter .top-btn img{position:absolute; right:55px; top:20px; z-index:100;}
#sfooter .footer-bx {position:relative;}
#sfooter .footer-bx .addr{position:absolute; left:0; top:20px; *top:-2px; text-align: left}
#sfooter .footer-bx .sns{position:absolute; left:764px;top:14px; *top:-4px; }

/* indicator */
.indicator{padding-bottom:30px;}
.indicator h2.indi_tit{float:left; margin-top:60px; font-size:38px; line-height:38px; color:#231f20; letter-spacing:0px;}

.path{float:right; margin-top:40px;}
.path ul li{float:left; padding-left:19px; margin-left:12px; background:url(../img/common/path_bul.png) no-repeat left center;}
.path ul li:first-child{padding-left:0; background:none;}
.path ul li.path-lst-01 a{}
.path ul li.path-lst-02 a{color:#858585;}
.path ul li.path-lst-03 a{}
.path ul li a{display:inline-block;}
.path ul li.on a{font-weight:bold; color:#c4161c;}
.path ul li.on a:hover{text-decoration:underline;}

.path ul .path-lst01 a{display:inline-block; width:15px; height:15px; background:url(../img/icon/home_icon.gif) no-repeat 0 0;}
.path ul .path-lst02{margin-left:12px; padding-left:12px; background:url(../img/common/indicator_bullet.gif) no-repeat left center;}
.path ul .path-lst03{margin-left:12px; padding-left:12px; background:url(../img/common/indicator_bullet.gif) no-repeat left center;}
.path ul .path-lst04{margin-left:12px; padding-left:12px; background:url(../img/common/indicator_bullet.gif) no-repeat left center;}

/* content */
.content{min-height:600px;}
.sub-con-tit{font-size:36px; color:#2b2b2b; line-height:42px; letter-spacing:-1px;}

/* bx-lft-indent */
.bx-lft-indent{margin-left:18px;}

/* login 2014-07-02 */
.login-wrap{
    margin:0 auto ; padding:20px 0; text-align:center; width:100%;
    background:#f9f9f9;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
.login-wrap .txt01{margin:25px 0 45px; color:#30b4e6; font-size:32px;line-height:32px; font-weight:bold; }
.login-wrap .txt02{color:#606060; font-size:50px; font-weight:bold; line-height:50px; } 

.input-st {margin:0 auto 15px; text-align:left; width:330px;}
.input-st p{padding-left:8px; margin-top:15px;}
.input-st label{text-align:left;color:#000; font-size:14px; line-height:20px; font-weight:bold;}
.input-st input{border:1px solid #dbdbdb; 
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	background:#fff;
	width:330px; height:42px;

}

.sigin-btn{
    padding:15px 0;
    margin:0 0 10px 20px; background-color: #444;
	border: 1px solid #333;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:350px; text-align:center;
    color:#fff;
    font-size:24px; font-weight:bold;
    cursor:pointer;
	}
.enter-code {
    margin:0 auto; padding:20px 0;
    width:330px; 
    border:1px solid #dbdbdb;
    -webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	background:#fff;
}        

.enter-code div {margin:0 0 5px 0;}
.enter-code p {margin:0 0 10px 0;}


/*admin*/
#acontent {z-index:999; }
.ui-dialog {position:absolute; z-index:999; top:50%; left:50%; margin:-300px 0 0 -400px;} 
