@charset"utf-8";

/*  버튼 */
.center_btns{clear:both; text-align:center; padding-top:30px; *padding-top:15px;}
.center_btns .btns{*zoom:1; display:inline-block; *display:inline;}
.center_btns .btns:after{content:""; display:block; clear:both;}
.center_btns .btns li{float:left; margin:0 5px;}

.right_btns{*zoom:1; clear:both; padding-top:20px;}
.right_btns:after{content:""; display:block; clear:both;}
.right_btns .btns{float:right;}
.right_btns .btns li{float:left; margin-left:6px;}

ul.tab_btn li{display:block; float:left; margin:0 10px 10px 0;}
.clear{clear:both;}

.gray_big_btn a{*zoom:1; display:inline-block; *display:inline; min-width:60px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.red_big_btn a{*zoom:1; display:inline-block; *display:inline; min-width:60px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#fff; background:#f36446; text-align:center; border-radius:5px;}
.red_big_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:105px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#fff; background:#f36446; border:1px solid #f36446; text-align:center; border-radius:5px;}
.navy_big_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:105px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#fff; background:#233796; border:1px solid #233796; text-align:center; border-radius:5px;}
.red_line_btn a{*zoom:1; display:inline-block; *display:inline; min-width:105px; height:46px; line-height:46px; padding:0 30px; font-size:15px; font-weight:bold; color:#f36446; background:#ffffff; border:1px solid #f36446; text-align:center; border-radius:5px;}
.red_line_btn a:hover{background:#f36446; color:#ffffff;}
.red_big_btn a:hover{color:#ffffff;}
.gray_mid_btn a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:50px; line-height:50px; padding:0 30px; font-size:14px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.gray_mid_btn_h36 a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:36px; line-height:36px; padding:0 20px; font-size:14px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.red_mid_btn a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:36px; line-height:36px; padding:0 20px; font-size:14px; font-weight:bold; color:#fff; background:#eb485b; text-align:center; border-radius:5px;}
.red_mid_btn_2 a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:36px; line-height:36px; padding:0 20px; font-size:14px; font-weight:bold; color:#fff; background:#eb485b; text-align:center; border-radius:5px; margin-left: 10px;}
.red_small_btn a{*zoom:1; display:inline-block; *display:inline; min-width:20px; height:30px; line-height:32px; padding:0 20px; font-size:13px; font-weight:bold; color:#fff; background:#eb485b; text-align:center; border-radius:5px;}
.white_in_btn a{*zoom:1; display:inline-block; *display:inline; height:34px; line-height:34px; padding:0 17px; *padding:0 15px; font-size:13px; color:#233796; font-weight:bold; text-align:center; border-radius:5px; border:1px solid #233796;}
.gray_in_btn a{*zoom:1; display:inline-block; *display:inline; height:28px; line-height:28px; padding:0 15px; font-size:13px; color:#fff; background:#999; text-align:center; border-radius:3px;}

.gray_small_btn a{*zoom:1; display:inline-block; *display:inline; min-width:20px; height:30px; line-height:32px; padding:0 10px; font-size:13px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.navy_small_btn a{*zoom:1; display:inline-block; *display:inline; min-width:20px; height:32px; line-height:34px; padding:0 22px; *padding:0 15px; font-size:13px; font-weight:bold; color:#fff; background:#24389b; text-align:center; border-radius:5px;}
.pink_small_btn a{*zoom:1; display:inline-block; *display:inline; min-width:20px; height:30px; line-height:32px; padding:0 10px; font-size:14px; font-weight:bold; color:#fff; background:#e85c6d; text-align:center; border-radius:5px;}

.gray_small_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:20px; height:30px; line-height:32px; padding:0 30px; font-size:14px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.navy_small_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:20px; height:30px; line-height:32px; padding:0 30px; font-size:14px; font-weight:bold; color:#fff; background:#24389b; text-align:center; border-radius:5px;}
.pink_small_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:20px; height:30px; line-height:32px; padding:0 30px; font-size:14px; font-weight:bold; color:#fff; background:#e85c6d; text-align:center; border-radius:5px;}

.navy_small_btn3 a{*zoom:1; display:inline-block; *display:inline; min-width:20px; height:30px; line-height:32px; padding:0 30px 0 30px; font-size:14px; font-weight:bold; color:#fff; background:#24389b; text-align:center; border-radius:5px;}

.mint_mid_btn a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:32px; line-height:16px; padding:2px 20px; font-size:14px; font-weight:bold; color:#fff; background:#248AB2; text-align:center; border-radius:5px 5px 0 0;}
.white_mid_btn a{*zoom:1; display:inline-block; *display:inline; min-width:48px; height:31px; line-height:16px; padding:2px 18px; font-size:14px; font-weight:bold; color:#6d6e71; background:#ffffff; border:1px solid #d2d3d4; border-bottom:none; text-align:center; border-radius:5px 5px 0 0;}

.white_mid_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:48px; height:31px; line-height:34px; padding:2px 18px; font-size:14px; font-weight:bold; color:#6d6e71; background:#ffffff; border:1px solid #999999; border-bottom:none; text-align:center; border-radius:5px 5px 0 0;}
.navy_mid_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:50px; line-height:50px; padding:0 30px; font-size:14px; font-weight:bold; color:#fff; background:#24389b; text-align:center; border-radius:5px;}
.gray_mid_btn2 a{*zoom:1; display:inline-block; *display:inline; min-width:50px; height:50px; line-height:50px; padding:0 30px; font-size:14px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.gray_mid_btn3 a{*zoom:1; display:inline-block; *display:inline; min-width:120px; height:50px; line-height:50px; padding:0 50px; font-size:14px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.gray_mid_btn3 a:hover{background:#24389b;}
.gray_big_btn a{*zoom:1; display:inline-block; *display:inline; min-width:200px; height:50px; line-height:50px; padding:0 50px; font-size:14px; font-weight:bold; color:#fff; background:#999; text-align:center; border-radius:5px;}
.gray_big_btn a:hover{background:#24389b;}

.radio label {
    display: inline-block;
    *display:inline;
    vertical-align: top;
    margin-right: 15px;
}
/* 테이블 공통 */
.table_area{clear:both;}
.table_area h3{padding-bottom:40px; font-family:나눔,"돋움",Dotum,sans-serif; font-size:27px; color:#333; text-align:center;}
.table_area h4{float:left; padding-bottom:10px; color:#e8495f; font-size:15px;}
.table_area .must{float:right; line-height:1.5;}
.table_area .must span{color:#f36446;}
.table_area .select_solo{margin:-20px 0 10px 0;}

.table_opt{*zoom:1; padding:10px;}
.table_opt:after{content:""; display:block; clear:both;}
.table_opt .right_opt{*zoom:1; float:right;/* margin-top: 15px; */}
.table_opt .right_opt:after{content:""; display:block; clear:both;}
.table_opt .right_opt li{float:left; margin-left:5px;}
.table_opt .right_opt li.search .holder{width:168px; background:#fff url('/public_html/resource/images/sub/pholder_search.gif') no-repeat 10px 10px;}
.table_opt .right_opt li.search_text .holder{width:168px;}
.table_opt .right_opt li.search_text .clear_holder{background:#fff;}
.table_opt .right_opt li.search .clear_holder{background:#fff;}
.table_opt .right_opt li.book .holder{width:220px; background:#fff url('/public_html/resource/images/sub/pholder_book.gif') no-repeat 10px 10px;}
.table_opt .right_opt li.book .clear_holder{background:#fff;}
.table_opt .right_opt li select{min-width:120px;}
.table_opt .right_opt li select.small{min-width:80px;}
.table_opt .left_opt{*zoom:1; float:left;}
.table_opt .left_opt:after{content:""; display:block; clear:both;}
.table_opt .left_opt li{float:left; margin-right:10px;}
.table_opt .accountcaution{font:normal 13px/1 "나눔";  padding:10px 10px 10px 20px;}

.table_opt_bottom{*zoom:1; padding:20px 0 20px 0;}
.table_opt_bottom:after{content:""; display:block; clear:both;}
.table_opt_bottom .right_opt{*zoom:1; float:right;}
.table_opt_bottom .right_opt:after{content:""; display:block; clear:both;}
.table_opt_bottom .right_opt li{float:left; margin-left:5px;}
.table_opt_bottom .right_opt li.search .holder{width:168px; background:#fff url('/public_html/resource/images/sub/pholder_search.gif') no-repeat 10px 10px;}
.table_opt_bottom .right_opt li.search_text .holder{width:168px;}
.table_opt_bottom .right_opt li.search_text .clear_holder{background:#fff;}
.table_opt_bottom .right_opt li.search .clear_holder{background:#fff;}
.table_opt_bottom .right_opt li.book .holder{width:220px; background:#fff url('/public_html/resource/images/sub/pholder_book.gif') no-repeat 10px 10px;}
.table_opt_bottom .right_opt li.book .clear_holder{background:#fff;}
.table_opt_bottom .right_opt li select{min-width:120px;}

.couponWrap .right_opt{*zoom:1; float:right;}
.couponWrap .right_opt:after{content:""; display:block; clear:both;}
.couponWrap .right_opt li{float:left; margin-left:5px;}
.couponWrap .right_opt li.search .holder{width:168px; background:#fff url('../images/sub/pholder_search.gif') no-repeat 10px 10px;}
.couponWrap .right_opt li.search_text .holder{width:168px;}
.couponWrap .right_opt li.search_text .clear_holder{background:#fff;}
.couponWrap .right_opt li.search .clear_holder{background:#fff;}
.couponWrap .right_opt li.book .holder{width:220px; background:#fff url('../images/sub/pholder_book.gif') no-repeat 10px 10px;}
.couponWrap .right_opt li.book .clear_holder{background:#fff;}
.couponWrap .right_opt li select{min-width:120px;}

.couponWrap .left_opt {overflow: hidden; padding: 13px;}
.couponWrap .left_opt li{float:left; margin-right:10px;}

.book_select select{width:110px;}

/* jhlee */
/* 게시판 리스트 */
table.type1{border-top:1px solid #999;}
table.type1 thead th{padding:10px 0; font-size:13px; font-weight:bold; border-bottom:1px solid #999;}
table.type1 tbody td{padding:11px 5px;; font-size:13px; border-bottom:1px solid #e0e0e0; text-align:center;}
table.type1 tbody td.subject{text-align:left; padding:10px 20px; line-height:1.5; font-size:13px;}

/* jhlee */
/* Datatable Sort */
table.type1 thead th .sort{ width:7px; margin-left:7px; display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
table.type1 thead th.sorting,table.type1 thead th.sorting_desc,table.type1 thead th.sorting_asc{ cursor:pointer; }
table.type1 thead th.sorting .sort{ width:7px; height:13px; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }
table.type1 thead th.sorting_asc .sort{ width:7px; height:7px; background-position:0 0; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }
table.type1 thead th.sorting_desc .sort{ width:7px; height:7px; background-position:0 -7px; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }

/* jhlee */
/* 게시판 쓰기&보기 */
table.type2{clear:both; border-top:1px solid #999;}
table.type2 tbody{border-top:1px solid #999;}
table.type2 th{border-bottom:1px solid #e0e0e0; text-align:left; padding-left:20px; font-weight:bold;}
table.type2 th span{vertical-align:top; color:#f36446;}
table.type2 td{padding:11px 5px; border-bottom:1px solid #e0e0e0;}
table.type2 td input[type=text],
table.type2 td input[type=password]{float:left; width:220px; height:24px; line-height:24px; margin-right:10px; border:1px solid #ddd;}
table.type2 td input[type=text]:focus,
table.type2 td input[type=password]:focus{border:1px solid #24389b;}
table.type2 td select{min-width:50px; height:28px; line-height:22px; margin-right:10px;}
table.type2 td p{float:left; line-height:24px; font-size:14px;}
table.type2 td p.clears{clear:both; width:100%; margin-top:7px;}
table.type2 td p.info{margin-left:15px; color:#999; font-size:12px;}
table.type2 .textedit{height:280px;}
table.type2 .memo{height:65px; margin-bottom:12px;}
table.type2 td .multy{padding:10px 0;}
table.type2 td span{vertical-align:-16px; color:#f36446;}

/* 게시판 보기 */
.view_area{border-top:1px solid #999;}
.view_area dt{*zoom:1; padding:14px 30px 20px 30px;border-bottom:1px solid #e0e0e0;}
.view_area dt:after{content:""; display:block; clear:both;}
.view_area dt span{float:right; line-height:1.5; font-size:13px;}
.view_area dt span.title{float:left; font-size:15px; font-weight:bold;}
.view_area dt span.title i{font-style:normal; vertical-align:baseline; font-size:14px; font-weight:bold;}
.view_area dd{padding:24px 30px 30px 30px; border-bottom:1px solid #e0e0e0; line-height:24px; font-size:14px; min-height:200px;}
.view_area dd p{line-height:24px; margin-bottom:10px; font-size:14px;}
.view_area dd img{max-width:100%;}
.view_area dd.file_down{padding:9px 30px 5px 30px;}

/* 게시판 쓰기 */
.write_area{padding:15px 0 20px 0;}
.write_area .subject_select1{*zoom:1;}
.write_area .subject_select1:after{content:""; display:block; clear:both;}
.write_area .subject_select1 select{float:left; width:130px; border:1px solid #ddd;}
.write_area .subject_select1 input[type=text]{float:right; width:820px; border:1px solid #ddd;}
.write_area .subject_select2{*zoom:1;}
.write_area .subject_select2:after{content:""; display:block; clear:both;}
.write_area .subject_select2 select{float:left; width:150px; margin-right:5px; border:1px solid #ddd;}
.write_area .subject_select2 input[type=text]{float:right; width:620px; border:1px solid #ddd;}
.write_area .text_area{padding:15px 0; border-bottom:1px solid #e0e0e0;}
.write_area textarea{width:99%; height:340px; border:1px solid #ccc;}
.write_area .holder{background:url(/public_html/resource/images/sub/pholder_subject.gif) no-repeat 15px center;}
.write_area .clear_holder{background:#fff;}
.write_area .file{position:relative; top:-1px; height:30px; margin-bottom:15px; background:#fff;}
.write_area .file span{float:left; margin-left:5px;}
.write_area .file .holder{float:left; width:750px; margin-right:5px; background:url(/public_html/resource/images/sub/pholder_file.gif) no-repeat 15px center; border:1px solid #ddd;}
.write_area .file .clear_holder{background:#fff;}
.write_area .pass{padding-bottom:15px; border-bottom:1px solid #e0e0e0;}
.write_area .pass .holder{width:200px; background:url(/public_html/resource/images/sub/pholder_pass.gif) no-repeat 15px center; border:1px solid #ddd;}
.write_area .pass .clear_holder{background:#fff;}
.write_area .subject_select3{*zoom:1;}
.write_area .subject_select3:after{content:""; display:block; clear:both;}
.write_area .subject_select3 select{float:left; width:30px; border:1px solid #ddd;}
.write_area .subject_select3 input[type=text]{float:left; width:935px; border:1px solid #ddd;}


/* jhlee */
/*  게시판 리스트2 */
table.type3{border-bottom:1px solid #999;}
table.type3 thead th{padding:15px 0; font-size:13px; font-weight:bold; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
table.type3 thead tr:first-child th{border-top:1px solid #999!important;}
table.type3 thead th.left{border-left:1px solid #e0e0e0!important;}
table.type3 thead th img{margin-right:5px; vertical-align:middle;}
table.type3 thead tr th:first-child{border-left:0 none;}
table.type3 tbody td{padding:11px 5px; height:32px; font-size:13px; border-bottom:1px solid #e0e0e0; text-align:center; border-left:1px solid #e0e0e0;}
table.type3 tbody tr:first-child td{border-top:1px solid #999!important;}
table.type3 tbody tr td:first-child{border-left:0 none;}
table.type3 tbody td.subject{text-align:left; padding:10px 20px; line-height:1.5;}

/* jhlee */
/* Datatable Sort */
table.type3 thead th .sort{ width:7px; margin-left:7px; display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
table.type3 thead th.sorting,table.type3 thead th.sorting_desc,table.type3 thead th.sorting_asc{ cursor:pointer; }
table.type3 thead th.sorting .sort{ width:7px; height:13px; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }
table.type3 thead th.sorting_asc .sort{ width:7px; height:7px; background-position:0 0; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }
table.type3 thead th.sorting_desc .sort{ width:7px; height:7px; background-position:0 -7px; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }

/* jhlee */
/* 게시판 리스트3 */
table.type4{border-top:1px solid #999;}
table.type4 thead th{padding:15px 0; font-size:13px; font-weight:bold; border-bottom:1px solid #999;}
table.type4 tbody td{padding:11px 5px; font-size:13px; border-bottom:1px solid #e0e0e0; text-align:center;}
table.type4 tbody td.subject{text-align:left; padding:10px 20px; line-height:1.5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
table.type4 tbody td.subject a{font-size:13px;}

/* jhlee */
/* Datatable Sort */
table.type4 thead th .sort{ width:7px; margin-left:7px; display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
table.type4 thead th.sorting,table.type4 thead th.sorting_desc,table.type4 thead th.sorting_asc{ cursor:pointer; }
table.type4 thead th.sorting .sort{ width:7px; height:13px; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }
table.type4 thead th.sorting_asc .sort{ width:7px; height:7px; background-position:0 0; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }
table.type4 thead th.sorting_desc .sort{ width:7px; height:7px; background-position:0 -7px; background-image:url('/public_html/resource/images/common/ico_sort.png'); background-repeat:no-repeat; }

/* pag */
.pag_area{position:relative; padding-top:30px; text-align:center;}
.pag_area .pag{*zoom:1; display:inline-block; *display:inline;}
.pag_area .pag:after{content:""; display:block; clear:both;}
.pag_area .pag li{float:left;}
.pag_area .pag li a{display:block; width:30px; height:30px; line-height:34px; margin:0 2px; border:1px solid #ddd; border-radius:2px;  font-family:나눔,"돋움",Dotum,sans-serif; font-weight:bold; font-size:13px;}
@-moz-document url-prefix() {
    .pag_area .pag li a{line-height:32px;}
}
.pag_area .pag li.on a,
.pag_area .pag li:hover a{border:1px solid #999; background:#999; color:#fff;}
.pag_area .pag li.prev,
.pag_area .pag li.next{margin:0 8px;}
.pag_area .pag li.prev a,
.pag_area .pag li.next a{width:42px; height:32px; text-indent:-1000em; overflow:hidden; background:url(/public_html/resource/images/common/btn_pag.gif) no-repeat; border:0 none; border-radius:0;}
.pag_area .pag li.prev a{background-position:0 0;}
.pag_area .pag li.next a{background-position:100% 0;}

.pag_area .right_btns{position:absolute; top:8px; right:0;}

/* jhlee */
/* layer1 border-radius 둥근 모서리 ie9 이상만 지원 */
div.layer1 { border-radius:15px; background-color:#fff; border:6px solid #6d84db; margin:0px; padding:5px; overflow:auto; line-height: 18px; }
div.layer2 { background-color:#fff; border:6px solid #6d84db; margin:0px; padding:5px; overflow:auto; line-height: 18px; }
div.layer3 { border-radius:15px; background-color:#fff; border:6px solid #6d84db; margin:0px; padding:5px; overflow:scroll; line-height: 18px; }

/* jhlee */
/* Datatable Pagination */
.dataTables_paginate{position:relative; padding-top:30px; text-align:center;}

.dataTables_paginate img{vertical-align:-1px;}
.dataTables_paginate a{display:inline-block; zoom:1; *display:inline; cursor:pointer;}

.dataTables_paginate span{}
.dataTables_paginate span a{width:30px; height:30px; line-height:34px; margin:0 2px; border:1px solid #ddd; border-radius:2px;  font-family:나눔,"돋움",Dotum,sans-serif; font-weight:bold; font-size:13px;}
.dataTables_paginate span a.paginate_active{border:1px solid #999; background:#999; color:#fff;}

.dataTables_paginate .previous,
.dataTables_paginate .next{margin:0 8px; width:42px; height:32px; text-indent:-1000em; overflow:hidden; background:url(/public_html/resource/images/sub/btn_pag.gif) no-repeat; border:0 none; border-radius:0;}

.dataTables_paginate .previous{background-position:0 0;}
.dataTables_paginate .next{background-position:100% 0;}


/*  공통etc */
.w50{width:50px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w120{width:120px !important;}
.w170{width:170px !important;}
.w200{width:200px !important;}
.w290{width:290px !important;}
.w600{width:600px !important;}
.w100p{width:100% !important;}
.pt0{padding-top:0 !important;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:0px;}
.mb50{margin-bottom:50px;}