@charset "utf-8"; 

/* 초기화 */
html { 
	font-size:inherit; 
	overflow-y:auto; 
	height:100%; 
}
body { 
	margin:0; 
	padding:0; 
	font-size:0.75em; 
	font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic', sans-serif; 
	color:#363636; 
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0}
h1, h2, h3, h4, h5, h6 { }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block}

ul, dl,dt,dd,ol, li { margin:0; padding:0; list-style:none}
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
label, input, button, select, img { vertical-align:middle; }
input, button { margin:0; padding:0; }
input[type="submit"] { cursor:pointer}
button { cursor:pointer}

textarea, select { font-size:1em; }
select { margin:0}
p { margin:0; padding:0; word-break:break-all}
hr { display:none}
pre { overflow-x:scroll; font-size:1.1em}

a,
a:hover, 
a:focus { color:#363636; text-decoration:none; transition:all 0.3s ease-out; }

*, :after, :before { 
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box; 
}

* { -webkit-tap-highlight-color:rgba(255,255,255,0.6); }

input[type=text],input[type=password], textarea { 
	-webkit-transition:all 0.30s ease-in-out; 
	-moz-transition:all 0.30s ease-in-out; 
	-ms-transition:all 0.30s ease-in-out; 
	-o-transition:all 0.30s ease-in-out; 
	outline:none; 
}

input[type=text]:focus,
input[type=password]:focus, 
textarea:focus,
select:focus { box-shadow:none !important; }

.placeholdersjs { color:#aaa !important; }













.wf-loading body { 
	visibility:hidden; 
}

.wf-active body,
.wf-inactive body { 
	visibility:visible; 
}













/* 팝업레이어 */
#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; border:1px solid #ddd; background:#fff; }
.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 { padding:10px; border:0; color:#fff}
.hd_pops_footer .hd_pops_reject { background:#000; text-align:left}
.hd_pops_footer .hd_pops_close { background:#393939; position:absolute; top:0; right:0}






/* custom styles */
.clearfix:before,
.clearfix:after { 
	content:""; 
	display:block; 
}
.clearfix:after { 
	clear:both; 
}

.content-off { 
  border:0; 
  clip:rect(0 0 0 0); 
  height:1px; 
  margin:-1px; 
  overflow:hidden; 
  padding:0; 
  position:absolute; 
  width:1px; 
}

.img-responsive { 
	max-width:100%; 
	height:auto; 
}










/**************************************************************************************************************************************************************************
	작업_영_2018
***************************************************************************************************************************************************************************/

/***************** 레이아웃 *****************/
#wrapper { }
#container_wr:after { display:block; visibility:hidden; clear:both; content:""; }
#container_wr { 
	z-index:5; 
	/* min-height:300px; */
	zoom:1; 
	position:relative; 
}

#container { z-index:4; position:relative; zoom:1}
#container:after { display:block; visibility:hidden; clear:both; content:""; }

#container_title { font-size:1.363636em; margin:0 auto; font-weight:bold; }
#container_title span { margin:0 auto 10px; display:none; line-height:30px; }

.boundary { width:100%; max-width:1200px; margin:0 auto; }

.relative { position:relative; }
.color_blue { color:#2284c5 !important; }



/***************** 텍스트 세로 가운데 정렬 *****************/
.vertical-align-text-wrap {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0px; 
	left:0px; 
	right:0px;
	z-index:999;
}
.vertical-align-text-box { 
	width:100%; 
	height:100%; 
}
.vertical-align-text-in { 
	display:table !important; 
	width:100%; 
	height:100%; 
	margin:0 auto; 
	background-color:transparent; 
}
.vertical-align-text { 
	display:table-cell !important; 
	vertical-align:middle; 
	zoom:1; 
	*display:inline; 
	*position:absolute; 
	*top:50%; 
	*vertical-align:top; 
}




/***************** 상단 *****************/
#hd { }
#hd_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden; }

#hd_wrapper { position:relative; margin:0 auto; zoom:1; }
#hd_wrapper:after { content:""; display:block; visibility:hidden; clear:both; }

/* 픽스 아이콘 */
#fix_icon { position:fixed; right:0; bottom:0; z-index:999; background:#f43142; text-align:center; }
#fix_icon a { display:block; padding:10px; font-size:14px; color:#fff; }


/***************** 메인 타이틀 *****************/
.main_title { clear:both; margin-bottom:70px; text-align:center; font-size:18px; }
.main_title h2 { font-size:1.66em; padding-bottom:5px; }
.main_title p { font-size:1em; font-weight:300; letter-spacing:-0.03em; }

/***************** 메인 공통 *****************/
.main_sec { clear:both; margin-top:110px; }
.main_sec_pd { clear:both; padding:110px 0; }




/***************** 메인 상단 bg *****************/
.hf-main { clear:both; width:100%; height:640px; position:relative; }

.hr-main-slider, 
.hf-ms { width:100%; height:640px; position:relative; }

.hf-ms { overflow:hidden; }
.hf-ms img {
    transition:transform 2s linear;
    -webkit-transition:transform 2s linear;
    -moz-transition:transform 2s linear;
    -ms-transition:transform 2s linear;
    -o-transition:transform 2s linear;
    transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
	width:100%; 
	height:100%;
}
.hf-ms.cycle-slide-active img {
    transform:scale(1.05);
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}

#hf-pager {  
	position:absolute; 
	width:100%; 
	max-width:1200px;
	left:0;
	right:0;
	top:440px; 
	margin:0 auto; 
	text-align:left; 
	padding-left:70px;
	z-index:999; 
	font-size:0px; 
	line-height:0; 
	cursor:pointer; 
}
#hf-pager span { 
	display:inline-block; 
	width:8px; 
	height:8px; 
	border-radius:0; 
	background:#cbcbcb; 
	margin:0 6px; 
}
#hf-pager .cycle-pager-active { 
	background-color:#fff; 
	transition:all 0.3s ease-out; 
}

/* 내용 */
.hf-main .boundary { 
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0px; 
	left:0px; 
	right:0px;
	z-index:999;
}
.hf-main .boundary .vertical-align-text-box { 
	width:100%; 
	max-width:495px;
	height:100%; 
	background:rgba(40, 72, 137, 0.8); 
}
.hf-main .boundary .vertical-align-text { 
	padding:0 70px;
	text-align:left; 
	font-size:16px; 
	color:#fff; 
	font-weight:300; 
	line-height:1.5; 
}
.hf-main .boundary .vertical-align-text p { font-size:1em; padding-bottom:30px; }
.hf-main .boundary .vertical-align-text h2 { letter-spacing:-0.05em; font-weight:500; }
.hf-main .boundary .vertical-align-text h2 span { display:block; }





/***************** 업무분야 *****************/
#main_businessBox { }
#main_businessBox .main_business { position:relative; overflow:hidden; }
#main_businessBox .main_business ul { padding-bottom:120px; }
#main_businessBox .main_business ul:after  { display:block; visibility:hidden; clear:both; content:""; }
#main_businessBox .main_business li { cursor:pointer; }
#main_businessBox .main_business li .main_b_icon { display:inline-block; position:relative; height:91px; vertical-align:top; }
#main_businessBox .main_business li .main_b_icon img { display:block; }
#main_businessBox .main_business li .main_b_icon::before { 
	content:""; 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:-1; 
	width:60px; 
	height:60px;
	background:#f9f9f9; 
	-webkit-border-radius:50%; 
	-moz-border-radius:50%; 
	border-radius:50%; 
	-webkit-transition:all 0.3s ease;
	-khtml-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#main_businessBox .main_business li:hover .main_b_icon::before { 
	left:4px; 
	top:4px; 
	/* background:rgba(73, 130, 170, 0.1); */ 
	background:rgba(168, 202, 55, 0.15); 
}
#main_businessBox .main_business li .main_b_info { display:block; font-size:16px; line-height:1.4; padding-top:30px; }
#main_businessBox .main_business li .main_b_info h3 { font-size:1.25em; }
#main_businessBox .main_business li .main_b_info .txt { color:#666; font-weight:300; padding:15px 0 25px; }
#main_businessBox .main_business li .main_b_info .txt span { display:block; }
#main_businessBox .main_business li .main_b_info .link { }
#main_businessBox .main_business li .main_b_info .link a { 
	color:#666;
	font-size:0.875em; 
	font-weight:600; 
	position:relative; 
	padding-left:18px; 
}
#main_businessBox .main_business li .main_b_info .link a::before {
	content:""; 
	position:absolute; 
	top:50%; 
	left:0; 
	width:12px; 
	height:1px; 
	background:#666;
}
#main_businessBox .main_business li:hover .main_b_info .link a { color:#4982aa; padding-left:28px; }
#main_businessBox .main_business li:hover .main_b_info .link a::before { background:#a8ca37; }

#main_businessBox .owl-carousel .owl-dots {
    position:absolute;
	bottom:22px;
    left:0;
    width:100%;
	z-index:10;
}
#main_businessBox .owl-carousel .owl-dots .owl-dot span {
    width:8px;
    height:8px;
    margin:0 6px;
    background:#cbcbcb;
    border-radius:0;
}
#main_businessBox .owl-carousel .owl-dots .owl-dot.active span,
#main_businessBox .owl-carousel .owl-dots .owl-dot:hover span {
    background:#4982aa;
}
#main_businessBox .owl-carousel .owl-nav .owl-prev,
#main_businessBox .owl-carousel .owl-nav .owl-next {
	position:absolute; 
	bottom:0; 
	width:42px; 
	height:59px; 
	z-index:11; 
	cursor:pointer; 
	background-size:42px auto; 
	background-position:center; 
	background-repeat:no-repeat; 
}
#main_businessBox .owl-carousel .owl-nav .owl-prev {
	background-image:url("../img/owl-nav-left.png"); 
	left:42%; 
	right:auto; 
}
#main_businessBox .owl-carousel .owl-nav .owl-next {
	background-image:url("../img/owl-nav-right.png"); 
	right:42%; 
	left:auto; 
}





/***************** 변호사소개 *****************/
#main_lawyerBox .main_lawyer { position:relative; overflow:hidden; }
#main_lawyerBox .main_lawyer_info { 
	text-align:left; 
	font-size:18px; 
	color:#fff; 
	font-weight:300; 
	line-height:1.5; 
}
#main_lawyerBox .main_lawyer_info h2 { padding-bottom:5px; }
#main_lawyerBox .main_lawyer_info p { font-size:1em; }
#main_lawyerBox .main_lawyer_info .link { padding-top:20px; }
#main_lawyerBox .main_lawyer_info .link a { display:inline-block; padding:15px 30px; border:1px solid #ddd; font-size:0.75em; color:#fff; font-weight:600; }
#main_lawyerBox .main_laywer_item .item { width:100%; height:300px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
#main_lawyerBox .main_laywer_item .item1 { background-image:url("../img/img_lawyer_01.jpg"); }
#main_lawyerBox .main_laywer_item .item2 { background-image:url("../img/img_lawyer_02.jpg"); }
#main_lawyerBox .main_laywer_item .item3 { background-image:url("../img/img_lawyer_03.jpg"); }
#main_lawyerBox .main_laywer_item .item4 { background-image:url("../img/img_lawyer_04.jpg"); }
#main_lawyerBox .main_laywer_item .item5 { background-image:url("../img/img_lawyer_05.jpg"); }
#main_lawyerBox .bx-wrapper .bx-pager { display:none; }




/***************** 소식 *****************/
#main_newsBox { background:#f9f9f9; }
#main_newsBox .main_title { padding-bottom:60px; }





/***************** 하단 *****************/
#ft { clear:both; margin-top:200px; border-top:2px solid #eaeaea; }
#ft,
#ft a { font-size:14px; color:#666; }
#ft_wr { position:relative; padding-bottom:45px; } 
#ft_wr .ft_menu { border-bottom:1px solid #eaeaea; padding:30px 0; }
#ft_wr .ft_menu a { display:inline-block; font-size:inherit; padding-left:20px; }
#ft_wr .ft_menu a:first-child { padding-left:0; }
#ft_wr .ft_info { clear:both; padding-top:45px; } 
#ft_wr .ft_info h3 { padding-bottom:20px; } 
#ft_wr .ft_info p { line-height:1.7; }
#ft_wr .ft_info p strong { padding-right:20px; }
#ft_wr .ft_info p.tel { display:none; padding:6px 30px; margin:8px 0 10px; border-radius:10px; background:#eee; }
#ft_wr .ft_info p.copy { margin-top:5px; color:#888; font-weight:500; }

#ft #btnTop { position:absolute; right:0; bottom:45px; z-index:99; text-align:center; }
#ft .btnTop { font-size:13px; color:#888; font-weight:600; cursor:pointer; }
#ft .btnTop span { display:block; }
#ft .btnTop span i.arrow {
  border:solid #888;
  border-width:0 1px 1px 0;
  display:inline-block;
  padding:8px;
}
#ft .btnTop span i.arrow.up {
  transform:rotate(-135deg);
  -webkit-transform:rotate(-135deg);
}
#ft .btnTop:hover { color:#000; font-weight:bold; }
#ft .btnTop:hover span i.arrow { border-color:#000; }

/**************************************************************************************************************************************************************************
	//작업_영_2018
***************************************************************************************************************************************************************************/
























/* 어사이드 */
/* 
#aside .aside-title { 
	color:#e94e26; 
	font-size:1.125rem; 
	font-weight:600; 
	padding-bottom:.5rem; 
	text-align:center; 
}
#aside .aside-con { 
	background:#fff; 
	border:1px solid #ddd; 
}
#aside .aside-con p { 
	font-size:1rem; 
	padding:.75rem; 
	font-weight:500; 
	border-bottom:1px solid #ddd; 
	text-align:center; 
}
.aside-con ul { 
	font-size:0; 
}
.aside-con ul li { 
	display:inline-block; 
	width:50%; 
	height:94px; 
	padding-top:1rem; 
	font-size:.875rem; 
	border-bottom:1px solid #ddd; 
	vertical-align:top; 
	text-align:center; 
}
.aside-con ul li:nth-child(odd) { 
	border-right:1px solid #ddd; 	
}
.aside-con ul li:last-child { 
	border-bottom:0px solid #ddd; 	
}
.img-nomal { display:inline-block; 	transition:all .4s; }
.img-hover { display:none; transition:all .4s; }
.aside-con ul li:hover .img-nomal { display:none}
.aside-con ul li:hover .img-hover { display:inline-block}

#aside .aside-con p:hover,
.aside-con ul li:hover { 
	background:#f7f5f5; 
	transition:all .4s; 
}
.aside-con ul li:hover .aside-con-menu { 
	color:#e94e26; 
}
*/









/* 게시물 선택복사 선택이동 */
#copymove { }
#copymove .win_desc { text-align:center; display:block}
#copymove .tbl_wrap { margin:20px }
#copymove .win_btn { padding:0 20px 20px}
.copymove_current { float:right; background:#e74011; padding:5px; color:#fff; border-radius:3px}
.copymove_currentbg { background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden}
.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}
/* 본문 바로가기 */
#skip_to_container a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix { width:100%; height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha { display:inline-block; position:relative}
#captcha legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#captcha #captcha_img {; height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0}
#captcha #captcha_mp3 {; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px}
#captcha #captcha_reload { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px; border-radius:3px}
#captcha #captcha_key { margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.363636em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top}
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio { display:block; margin:0 0 5px; width:187px}
#captcha.m_captcha #captcha_img { width:160px; height:60px; border:1px solid #ddd; margin-bottom:3px; margin-top:5px; display:block; }
#captcha.m_captcha #captcha_reload { position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px}
#captcha.m_captcha #captcha_reload span { display:none; }
#captcha.m_captcha #captcha_key { margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.363636em; font-weight:bold; text-align:center; line-height:29px; margin-left:3px}
#captcha.m_captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 { width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none}

/* ckeditor 단축키 */
.cke_sc { margin:0 0 5px; text-align:right}
.btn_cke_sc { display:inline-block; padding:0 10px; height:26px; line-height:26px; border:1px solid #ccc; background:#fafafa; vertical-align:middle; cursor:pointer}
.cke_sc_def { margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center}
.cke_sc_def dl { margin:0 0 5px; text-align:left; zoom:1}
.cke_sc_def dl:after { display:block; visibility:hidden; clear:both; content:""}
.cke_sc_def dt, .cke_sc_def dd { float:left; margin:0; padding:5px 0; border-bottom:1px solid #ddd}
.cke_sc_def dt { width:20%; font-weight:bold}
.cke_sc_def dd { width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul { display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px; }
#bo_v_con ol { display:block; list-style-type:decimal; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px; }
#bo_v_con li { display:list-item; }










/***************** 버튼 *****************/
a.btn:not(.b-btn),
.btn:not(.b-btn) { 
	padding:6px 14px !important; 
	text-align:center !important;
	font-weight:500 !important;
	border-radius:0;
	vertical-align:middle;
	transition:all 0.3s ease-out; 
}

a.btn01,
a.btn02,
button.btn01,
button.btn02,
a.btn_cancel,
button.btn_cancel,
a.btn_frmline,
button.btn_frmline { display:inline-block; }

a.btn01,
button.btn01 { background:#fff; border-color:#a7a7b1; color:#68686e; }
a.btn01:focus,  
a.btn01:hover { border-color:#333; color:#333; }

a.btn02.
button.btn02 { background:#4982aa; color:#fff; } 
a.btn02:focus, 
.btn02:hover { color:#fff; }

a.btn_cancel,
button.btn_cancel { background:#fff; border-color:#a7a7b1; color:#68686e; }
.btn_cancel:hover { border-color:#333; color:#333; } 

a.btn_frmline,
button.btn_frmline { background:#fff; border-color:#a7a7b1; color:#68686e; } /* 우편번호검색버튼 등 */

.btn_confirm { text-align:right; border:0; } /* 서식단계 진행 */

.btn_submit { cursor:pointer; background:#4982aa; color:#fff; border:0; }
.btn_submit:hover { color:#fff; }

a.btn_b01,
.btn_b01,
a.btn_b02,
.btn_b02,
a.btn_b03,
.btn_b03,
a.btn_admin, 
.btn_admin { display:inline-block; }

a.btn_b01,
.btn_b01 { background:#fff; border-color:#a7a7b1; color:#68686e; }
a.btn_b01:hover, 
.btn_b01:hover { border-color:#333; color:#333; }

a.btn_b02,
.btn_b02 { background:#4982aa; color:#fff; } /* 글쓰기 */ 
a.btn_b02:hover, 
.btn_b02:hover { color:#fff; }

a.btn_b03, 
.btn_b03 { }
a.btn_b03:hover,
.btn_b03:hover { }

a.btn_b04, 
.btn_b04 { }
a.btn_b04:hover,
.btn_b04:hover { }

a.btn_admin,
.btn_admin { background:#a7a7b1; color:#fff; }
a.btn_admin:hover,
.btn_admin:hover { color:#fff; }




/* 컬러 */
.color_1 { color:#4982aa; }
.color_2 { color:#2eb4f0; }
.color_3 { color:#96c51; }

.color_bg1 { background:#0273ad; }
.color_bg2 { background:#96c517; }
.color_bg3 { background:#009bdf; }











/***************** 기본테이블 *****************/
.tbl_wrap table { 
	width:100%; 
	border-collapse:collapse; 
	border-spacing:0 5px; 
	border-bottom:1px solid #ebebeb; 
} 
.tbl_wrap caption { padding:10px 0; font-weight:bold; text-align:left; }
.tbl_head01 { }
.tbl_head01 caption { padding:0; font-size:0; line-height:0; overflow:hidden; }
.tbl_head01 thead th { 
	padding:10px 0; 
	font-weight:500; 
	text-align:center; 
	background:#eee; 
}
.tbl_head01 thead th input { vertical-align:top; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, 
.tbl_head01 tfoot td { padding:10px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#eee; text-align:center; }
.tbl_head01 tbody th { padding:8px 0; border-bottom:1px solid #ebebeb; }
.tbl_head01 td { color:#666; background:#fff; padding:10px 5px; border-top:1px solid #ebebeb; line-height:1.4em; word-break:break-all; }
.tbl_head01 tbody tr:hover td { background:#fafafa; }
.tbl_head01 a { }

.tbl_head02 { margin:0 0 10px; }
.tbl_head02 caption { padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head02 thead th { 
	padding:10px 0; 
	font-weight:500; 
	text-align:center; 
	background:#eee; 
}
.tbl_head02 thead a { color:#383838; }
.tbl_head02 thead th input { vertical-align:top; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, 
.tbl_head02 tfoot td { padding:10px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#eee; text-align:center; }
.tbl_head02 tbody th { padding:5px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#fff; }
.tbl_head02 td { color:#666; background:#fff; padding:10px 5px; border-top:1px solid #ebebeb; line-height:1.4em; word-break:break-all; }
.tbl_head02 a { }

/* 폼 테이블 */
.tbl_frm01 { margin:0 0 20px}
.tbl_frm01 table { width:100%; border-collapse:collapse; border-spacing:0}
.tbl_frm01 th { /* width:12%; */ padding:5px 12px; border:1px solid #ebebeb; background:#f7f7f7; border-left:0; border-right:0; }
.tbl_frm01 td { /* width:88%; */ padding:5px 12px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:transparent; color:#666; }
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input { 
	border:1px solid #ccc; 
	background:#fff; color:#000; 
	vertical-align:middle; 
	border-radius:3px; 
	padding:5px; 
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
}
.tbl_frm01 textarea { padding:2px 2px 3px}
.frm_input { height:40px; }
.full_input { width:100%}
.half_input { width:49.5%}
.tbl_frm01 textarea { width:100%; height:100px}
.tbl_frm01 a { }
.tbl_frm01 .frm_file { display:block; margin-bottom:5px}
.tbl_frm01 .frm_info { display:block; padding:0 0 5px; line-height:1.4em}

/*기본 리스트*/
.list_01 li { border:1px solid #dbdbdb; background:#fff; border-radius:3px; margin:3px 0; padding:10px 15px; list-style:none; position:relative; }
.list_01 li:after { display:block; visibility:hidden; clear:both; content:""}
.list_01 li:hover { background:#f9f9f9}
.list_01 li.empty_li { text-align:center; padding:20px 0; color:#666; }

/*폼 리스트*/
.form_01 h2 { margin:0 0 10px; font-size:1.167em}
.form_01 li { margin:10px 0}
.form_01 li:after { display:block; visibility:hidden; clear:both; content:""}
.form_01 li .right_input { float:right}
.form_01 textarea { height:100px; width:100%}
.form_01 .frm_label { display:inline-block; width:130px}

/* 자료 없는 목록 */
.empty_table { padding:50px 0 !important; text-align:center}
.empty_list { padding:20px 0 !important; color:#666; text-align:center}

/* 필수입력 */
.required, textarea.required { background-image:url('../img/require.png') !important; background-repeat:no-repeat  !important; background-position:right top !important; }

/* 테이블 항목별 정의 */
.td_board { width:80px; text-align:center}
.td_category { width:80px; text-align:center}
.td_chk { width:30px; text-align:center}
.td_date { width:60px; text-align:center}
.td_datetime { width:110px; text-align:center}
.td_group { width:80px; text-align:center}
.td_mb_id { width:100px; text-align:center}
.td_mng { width:80px; text-align:center}
.td_name { width:100px; text-align:left}
.td_nick { width:100px; text-align:center}
.td_num { width:50px; text-align:center}
.td_numbig { width:80px; text-align:center}
.td_stat { width:60px; text-align:center}

.txt_active { color:#5d910b}
.txt_done { color:#e8180c}
.txt_expired { color:#ccc}
.txt_rdy { color:#8abc2a}

/* 새창 기본 스타일 */
.new_win { position:relative; }
.new_win .tbl_wrap { margin:0 20px}
.new_win #win_title { font-size:1.25em; height:50px; line-height:30px; padding:10px 20px; background:#363636; color:#fff; }
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em}
.new_win .win_ul { border-right:1px solid #dfe6e7; }
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .win_ul li { float:left; background:#fff; width:33.363636%; text-align:center; border:1px solid #ccc; margin-left:-1px}
.new_win .win_ul li a { display:block; padding:10px 0}
.new_win .win_ul .selected { background:#fff; border-color:#253dbe; position:relative; z-index:5}
.new_win .win_ul .selected a { color:#253dbe; font-weight:bold}
.new_win .win_desc { margin:5px 0; font-size:0.92em; color:#3598db; }
.new_win .frm_info { font-size:0.92em; color:#3598db}
.new_win .win_total { text-align:right; margin:10px 0}
.new_win .win_total span { display:inline-block; line-height:30px; font-size:0.92em; color:#4e546f; background:#d4d4d4; padding:0 10px; border-radius:5px; }
.new_win .new_win_con { margin:20px; }
.new_win .new_win_con:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .btn_confirm:after { display:block; visibility:hidden; clear:both; content:""}
.new_win .win_btn { text-align:right}
.new_win .btn_close { position:absolute; top:0; right:0; height:50px; width:50px; background:url(../img/close_btn.gif) no-repeat 50% 50%; border:0; text-indent:-999px; overflow:hidden; cursor:pointer}
.new_win .btn_submit { padding:0 20px; height:40px; font-weight:bold; font-size:1.083em; float:right}

/* 검색결과 색상 */
.sch_word { color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check { margin:100px auto; width:500px}
#validation_check h1 { margin-bottom:20px; font-size:1.3em}
#validation_check p { margin-bottom:20px; padding:30px 20px; border:1px solid #ddd; background:#fff}

/* 사이드뷰 */
.sv_wrap { position:relative; font-weight:normal}
.sv_wrap .sv { 
	z-index:1000; display:none; margin:5px 0 0; font-size:0.92em; background:#363636; 
	-webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2); 
	box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.2); 
}
.sv_wrap .sv:before { content:""; position:absolute; top:-6px; left:15px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #363636 transparent; }
.sv_wrap .sv a { display:inline-block; margin:0; padding:0 10px; line-height:30px; width:100px; font-weight:normal; color:#bbb }
.sv_wrap .sv a:hover { background:#000; color:#fff}
.sv_member { color:#363636}
.sv_on { display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto}
.sv_nojs .sv { display:block}

/* 페이징 */
/* 페이징 */
.pg_wrap { clear:both; margin:30px 0 ; text-align:center; }
.pg_wrap:after { display:block; visibility:hidden; clear:both; content:""; } 
.pg { }
.pg_page, 
.pg_current { display:inline-block; vertical-align:middle; font-size:1em; color:#666; }
.pg_current { font-weight:normal; color:#333; border-bottom:1px solid #222; }
.pg a:focus, 
.pg a:hover { text-decoration:none; }
.pg_page { padding:0 10px; text-decoration:none; }
.pg_page:hover { }
.pg_start { text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #fff; padding:0; }
.pg_prev { text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff; padding:0; }
.pg_end { text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; padding:0; }
.pg_next { text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff; padding:0; }
.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover { }

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { 
	-webkit-box-sizing:content-box; 
	-moz-box-sizing:content-box; 
	box-sizing:content-box; 
}
.search-result-meta { 
	float:left; 
	width:100%; 
}
.btn_mo { 
	padding:6px 12px; 
	color:#fff; 
	background-color:#0097ff; 
	border-radius:0; 
	transition:background-color 0.3s ease-in-out; 
}




/***************** 게시판 공통 *****************/
#bo_btn_top { clear:both; overflow:hidden; margin-bottom:30px; }
#bo_btn_top:after { display:block; visibility:hidden; clear:both; content:"" }
#bo_list_total { float:left; line-height:38px; font-size:0.92em; color:#363636; background:#eee; padding:0 10px; border-radius:4px; display:none; } 

/* 검색 */
#bo_sch { /* float:right; */ clear:both; width:100%; text-align:right; margin:20px auto 0; }
#bo_sch:after { display:block; visibility:hidden; clear:both; content:"" }
#bo_sch legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden }
#bo_sch select { display:inline-block; vertical-align:middle; height:42px; padding:0 5px; background:#f3f3f3; color:#aaa; border:1px solid #eaeaea; }
#bo_sch .sch_input { display:inline-block; vertical-align:middle; width:178px; height:42px; padding:0 10px; background:#f3f3f3; color:#aaa; border:1px solid #eaeaea; color:#aaa; }
#bo_sch .sch_input::placeholder { color:#aaa; }
#bo_sch .sch_btn { display:inline-block; vertical-align:middle; width:70px; height:42px; background:#888; border:1px solid #888; color:#fff; border-radius:20px; font-size:15px }
#bo_sch .sch_btn:hover { background:#787878; }

.bo_gall_top_tit { text-align:center; margin-bottom:30px; }
.bo_gall_top_tit p { font-size:1.5em; font-weight:300; letter-spacing:-0.05em;  color:#787878; word-break:keep-all; }
.bo_gall_top_tit p span { display:block; }

#bo_cate { clear:both; text-align:center; margin-bottom:40px; border:1px solid #ddd; } 
#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden }
#bo_cate ul {  zoom:1; font-size:0; }
#bo_cate li { display:inline-block; zoom:1; *display:inline; margin:0 15px; }
#bo_cate li a { display:block; line-height:54px; padding:0 4px; font-size:16px; color:#858585; font-weight:300; position:relative; } 
#bo_cate li a:hover { color:#363636; }
#bo_cate li a:focus, 
#bo_cate li a:hover { }
#bo_cate #bo_cate_on { color:#2eb4f0; font-weight:500; }
#bo_cate #bo_cate_on:before { content:""; position:absolute; left:0; top:-1px; width:100%; height:2px; background:#2eb4f0; } 

.bo_fx { clear:both; zoom:1; margin-top:30px; }
.bo_fx:after { display:block; visibility:hidden; clear:both; content:""}
.bo_fx ul { margin:0; padding:0; list-style:none}

.btn_bo_user { margin:0; padding:0; list-style:none }
.btn_bo_user li { float:left; margin-left:5px }
.btn_bo_user_top,
.btn_bo_user2 { float:right; }
.btn_bo_user2 li { display:inline-block;  margin-left:2px }

.bo_v_left { margin:30px 0; float:left }
.bo_v_left li { float:left; margin-right:5px }

.bo_v_com { margin:30px 0; float:right }
.bo_v_com li { float:left; margin-left:5px }

.btn i { display:none; } 

#bo_w .bo_w_select select,
#bo_w #ca_name {
	border:1px solid #ccc; 
	background:#fff; color:#000; 
	vertical-align:middle; 
	border-radius:3px; 
	padding:5px; 
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
}
	
.m-table-scroll-txt { display:none; }

/* 읽기 타이틀 */
#bo_v_title { clear:both; text-align:center; font-weight:500; position:relative; }
#bo_v_title span { vertical-align:middle; }
#bo_v_title h2 { font-weight:500; }
#bo_v_title h3 { font-weight:normal; }
#bo_v_title .bo_v_cate { color:#acacac; }
#bo_v_title .bo_v_cate:before { content:"["; }
#bo_v_title .bo_v_cate:after { content:"]"; }
#bo_v_title .bo_v_tit { }

/* 읽기 이전글, 다음글 */
.bo_v_nb { clear:both; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:40px; }
.bo_v_nb:after { display:block; visibility:hidden; clear:both; content:"" }
.bo_v_nb ul { text-align:center; }
.bo_v_nb li { display:inline-block; vertical-align:middle; color:#858585; position:relative; padding:0 10px; }
.bo_v_nb li:before { content:""; position:absolute; top:5px; left:-5px; width:1px; height:14px; background:#ccc; }
.bo_v_nb li:first-child:before { display:none; }
.bo_v_nb li a { display:block; color:#858585; }
.bo_v_nb li a i { padding-right:4px; } 
/* // */

.cnt_cmt { background:#acacac; color:#fff; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle;  }

#gall_allchk { display:block; padding-bottom:5px; }

#bo_v_share { clear:both; position:relative; padding:20px 0; text-align:right; }
#bo_v_share .btn { padding:0 10px 0 0 !important; color:#555; font-weight:normal; font-size:1em; line-height:30px !important; height:32px !important; border-radius:0; border:1px solid #ddd; }
#bo_v_share .btn:hover { background:#fff; }
#bo_v_share .btn i { display:inline-block;margin-right:5px;; background:#eee; color:#363636; text-align:center; width:30px; line-height:30px; vertical-align:top; }
#bo_v_share .btn_share { }
#bo_v_share .btn_share:hover { }

#bo_v_top { clear:both; border-top:1px solid #ddd; margin-top:40px; }

#bo_w .bo_w_tit #btn_autosave { border:0; background:#eee; padding:0 10px; }

button.custom_button_white { 
	display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align:baseline;
    margin:0 2px;
	padding:4px 10px;
	font-size:0.9em;
    outline:none;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    -webkit-border-radius:.5em;
    -moz-border-radius:.5em;
    border-radius:.5em;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
	color:#606060;
    border:1px solid #b7b7b7;
    background:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background:-moz-linear-gradient(top, #fff, #ededed);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}