@charset "utf-8";

#wrap { clear:both; height:100%; color:#111; /*display: flex;  min-height:100%;  flex-direction: column;*/}

/* 로고 */
h1.logo { position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%); }
h1.logo img { width:200px;}

/* 레이아웃 */
.innerConts { padding:24px; flex: 1;}
.innerConts_blank { /*padding-top:65px; */padding-bottom:0; flex: 1;}

/* footer */
#footer { padding-top:24px; color:#999;}
#footer span { display:inline-block; margin:0 5px;}

/* 헤더 */
#header { position:relative; width:100%; height:54px; background:#fff; left:0; top:0; z-index:100; }
#header-main { position:relative; width:100%; height:54px; background:#468cff; left:0; top:0; z-index:100; } 
.main-headerBack { max-height:56px; }
.main-headerBack img { width:100%;}
.main-headerBlank { margin-top:15%;}

.header-title { text-align:center; font-size:18px; color:#222; height:inherit; display: flex; justify-content: center; align-items:center;}

.prev-btn { position:absolute; left:24px; top:10px;background:url(/assets/app/img/btn_back.png) left center no-repeat; width:34px; height:34px; background-size:9px 16px;}
.prev-btn a { display:block; width:34px; height:34px;}

/* 홈버튼 0917 */
.home-btn { position:absolute; left:54px; top:10px;background:url(/assets/app/img/btn_home.png) left center no-repeat; width:34px; height:34px; background-size:34px 34px;}
.home-btn a { display:block; width:34px; height:34px;}

.close-btn { position:absolute; right:24px; top:10px;background:url(/assets/app/img/btn_close.png) right center no-repeat; width:34px; height:34px; background-size:16px 16px;}
.close-btn a { display:block; width:34px; height:34px;}

.header-login { margin-left:60px; margin-top:12px; height:30px; line-height:30px; font-size:14px; color:#666; letter-spacing:-1px; border:1px solid #c8c8c8; border-radius:4px; text-align:center; display:inline-block; }
.header-login a { color:#666; display:block;padding:0 16px;}

.header-setting { position:absolute; right:24px; top:10px;}
.header-setting a { display:inline-block; text-align:center;}
.setting-search { width:34px;}
.setting-search img { width:34px;}
.setting-set { width:34px;}
.setting-set img { width:34px;}

.content-title { font-size:22px; color:#2b2b2b; padding:35px 0 24px;font-weight:600;}
.sub-title { font-size:16px; color:#2b2b2b; padding-bottom:6px; font-weight:600;}
.sub-titleB { font-size:20px; color:#222; /*padding-bottom:6px;*/ font-weight:800;}

/* 컨텐츠 라인 */
.lineH1 { clear:both; width:100%; height:1px; background:#eee;}
.lineH8 { clear:both; width:100%; height:8px; background:#eee;}
.lineH8-blank { margin:15px 0;}



/* A타입 */
.tbl_wrap { border-top:1px solid #e0e0e0;}
table.board_A {width:100%;}
table.board_A thead th { background:#f8f8f8; color:#191919; font-size:15px; padding:7px; border-bottom:1px solid #e0e0e0; font-weight:500; word-break: break-all; }
table.board_A tbody th { background:#f8f8f8; border-bottom:1px solid #e0e0e0; padding:7px; border-right:0px solid #e0e0e0; color:#666; font-size:16px; font-weight:300; line-height:170%;}
table.board_A tbody td {  border-bottom:1px solid #e0e0e0; padding:7px; color:#333; line-height:140%; font-size:16px; height:28px; }
table.board_A tfoot td { border-bottom:1px solid #e0e0e0; background:#f9f9f9; color:#000; font-weight:300; padding:12px 7px; font-size:14px;}
table.board_A tr.first td { font-size:20px;}
table.board_A thead th:last-child { border-right:none; }

table.board_NoLine {width:100%;}
table.board_NoLine thead th { color:#191919; padding:2px 5px; font-weight:500; word-break: break-all; }
table.board_NoLine tbody th { padding:2px 0; color:#666; font-weight:300; line-height:170%;}
table.board_NoLine tbody td { padding:2px 0; color:#333; line-height:140%; height:28px; }


.tbl_wrap_B { border-top:2px solid #e0e0e0;}
table.board_B {width:100%;}
table.board_B thead th { background:#fff; color:#191919; font-size:16px; padding:12px 7px; border-bottom:1px solid #e0e0e0; font-weight:500; word-break: break-all; }
table.board_B tbody th { background:#fff; border-bottom:1px solid #e0e0e0; padding:12px 7px; border-right:0px solid #e0e0e0; color:#666; font-size:16px; line-height:170%; text-align:left; font-weight:200;}
table.board_B tbody td {  border-bottom:1px solid #e0e0e0; padding:12px 7px; color:#333; line-height:140%; font-size:16px; height:28px; }
table.board_B tfoot th, table.board_B tfoot td { border-bottom:1px solid #e0e0e0; background:#eef4ff; color:#8c9cb7; font-weight:600; padding:12px 7px; font-size:16px;}
table.board_B thead th:last-child { border-right:none; }







/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/


@media (max-width:360px) {  

}


@media all and (min-height:310x) and (max-height:820px){
  
}