@charset "utf-8";
/*
 파일명:			main.css
 기능설명:		main css
 작성자:			nowNservey
 최종수정일:	2013.3.26
 */

@import url(webfont.css);
@import url(base.css);


/* Main LAYOUT */

.body-wrap {width:100%;}



.top-wrap, .main-con-wrap, .login-wrap, footer {width:100%;}

.top-wrap {background:#ebeae9 no-repeat center top; height:270px; text-align:center;}
.top-wrap-dual {width:960px;margin:0 auto;text-align:left; background-position:bottom right;}
.top-wrap-sub { /*background:#D6EAF3;  height:287px; */ } /********20130521 border 추가 ************/
.login-wrap { /*background: #edf3f3;*/}
.main-con {padding:30px 0;}
.footer {padding: 25px 0; background:#333333;}

#main_img{position:relative;margin:0 auto;width:980px; height:360; text-align:left; z-index:100}
#main_img .slide{width:980px;height:360px;}

.top, .login, .main-con, .footer-con {width:960px; margin:0 auto;}

/* Top */
/*.top {border-top:3px solid #333333;}*/
.top-link {padding: 3px 0; position:relative;}
.top-link .llink {display:inline-block;}
.top-link .llink button{ background:url("/img/main/bul-arrow.gif") no-repeat 0 5px; font-size:11px; padding: 0 0 0 10px;  margin-right:15px;}
.top-link .rlink {position:absolute; width:278px; right:0; top:-3px;  background:#333; } /********20130521 width값 수정 ************/
/*.top-link .rlink {position:absolute; width:277px; right:0; top:-3px;  background:#333; }*/
.top-link .rlink a {width:90px; display:inline-block; padding: 7px 0; text-align:center; background:#333; color:#999999; margin: 0}
.top-link .rlink a:hover {color:#fff; background:#fd913e;}

.w125 {width:125px !important;}
.w119 {width:119px !important;}

/* Login */
.login {position:relative; height:80px;}

.login .form-div {display:inline-block; width:580px;padding: 10px 0;}
.login .form-div #mb_id {height:23px; width:148px; border:1px solid #c8c8c8; color:#c8c8c8; padding:5px 2px 0 2px; }
:root .login .form-div #mb_id { padding-top:2px; padding-bottom:2px; }
.login .form-div input[type="password"] {height:23px; width:148px; border:1px solid #c8c8c8; color:#c8c8c8; padding:5px 2px 0 2px;}
:root .login .form-div input[type="password"] { padding-top:2px; padding-bottom:2px; }
.login .form-div button {height:30px; line-height:30px; .position:relative; .top:8px;}
.login .form-div button.login {width:70px; background:#666; color:#fff; margin-right:5px;}
.login .form-div button.join {width:128px; background:#fd913e; color:#fff; border:1px solid #de7a38;}
.login .form-div div {.margin-top:-8px;}
.login .form-div div label {width:162px; .width:138px;}

.login .thumb-link {position:absolute; right:0; top:0; width:380px; height:80px; text-align:right; }
.thumb-link a {width:90px; height:80px; overflow:hidden; display:inline-block; text-indent:-100000px;  font-size:0; color:#edf3f3 !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .thumb-link a  {position:relative; top:-4px; }
} /* 사파리, 크롬 */
.thumb-link a:hover {color:#fd913e !important;}

.thumb-link a.link1 {background:url("/img/main/thumb-01.gif") no-repeat 0 0;}
.thumb-link a.link2 {background:url("/img/main/thumb-02.gif") no-repeat 0 0;}
.thumb-link a.link3 {background:url("/img/main/thumb-03.gif") no-repeat 0 0;}
.thumb-link a.link4 {background:url("/img/main/thumb-04.gif") no-repeat 0 0;}

.thumb-link a:hover {background-position:0 -80px;}

.thumb-link .view-movie {top:80px; width:740px;}
.movie-div {background:#eef6fa; text-align:center; padding:20px; margin: 20px;}


/* Main Contents */

.main-con {overflow:hidden; *zoom:1;}

.main-con .lmain-con {float:left; width:690px; margin-right:50px; position:relative;}
.lmain-con h2 {font-size:15px; color:#333;  font-family:NanumGothicBold; padding-bottom:5px; border-bottom:1px solid #c8c8c8;}
.view-all {position:absolute; right:0; top:4px; font-size:11px; }
.view-more {height:30px; line-height:30px; background:#e5e5e5; color:#666; font-size:11px; text-align:center; width:100%;}

.ing-survey-list li {padding:10px 0;  overflow:hidden; *zoom:1; border-bottom:1px solid #c8c8c8; margin-bottom:10px;}

.ing-survey-list .s-title-info {float:left; width:620px; padding-right:15px;}
.ing-survey-list .s-title-info .s-title {margin-bottom:10px;  display:block;}
.ing-survey-list .s-title-info .s-title a {font-size:15px; color:#385b9a; display:block;}



.s-info dt, .s-info dd {.float:left;}/* ie7 */
.s-info dt {.margin-right:3px;}

.s-info dt{ background:#666; color:#fff; font-size:11px; text-align:center; height:14px; line-height:14px; border-radius:15px; display:inline-block; padding: 2px 7px; .display:inline;}
.s-info dd {display:inline-block; padding-right:20px;}
.s-info dd.period {width:350px;}
.s-info dd.cash {width:80px;}
.s-info dt.title-period {border-radius:5px;  }

.ing-survey-list li span.buttons {float:right; width:55px; display:inline-block;}
.ing-survey-list li span.buttons button {width:53px; height:27px; font-size:11px; margin-bottom:5px}
.ing-survey-list li span.buttons button.join {background:#00afc4; color:#fff; border:1px solid #0d8f9f;}
.ing-survey-list li span.buttons button.view-result {background:#fff; color:#666666; border:1px solid #c8c8c8;}


.main-con .rmain-con {float:left; width:220px;}
.r-board {position:relative; padding-bottom:15px; border-bottom:1px solid #e3e3e3; margin-bottom:15px;} /******************************border 색상수정*/
/*.r-board {position:relative; padding-bottom:30px; border-bottom:1px solid #c8c8c8; margin-bottom:30px;}*/
.r-board h2 {font-size:15px; color:#333;  font-family:NanumGothicBold; padding-bottom:15px; }
.r-board .view-all {position:absolute; right:0; top:4px;}
.r-board li {background:url("/img/main/bul-board.gif") no-repeat 0 8px; padding:0 0 5px 8px;font-size:13px;}
.r-board li a:hover {color:#ff6600;}



/* Sub Layout */

.sub-con-wrap { /*border-top:80px solid #edf3f3;*/ }
.sub-con {width:960px; padding: 30px 5px; margin: -277px auto 100px; /*background: #fff url("/img/main/sub-main-back.gif") no-repeat 0 0;*/ overflow:hidden; *zoom:1; .position:absolute; .left:50%;.margin-left:-480px; .top:0;}

.sub-con .sub-left-con {float:left; width:660px; padding-left:30px; }
.sub-con .sub-right-con {float:left; width:210px; padding: 0 30px;}

.navigator {background:url("/img/main/bul-navigator.gif") no-repeat 0 8px; padding-left:10px;}
.sub-visual {}              /******************************20130325 수정*/
/*.sub-visual {border-bottom:1px solid #c8c8c8; margin-bottom:50px;}*/

.login-info { background:#f0f0f0; padding:10px;}
.lmenu {margin-bottom:30px;}
.lmenu h2 {padding: 30px 0 30px 5px; font-size:24px; font-family:NanumGothicBold; color:#333; border-bottom:1px solid #d9d9d9;}
.lmenu li a {display:block; border-bottom:1px solid #d9d9d9; padding: 12px 0 12px 10px; }
.lmenu li a:hover {background:#fd913e; color:#fff; font-family:NanumGothicExtraBold; }


.name {position:relative; padding:10px 0;}
.name span {color:#00afc4; font-weight:bold;}
button.button-login {width:70px; background:#666; color:#fff; margin-right:5px; height:25px; line-height:25px; position:absolute; right:5px;}

.info1, .info2 {background:#fff; padding: 6px;}
.info1 {margin-bottom:5px}
.info1>span {display:block;}
.info1 .member {color:#00afc4;}
.info1 span a {color:#fd913e; padding: 0 5px 0 0 ; margin-right:5px; border-right:1px solid #c8c8c8;}

.info2 {position:relative;}
.info2 .m-num {position:absolute; right:5px;}
.info2 .m-num span {color:#00afc4; font-weight:bold; margin-right:3px;}

.link-wrap {overflow:hidden; *zoom:1; padding-top:50px; border-top:1px solid #e3e3e3;}     /**********************************20130326 수정*/
.link-wrap .link {float:left; width:173px; margin-right:45px; margin-bottom:50px; height:250px; position:relative;}
.link-wrap .link h1 {color:#333; font-size:15px; margin-bottom:5px;}
.link-wrap .link img {margin-bottom:5px;}
.link-wrap .link button.view-detail {position:absolute; bottom:0; left:0; width:70px; background:#666; color:#fff; height:25px; line-height:25px;}

.tab-board .tab { overflow:hidden; *zoom:1; background:url("/img/main/tab-back.gif") repeat-x 0 bottom ;margin-bottom:10px; border-left:1px solid #c8c8c8;}
.tab-board .tab>li {float:left; width:70px; text-align:center; font-size:13px;}
.tab-board .tab>li>a{border:1px solid #c8c8c8; border-bottom:none; display:block;  padding: 3px 0;  margin-left:-1px; color:#999; background:#e5e5e5 url("/img/main/tab-back.gif") repeat-x 0 bottom ;}
.tab-board .tab>li>a.selected { color:#333; background:#fff;}

.tab-board .panel #tab1, .tab-board .panel #tab2 {position:relative;}
.tab-board .panel #tab1 button, .tab-board .panel #tab2 button {position:absolute; right:0; top:-32px; font-size:11px; color:#666;}
.tab-board .panel a:hover {color:#ff6600;}
.tab-board .panel ul li {background:url("/img/main/bul-board.gif") no-repeat 0 9px; padding: 0 0 5px 7px;}


/* Main & Sub Common Layout */

/* GNB */
.gnb {*zoom:1;  padding: 15px 0 0 0; }
.gnb h1 {width:290px; float:left;}
.gnb nav {float:left;}
.gnb nav li {float:left; padding-right:55px; height:38px; line-height:38px; font-weight:bold; }
.gnb nav a { color:#62635E; font-size:14px;display:block; font-family:NanumGothicBold;}


/* Banner */
.banner-wrap {border-top:1px solid #c8c8c8; padding: 30px 0 ; }
.banner { width:960px; height:50px; margin: 0 auto; position:relative; }
.banner>button {position:absolute; top:0; display:inline-block;width:20px;}
.banner button.pre {left:10px;}
.banner button.next {right:10px;}
.banner .banner-link-wrap {margin: 0 30px; overflow:hidden; *zoom:1; width:900px; height:50px;}
.banner .banner-link-wrap .banner-link {float:left;}
.banner .banner-link-wrap .banner-link li {float:left; width:100px; text-align:center;}


/* footer */
footer * { font-size:11px;}
.footer-con-top {overflow:hidden; *zoom:1; padding-bottom:5px; border-bottom:1px solid #484848; margin-bottom:15px; color:#666; }
.footer-con-top>div {float:left;}
.footer-con-top .div-left{width:430px;}
.footer-con-top .div-center{width:310px;}
.footer-con-top .div-right{width:220px;}

.footer-con-top .div-left p {margin-top:20px;}
.footer-con-top .div-left address {margin:10px 0;}

.footer-con-bottom {overflow:hidden; *zoom:1; margin-bottom:20px;}

.footer-con-bottom .copyright {display:inline-block; float:left; padding: 10px 0;}
.footer-con-bottom .sns-link { float:right; width:120px;}
.footer-con-bottom .sns-link li {float:left; margin-left:10px;}

.footer-con-top dl {margin-bottom:30px}
.footer-con-top dl.t-12 dd {font-size:12px;}
.footer-con-top dt {margin-bottom:15px; font-size:14px; color:#fff;}
.footer-con-top dd span.w100 {display:inline-block; width:100px;}