@charset "utf-8";
/*
	max css var.3
	date : 2019-05-23
	name : design team son ga yeon
	- response web size -
	pc : (w)1280px
	tablet : (w)1024px (가로모드) , (w)800px (세로모드) , (w)768px (세로모드)
	mobile : (w)740px (가로모드) , (w)414px (세로모드)
	mobile : (w)640px (가로모드) , (w)360px (세로모드)
	- site color -
	main #232857 , sub #8bb7bf #81817f , point #ff7022
	- font weight -
	200,400,700
*/

@import url('layout.css');
@import url('main.css');
@import url('sub.css');

.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video{padding:0;margin:0;border:0;font-size:inherit;font-weight:inherit;font-family:inherit;color:inherit; vertical-align:baseline}body{line-height:1;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:16px;color:#000;letter-spacing:-.04em}a{text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}.skip{visibility:hidden;top:0;left:0}
textarea{resize:none}
textarea,input{line-height:1;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:16px;color:#000;letter-spacing:-.04em}
/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}
idth:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}

/*close-up-thumb*/
.close-up-thumb-pic a {position:relative;}
.close-up-thumb-pic .thumb {display:block; width:100%; height:auto; overflow:hidden; line-height:0;}
.close-up-thumb-pic .thumb img {width:100%; height:auto; transition: all 0.5s ease-out;}
.close-up-thumb-pic .thumb_txt {opacity:0; position:absolute; top:100%; left:0; width:96%; padding:2%; color:#fff;}
.close-up-thumb-pic .thumb_txt strong {display:block; font-size:16px;}
.close-up-thumb-pic .thumb_txt em {display:block; font-size:14px; font-weight:300; margin-top:12px;}
.close-up-thumb-pic .thumb_txt span {display:inline-block; padding:8px 20px; margin-top:20px; border:1px solid #fff; font-size:13px;}

.close-up-thumb-pic a:hover .thumb img {transform:scale(1.1,1.1);}
.close-up-thumb-pic.blk a:hover .thumb {background:#000;}
.close-up-thumb-pic.blk a:hover .thumb img {opacity:.3;}
.close-up-thumb-pic a:hover .thumb_txt {opacity:1; top:50%; transform:translateY(-50%); transition:all .3s;}

/* scrollbar */
.scroll_cnt {overflow:auto; position:relative;}


/* sir default */

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:none;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {width:50%; padding:12px 10px; text-align:center; border:0; color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;}
.hd_pops_footer .hd_pops_close{background:#000; border-left:1px solid #333; position:absolute;top:0;right:0}

/* 테이블 */
.new_win {}
.new_win h1 {font-size:1.17em;padding:15px 20px; border-bottom:1px solid #ddd; color:#fff; }
.new_win h2 {margin:0 20px 10px}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}

.new_win .win_btn {clear:both;padding:10px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;}
table caption {height:0;font-size:0;line-height:0;overflow:hidden}
table td{line-height: 22px;}
tfoot th, tfoot td {border:1px solid #d6dce7;background:#eee;padding:5px;text-align:center;font-weight:bold;}
tfoot th {}

.tbl_wrap {margin:0 0 10px;padding:0}

/* thead 한 줄 테이블 */
.tbl_head01 { background:#fff; }
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 thead th {background:#6f809a;color:#fff;border:1px solid #60718b;font-weight:normal;text-align:center;padding:8px 5px;font-size:0.92em}
.tbl_head01 thead th a{color:#fff}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 tbody th{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head01 tbody td{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head01 tbody tr:nth-child(even){background:#eff3f9}
.tbl_head01 tbody td .frm_input{width:100%;}
.tbl_head01 tbody td select{width:100%}
.tbl_head01 table .tbl_input{height:27px;line-height:25px;border:1px solid #d5d5d5;width:100%}
.tbl_head01 table select {height: 27px;line-height: 25px;width: 100%;}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* Tab */
#Hb_cate ul {display:flex; margin-bottom:2rem;}
#Hb_cate ul li {margin:0 0 0 10px;}
#Hb_cate ul li a {color:#fff; display:inline-block; padding:0.6rem 1rem; text-align:center; line-height:1.3; word-break:keep-all; border:1px solid rgba(255,255,255,.4); border-radius:20px;
font-size:15px; letter-spacing:0; opacity:.8; transition:all .3s; letter-spacing:-0.06em;}
#Hb_cate ul li a:hover {background:#fff; opacity:1; color:#222;}
#Hb_cate ul li a#bo_cate_on {background:#fff; color:#222; opacity:1;}