@charset "utf-8";

#skipNavi{display:block; overflow:hidden; position:absolute; top:-1000em; left:0; background:#fff}
#wrap{position:relative; width:1440px; margin:0 auto; min-height:100%}

/*메인*/
.mainbg{background:#f0f1ea}
#container{min-height:540px}
#container_main .mainLogo{position:relative;margin:0 auto; width:300px;  padding:30px 0 0}
.content_mian{position:relative;margin:0 auto; width:300px; height:514px; padding:60px 0 0}
.content_mian .title .name{padding:0 0 14px}
.content_mian .loginBox{width:223px; margin-top:15px; padding:12px 12px 10px; border:1px solid #d4d6d0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
.content_mian .loginBox .inputBox{position:relative; margin:0 0 8px; padding:3px 35px 2px 9px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff}
.content_mian .loginBox .inputBox input.int_txt{position:relative; width:92%; border:none; padding:10px 5px 9px 5px}
.content_mian .loginBox .inputBox.id{background:#fff url(/images/img_id.png) no-repeat right 8px}
.content_mian .loginBox .inputBox.pw{background:#fff url(/images/img_pw.png) no-repeat right 8px}
.content_mian .loginBox .btn_login{padding:2px 0 0}
.content_mian .loginBox .btn_login input{width:100%; height:42px; vertical-align:middle; font-size:16px; font-weight:bold; text-align:center; color:#fff; border:1px solid #f79242; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#f79242; cursor:pointer; -webkit-appearance:none;}
.content_mian .loginBox .check_info{margin:10px 0 0; color:#666}
.content_mian .loginBox .check_info span{display:inline-block; padding-right:7px; background:url(/images/bul_line2.gif) no-repeat right 1px}
.content_mian .loginBox .check_info span:last-child{padding-left:4px; background:none}
.content_mian .loginBox .check_info label{padding-left:3px}
.content_mian .loginBox .check_info a{color:#666}
.content_mian .join_link{margin-left:300px;padding:9px 7px 0}
.content_mian .join_link .mb{padding-left:14px; background:url(/images/img_join.png) no-repeat 0 0} 
.content_mian .join_link span{display:inline-block; margin-left:3px; padding:1px 0 0 7px; background:url(/images/bul_line2.gif) no-repeat 0 2px}
.content_mian .join_link a{color:#666}

/*서브*/
.gnbGroup{position:relative; height:45px; background:#495056}
.gnbGroup h1{position:absolute; left:0;}
.gnbGroup .gnb{margin:0 100px 0 181px}
.gnbGroup .gnb li{float:left}
.gnbGroup .gnb li a{display:inline-block; width:116px; height:30px; padding:15px 0 0; font-size:14px; font-weight:bold; color:#fff; text-align:center} 
.gnbGroup .gnb li a:hover{background:#81bc3c}
.gnbGroup .gnb li a.selected{background:#81bc3c}

.gnbGroup .subMenu{position:absolute; padding-left:180px; top:45px; width:100%; padding:5px 0px 0px; border:none;  box-sizing:border-box;  z-index:100}
.gnbGroup .subMenu ul{min-height:20px;padding-left:180px; border-bottom:1px solid #bbb}
.gnbGroup .subMenu li{float:left; padding-left:20px}
.gnbGroup .subMenu li p{font-size:13px; font-weight:bold; color:#87c440}
.gnbGroup .subMenu li a{display:block; padding:6px 0; color:#797a7c}
.gnbGroup .subMenu li a:hover{color:#87c440}
.gnbGroup .subMenu li .longTxt{letter-spacing:-0.15em}
.gnbGroup .subMenu li a.selected{padding-left:16px; font-weight:bold; color:#81bc3c;}

.gnbGroup .gnb:after, .gnbGroup .subMenu ul:after{content:""; clear:both; display:block; visibility:hidden}

.gnbGroup .lnk{position:absolute; top:27px; right:17px}
.gnbGroup .lnk a{display:inline-block; padding:0 2px; font-size:11px; color:#fff}

.gnbGroup .lnk a.admin{padding-right:7px; background:url(/images/bul_line.gif) no-repeat right 0}


#container .contents{position:relative; float:right; width:100%; margin:40px 0 15px 0; padding-top:6px; }
.contents h3{padding:0 0 8px; font-size:12px; font-weight:bold; color:#333; border-bottom:1px solid #d3d3d3}
.contents .tableTitle{padding:0 0 8px; font-size:12px; font-weight:bold; color:#333;}

/*이용가이드*/
.memberJoin .use_guide{}
.memberJoin .use_guide h2{padding:0 0 10px 0; font-size:24px; font-weight:bold; border-bottom:1px solid #bbb}
.memberJoin .use_guide ol{padding:20px 0}
.memberJoin .use_guide li{position:relative; margin-bottom:10px;  padding:15px; border:1px solid #d3d3d3}
.memberJoin .use_guide li .img{float:left; width:400px}
.memberJoin .use_guide li .txt{float:right; width:354px}

.memberJoin .use_guide li:after{content:""; clear:both; display:block; visibility:hidden}

/*마이페이지*/
.contents .mypageWrap{}
.contents .mypageWrap h3{padding:0 0 7px 8px; font-size:12px; color:#555; border:none; background:url(/images/bul_dot.gif) no-repeat 0 4px}
.contents .mypageWrap .myL_ct{float:left; width:470px}
.contents .mypageWrap .myR_ct{float:right; width:300px}
.contents .mypageWrap .ct_box{position:relative; height:154px; margin-bottom:15px; padding:15px 15px 15px; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contents .mypageWrap .ct_box.v2{height:255px} 
.contents .mypageWrap .ct_box.v2:last-child{height:254px}
.contents .mypageWrap .ct_box .gL{width:438px; height:133px}
.contents .mypageWrap .ct_box .gR{width:268px; height:133px}
.contents .mypageWrap .ct_box:last-child{margin:0}

.contents .mypageWrap .ct_list{position:relative; height:144px; margin-bottom:15px; padding:20px 20px 20px; border:1px solid #ddd; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.contents .mypageWrap .my_notic{padding-top:5px; border-top:1px solid #ddd}
.contents .mypageWrap .my_notic li{padding:10px 0 0 9px; background:url(/images/bul_list.gif) no-repeat 0 15px; overflow:hidden; word-break:nowrap; white-space:nowrap; text-overflow:ellipsis}
.contents .mypageWrap .my_qna{padding-top:5px; border-top:1px solid #ddd}
.contents .mypageWrap .my_qna li{padding:10px 0 0 9px; background:url(/images/bul_list.gif) no-repeat 0 15px; overflow:hidden; word-break:nowrap; white-space:nowrap; text-overflow:ellipsis}

.contents .mypageWrap .ct_box .more{position:absolute; top:14px; right:15px}
.contents .mypageWrap .ct_list .more{position:absolute; top:18px; right:20px}
.contents .mypageWrap .more a{display:inline-block; padding-right:20px; font-size:11px; line-height:1.6em; background:url(/images/icon_more.png) no-repeat right 0}

.contents .mypageWrap:after{content:""; clear:both; display:block; visibility:hidden}


/*table type*/
.contents .searchBox{position:relative; margin:15px 0; padding:5px 0; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background:#fafafa}
.contents .searchBox table{width:100%}
.contents .searchBox th{padding:11px 0 0 15px; font-family:'돋움',Dotum; font-weight:bold; text-align:left; vertical-align:top}
.contents .searchBox td{padding:5px 0; font-family:'돋움',Dotum}
.contents .searchBox td img{vertical-align:middle}
.contents .searchBox td .calendar{width:80px}
.contents .searchBox .searchBtn{position:absolute; bottom:10px; right:20px}
.contents .searchBox .searchBtn.line1{bottom:8px}
.contents .searchBox .searchBtn a{display:inline-block; padding:7px 7px 6px 26px; font-family:'돋움',Dotum; font-weight:bold; border:1px solid #9f9f9f; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#e8e9eb url(/images/icon_search.png) no-repeat 8px 6px}

.contents .table_tit{padding:4px 0 8px 8px; font-weight:bold; background:url(/images/bul_dot.gif) no-repeat 0 9px}
.contents table .esstial{display:inline-block; padding-right:10px; background:url(/images/icon_essential.png) no-repeat right center}
.contents table .esstialV2{display:inline-block; width:9px; height:8px; vertical-align:top; font-size:0; line-height:0; background:url(/images/icon_essential.png) no-repeat right 4px}


.contents .tableType1{margin:15px 0 0}
.contents .tableType1 table{width:100%; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4}
.contents .tableType1 th{padding:6px 0 5px 10px; font-family:'돋움',Dotum; font-weight:normal; text-align:left; border-bottom:1px solid #dfdfdf; background:#eeeeee}
.contents .tableType1 th.v2{padding:11px 0 10px 10px}
.contents .tableType1 label{padding:0 11px 0 2px}
.contents .tableType1 td{padding:5px 9px 5px 10px; font-family:'돋움',Dotum; border-bottom:1px solid #dfdfdf}
.contents .tableType1 td img{vertical-align:middle}
.contents .tableType1 td span.tit{display:inline-block; padding:0 10px 0 15px}
.contents .tableType1 td span.tit:first-child{padding-left:0}
.contents .tableType1 td span.tip{padding-left:5px; color:#bbb}
.contents .tableType1 td span{display:inline-block}
.contents .tableType1 .inp_btn span{vertical-align:middle}
.contents .tableType1 tr:last-child th,
.contents .tableType1 tr:last-child td{border:none}

.contents .tableType2{margin:15px 0 15px}
.contents .tableType2 table{width:100%; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4}
.contents .tableType2 th{padding:11px 0 10px 10px; font-family:'돋움',Dotum; font-weight:normal; text-align:left; border-bottom:1px solid #dfdfdf; background:#f0f1f3}
.contents .tableType2 th.tit{font-weight:bold; border-right:1px solid #ddd}
.contents .tableType2 td{padding:11px 0 10px 10px; font-family:'돋움',Dotum; border-bottom:1px solid #dfdfdf}
.contents .tableType2 td img{vertical-align:middle}
.contents .tableType2 tr:last-child th,
.contents .tableType2 tr:last-child td{border:none}

.contents .tableList{margin:15px 0 15px; width: 100%}
.contents .tableList table{width:100%; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4}
.contents .tableList th{padding:4px 0 4px 4px; font-weight:normal; text-align:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f0f1f3}
.contents .tableList td{padding:4px 0 4px 4px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf}

.contents .tableList th:last-child,
.contents .tableList td:last-child{border-right:none}
.contents .tableList tr:last-child td{border-bottom:none}

.contents .table_box{position:relative; width:100%}
.contents .table_box .floatL{width:382px}
.contents .table_box .floatR{width:383px}
.contents .table_box:after{content:""; clear:both; display:block; visibility:hidden}

.contents .tableGrid{width:785px}
.contents .menuSetup{float:left; margin:20% 0 0 25px}
.contents .menuSetup a{ display:block}

#container:after{content:""; clear:both; display:block; visibility:hidden}

/*공지사항*/
.noticeTop{position:relative; margin:15px 0 10px}
.noticeTop .total{ position:absolute; top:13px; left:0}
.noticeTop .search{text-align:right}
.noticeTop .search span{display:inline-block; vertical-align:middle}

.contents .board_view{padding:15px 0 0 0; font-family:'돋움',Dotum}
.contents .board_view dl{border-top:1px solid #b4b4b4}
.contents .board_view dt{float:left; width:91px; height:24px; padding:11px 0 0 15px; font-weight:bold; z-index:1}
.contents .board_view dd{height:30px; padding:5px 0 0 14px; font-weight:bold; border-bottom:1px solid #d3d3d3; background:#fafafa}
.contents .board_view dd.tit{height:auto; position:relative; padding:9px 200px 8px 14px; line-height:18px}
.contents .board_view dd .date{position:absolute; right:13px; top:11px; font-weight:normal}
.contents .board_view dd .name{position:absolute; right:100px; top:11px; font-weight:normal}

.contents .board_view .attach{position:relative; min-height:45px; border-bottom:1px solid #d3d3d3}
.contents .board_view .attach .tit{position:absolute; top:16px; left:15px; padding:0 0 0 18px; font-weight:bold; background:url(/images/icon_attach.gif) no-repeat 0 1px}
.contents .board_view .attach .att_btn{position:absolute; left:106px; top:10px}
.contents .board_view .attach .att_list{position:relative; padding:10px 0 6px 0}
.contents .board_view .attach .att_list li{position:relative; height:19px; margin-bottom:4px; padding:5px 0 0 10px; border:1px solid #b4b4b4; background:#fefefe}

    /*파일첨부*/
.contents .board_view .attach .att_list.list li{padding:2px; margin-bottom:5px; font-family:'돋움',Dotum; color:#666}
.contents .board_view .attach .att_list input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0}
.contents .board_view .attach .att_list label{display:inline-block; padding:3px 8px 0; color:#777; line-height: normal; vertical-align:middle; background-color:#f5f5f5; cursor: pointer; border:1px solid #b4b4b4}
.contents .board_view .attach .att_list .upload-name{display:inline-block; width:70%; padding:3px 8px 0; line-height: normal; vertical-align:middle; background:none; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}

.contents .board_view .attach .att_list li > a.delete{position:absolute; top:6px; right:10px}
.contents .board_view .attach .att_list li > a .down_btn{display:block; position:absolute; left:-1px; top:-1px; width:26px; height:26px; font-size:0; background:url(/images/icon_file_down.gif) no-repeat 0 0}
.contents .board_view .attach .att_list.list{margin:0 12px 0 175px}
.contents .board_view .attach .att_list.down{margin:0 12px 0 105px}
.contents .board_view .attach .att_list.down a{margin-left:20px}

.contents .board_view .text{min-height:200px; padding:15px 20px 25px 20px; line-height:1.5em; border-bottom:1px solid #b4b4b4}
.contents .board_view .editor{padding:15px 20px 25px 20px; line-height:1.5em; border-bottom:1px solid #b4b4b4}

.contents .notice_list{font-family:'돋움',Dotum}
.contents .notice_list dl{border-bottom:1px solid #b4b4b4}
.contents .notice_list dt{float:left; width:60px; padding:11px 0 10px 27px; font-weight:bold}
.contents .notice_list dt.pre{background:url(/images/bul_pre.gif) no-repeat 15px center}
.contents .notice_list dt.next{background:url(/images/bul_next.gif) no-repeat 15px center}
.contents .notice_list dd{padding:11px 0 10px; color:#666; border-bottom:1px solid #d3d3d3}
.contents .notice_list dd a{color:#666}
.contents .notice_list dd:last-child{border-bottom:none}

.contents .qna_list{font-family:'돋움',Dotum}
.contents .qna_list dl{border-bottom:1px solid #b4b4b4}
.contents .qna_list dt{float:left; width:70px; padding:11px 0 10px 10px; font-weight:bold}
.contents .qna_list dd{padding:11px 0 10px; color:#666}

/*페이징*/
.paging{margin:18px 0 0; text-align:center}
.paging .num strong,
.paging a{display:inline-block; font-family:'돋움',Dotum}
.paging .pageBtn a{width:22px; height:21px; vertical-align:top}
.paging .pageBtn .first{background:url(/images/btn_first_page.gif) no-repeat 0 0}
.paging .pageBtn .prev{margin-left:-5px; background:url(/images/btn_pre.gif) no-repeat 0 0}
.paging .pageBtn .next{background:url(/images/btn_next.gif) no-repeat 0 0}
.paging .pageBtn .last{margin-left:-5px; background:url(/images/btn_last_page.gif) no-repeat 0 0}
.paging .pageBtn .first_on{background:url(/images/btn_first_page_on.gif) no-repeat 0 0}
.paging .pageBtn .prev_on{margin-left:-5px; background:url(/images/btn_pre_on.gif) no-repeat 0 0}
.paging .pageBtn .next_on{background:url(/images/btn_next_on.gif) no-repeat 0 0}
.paging .pageBtn .last_on{margin-left:-5px; background:url(/images/btn_last_page_on.gif) no-repeat 0 0}
.paging .num{display:inline-block; margin:0 11px 0 1px}
.paging .num strong,
.paging .num a{height:18px; padding:3px 6px 0 7px; margin-right:-4px; text-align:center; background:url(/images/bul_pageline.gif) no-repeat 0 2px}/*width:20px; */
.paging .num a:hover{text-decoration:underline}

/*footer*/
#footer{position:relative; height:54px; border-top:1px solid #d3d3d3}
#footer.main_footer{position:absolute; bottom:0; width:100%}

/*#footer .footer{margin:15px 0 0 50px; font-size:11px; color:#666}*/
#footer .footer{position:relative; margin:15px auto; font-size:11px; color:#666}
#footer .footer .btn_terms{padding-bottom:9px}
#footer .footer .btn_terms a{display:inline-block; margin-right:1px; padding:2px 5px 1px; padding:3px 5px 0\9; font-family:'돋움',Dotum; font-size:11px; color:#fff; border:1px solid #c4c5c1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#c4c5c1}
#footer .footer .info{padding-bottom:4px}
#footer .footer .info .tel{display:inline-block; padding-right:4px}
#footer .footer .copyright{color:#999}
#footer .inq_btn{position:absolute; top:36px; right:59px;}
#footer .inq_btn a{padding:12px 10px 11px 39px; font-weight:bold; color:#fff; border:1px solid #f79242; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#f79242 url(/images/img_inquiry_b.gif) no-repeat 11px 6px;}


tr.over:hover{cursor:pointer; background-color:#f0f1f3}
tr.selected{background-color:#9ccb00}