@charset "utf-8";
/* CSS Document */

/* 기본스타일 정의 */

@import url("Sub.css");
@import url("Main.css");

@charset "UTF-8";

@font-face {
 font-family: 'NanumGothic';
 src: url('fonts/NanumGothic.eot'); /* IE9 Compat Modes */
 src: url('fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('fonts/NanumGothic.woff') format('woff'), /* Modern Browsers */
 url('fonts/NanumGothic.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('fonts/NanumGothic.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */
}

/* 기본 css */
*         {padding:0;margin:0}
html     { height:100%; margin:0; padding:0;}
body    { margin:0; font-family: 나눔고딕, NanumGothic, Arial, Helvetica, sans-serif; font-size: 13px; color: #333; background:#fff; line-height:1.0 }

pre, xmp { margin:0px; }
pre { white-space:pre-wrap; word-break:break-all; }

input { padding:5px; border:solid 1px #ccc; }
input[type="text"], input[type="password"], input[type="number"]{ height:14px; }
input[type="file"] { padding:0; border:solid 1px #ccc; background:#fff; width:100%; display:inline }

input[type="text"].any-invalid, input[type="number"].any-invalid { background-color:#F00; color:#FFF; }
div[any-container=""] { margin:0px; }


div.page-header { margin-bottom:10px; height:28px; border-bottom:solid 2px #c6cbd0; }
div.page-header h1 { float:left; margin:3px 0px 0px 0px; }
div.page-middle { padding-top:10px; padding-bottom:5px; }
div.page-middle h2 { padding-top:10px; margin-top:-5px; float:left; }
div.page-footer-border { margin-top:10px; padding-top:5px; border-top:2px solid #c6cbd0; }
div.page-footer { padding-top:10px; }
div.page-space { padding-top:10px; }

div.toggle-display { margin-bottom:5px; border-top:none; padding-left:5px; cursor:pointer; }

div.grid-space { padding-top:10px; padding-bottom:5px; }
div.grid-space h2 { padding-top:10px; margin-top:-5px; float:left; }

div.buttons { text-align:right; }

img { border:0 }
A:link, A:visited, A:active {COLOR:#333; font-family: 나눔고딕, NanumGothic, Arial, Helvetica, sans-serif; font-size: 12px; TEXT-DECORATION:none }
A:hover { TEXT-DECORATION:none; COLOR:#135189;}

input, textarea, iframe {
    background-color:#fff;
    border:solid 1px #ccc; COLOR:#333333; font-size: 12px;
    font-family: NanumGothic, 나눔고딕, Arial, Helvetica, sans-serif;line-height:1.3

    }

textarea { width:100%; height:200px; overflow:auto; padding:3px}
select{behavior: url('selectbox.htc') !important; width:100%; font-size:12px; padding:3px 3px 5px 3px}
div,dl,dt,dd,p,ul,li{margin:0px; padding:0px;}
ul, dl { list-style:none; }


table.basic { width:100%;border-style:hidden; border-collapse:collapse }


table.layout { border:0px; border-spacing:0px; table-layout:fixed; width:100%; }
table.layout > tbody > tr > td { border:none; padding:0px; }

table.space > tbody > tr > td { padding-left:2px; padding-right:2px; }
table.space2 > tbody > tr > td { padding-left:5px; padding-right:5px; }
table.space > tbody > tr > td:first-child, table.space2 > tbody > tr > td:first-child { padding-left:0px; }
table.space > tbody > tr > td:last-child, table.space2 > tbody > tr > td:last-child { padding-right:0px; }

table.view, table.list { border:1px solid #d8d8d8; border-collapse:collapse; border-spacing:0px; table-layout:fixed; width:100%; }
table.view > tbody > tr, table.list > thead > tr, table.list > tbody > tr, table.list > tfoot > tr { height:26px; color:#656565; }
table.view > tbody > tr > th, table.list > thead > tr > th, table.list > tbody > tr > th { border:1px solid #dbdbdb; font-weight: bold; text-align:center; }
table.view > tbody > tr > td, table.list > tbody > tr > td, table.list > tfoot > tr > td { border:1px solid #dbdbdb; color:black; background-color:#FFF; padding:3px 4px 3px 4px; }
table.view > tbody > tr > th { text-align:left; padding:3px 4px 3px 12px; }
table.list > thead > tr > th, table.list > tbody > tr > th { text-align:center; padding:3px 4px 3px 4px; }

table.view span.require { color:#ff6600; margin-left:-9px; margin-right:0px; float:left; }
table.list span.require { color:#ff6600; margin-left:0px; margin-right:1px; float:none; }

table.auto { table-layout:auto; }
table.auto2 { table-layout:auto; width:auto; }


span.link { color:#457A9F; cursor:pointer; }
span.link:hover { text-decoration:underline; }

input.any-search-readonly { background-color:#efefef; }

div.any-dsgrid-title {}
div.any-dsgrid-buttons {}

div.ellipsis, li.ellipsis, p.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

ul { list-style:none; }

div.any-dsgrid-title {}
div.any-dsgrid-buttons {}

caption { display:none; }

/**** skipnavigation :s ***/
#skipnavi         { width:100%;height:0;font-size:0;line-height:0;z-index:999; }
#skipnavi dl      {position:absolute;top:0;left:0;z-index:999; width:100%;}
#skipnavi dl dd   {position:absolute;top:0;left:0;z-index:999;width:100%;}
#skipnavi dl dd a {position:absolute;display:block;left:-3000px;top:0; width:100%; height:20px;font-weight:bold;text-align:center;font-size:14px;color:#fff;}
#skipnavi dl dd a:focus,
#skipnavi dl dd a:hover,
#skipnavi dl dd a:active {position:absolute;top:0;left:0;font-size:14px;color:#fff;background:#0b81db;padding:1em 0;z-index:10;}
/**** skipnavigation :e ***/







#wrap    { width:100%; margin:0 auto; clear:both; }
#footer { height:50px; border-top:solid 1px #ccc; padding-top:20px; color:#999; line-height:1.3;  clear:both; }
#footer .footerInfo { width:920px; padding-left:80px; margin:0 auto; background:url("images/bg_footerlogo.gif") no-repeat left top; font-size:11px;  }

/* header */
#header { height:90px;}

#globalUtil { width:624px; height:33px; float:right;}
#globalUtil dl { float:right; height:13px; margin:10px 0 10px 0;  }
#globalUtil dt { display:none;}
#globalUtil dd { float:left;  margin-left:20px; }

#globalTop { width:1000px; height:62px; margin: 0 auto; padding-top:28px;  }
#globalTop h1 { width:170px; height:35px; background:url("images/top_logo.png") no-repeat; text-indent:-9999px;  float:left;}
#globalTop h1 a { display:block; width:170px; height:35px; }

#gnbMenu { width:1000px; height:62px; margin:0 auto;}
#gnbMenu li { float:left; margin-right:35px;  }
#gnbMenu li:last-child { margin:0 }
#gnbMenu li.on { background:url("images/bg_topnav_on.gif") repeat-x bottom; }
#gnbMenu li.on a { color:#0064be; }
#gnbMenu li a { display:block; height:24px; padding:8px 0 30px 0; font-size:18px; font-weight:600; letter-spacing:-1px;  }

#userInfo { float:right; position:relative; top:5px; }
#userInfo li { margin:5px !important; font-weight:600; font-size:14px; color:#333; }
#userInfo li a { font-size:11px !important; font-weight:normal!important; color:#666!important; padding:0!important }
#userInfo li a.myinfoLink { text-decoration:underline; padding-right:13px !important; display:inline-block; background:url(images/icon_userinfo.gif) no-repeat right 0px; }

/* container */
#container {  }

.sub { background:url("images/bg_topsub.gif") repeat-x top; padding-top:45px;   }
.subArea { width:1000px; margin:0 auto;  }
.subNav { width:170px;  margin-right:50px; float:left;  margin-bottom:50px;}
.subNav p { height:40px; border-bottom:solid 2px #333; font-size: 18px; font-weight:600; letter-spacing:-1px; }
.subNav li { display:inline-block; width:170px; border-bottom:solid 1px #ddd; }
.subNav li a { display:block; width:125px;  padding:12px 40px 12px 5px; font-size:13px; font-weight:600; color:#666; line-height:1.2 }
.subNav li a:hover { color:#0064be; background:url("images/bg_subnav_on.gif") no-repeat 150px center  }
.subNav li.on { background:url("images/bg_subnav_on.gif") no-repeat 150px center; }
.subNav li.on a { color:#0064be; }

.subCon { width:780px; height:100%; float:right; margin-bottom:50px;}
.subCon .subTitle { height:40px;  border-bottom:solid 1px #ddd; margin-bottom:35px;}
.subCon h2 { font-size:24px; letter-spacing:-1px; font-weight:700; }
.subTitle .location { float:right; position:relative; top:-11px }
.subTitle li { float:left; font-size:11px; color:#666; padding-left:35px; background:url(images/bg_location.gif) no-repeat 16px 1px; }
.subTitle li:first-child { padding-left:0; background:none; }
.subTitle .home { display:block; width:15px; height:14px; background:url("images/icon_home.gif") no-repeat; text-indent:-9999px; position:relative; top:-2px; }
.pageContents { font-size:13px; line-height:1.3 }


/* button */

/* 서브컨텐츠 버튼 css */
.btn {
     display:inline-block; padding:3px 10px 5px 10px;
     font-size:12px; font-weight:600; font-family: 나눔고딕, NanumGothic, Arial, Helvetica, sans-serif; background-color:#474747; color:#fff;
    border:0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius:3px; -webkit-border-shadow:0 0 1px #333; line-height:1.3; cursor:pointer;
    }

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #00a3e2 !important;
  *background-color: #00a3e2!important;

}

.logout {
     display:inline-block; padding:2px 5px 2px 5px!important; position:relative; top:-2px;
     font-size:10px; font-weight:600; font-family: 나눔고딕, NanumGothic, Arial, Helvetica, sans-serif; background-color:#ebebeb; color:#333 !important;
    border:solid 1px #ddd;  line-height:1.3; cursor:pointer; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;
        }

.logout:hover,
.logout:focus,
.logout:active,
.logout.active,
.logout.disabled,
.logout[disabled] {
  background-color: #dddddd !important;
  *background-color: #dddddd!important;

}


/* 로그인화면(2015.03.19) */

#mainLoginArea { }
.mainLoginBox { width:1146px; height:722px; margin:0 auto; background:url(images/bg_mainlogin.jpg) no-repeat; }
.mainLoginGroup { width:307px; position:relative; top:360px; left:595px; position:relative;}
.mainLoginGroup h2 .userSearch { color:#333 !important; font-size:11px; position:absolute; top:-90px; left:230px;}
.loginInfo li { width:232px; height:47px; border-bottom:solid 1px #dfdfdf; padding-left:75px;  }
.loginInfo .id { background:url("images/bg_login_id.gif") no-repeat left center; }
.loginInfo .pw { background:url("images/bg_login_pw.gif") no-repeat left center; }
.loginInfo input { width:222px; height:20px; border:0; margin-top:9px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px; }

#mainLoginArea  p { color:#999; font-size:12px; letter-spacing:-1px; line-height:1.0; margin:15px 0 20px 0;}
#mainLoginArea  p input { margin:0 3px 0 0 !important; padding:0 !important; width:15px !important; float:left; position:relative; top:2px }
#mainLoginArea .mainMembership { position:relative; top:-5px; }
#mainLoginArea .mainMembership  a { margin:0 1px }

.loginBtnArea { width:307px; height:35px; margin-bottom:20px; }
.loginBtnArea li { float:left !important;  margin-right:3px; width:150px; height:35px; }
.loginBtnArea button { width:150px; height:32px; font-size:14px; padding-bottom:7px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; }
.loginBtnArea .login { background:#333 !important; }
.loginBtnArea .joinus { background:#bdc0c3 !important; }
.loginidpw li:first-child { padding-left:0; }
.loginidpw li:last-child { background:none; }
.loginidpw li { float:left; padding:0 15px; background:url(images/bg_loginbar.gif) no-repeat right 2px; }
.loginidpw li a{ color:#333; font-size:13px; letter-spacing:-1px; }



/* 회원가입 서비스 소개ㄴ */

.subTop_title { font-size:24px;; font-weight:700; color:#333; margin-bottom:30px;  }
.subTop_title02 { font-size:24px;; font-weight:700; color:#333;  margin:50px 0 20px 0; padding-top:30px; border-top:solid 1px #ddd; }
.btnBottom { text-align:center; }
.download { font-size:18px; padding:10px 20px; margin-top:40px }
.serviceBg { width:286px; height:90px; background:url("images/bg_service.gif") no-repeat right; float:right; position:relative; top:-28px;  }