@charset "euc-kr";

/********************************************************************************************************************************
* box Style
********************************************************************************************************************************/
.box-tp {
	clear: both;
	position: relative;
	border: 1px solid #c6d5e8;
	background-color: #f9fbff;
	}
	.box-tp.ty2 {border-color: #c7cfd8; background-color: #f5f7fc;}
	.box-tp.ty3 {border-color: #d2d2d2; background-color: #fff;}
	.box-tp.ty4 {border-color: #c9c9c9; background-color: #f8f8f8;}
	.box-tp.ty5 {border-color: #e3e3e3; background-color: #fff;}

/*----- box¿¡ µÑ·¯½×ÀÎ tbl °æ¿ì -----*/
.tbl-box {margin: 0 0 35px 0; padding: 1px; background-color: #fff !important;}
	.tbl-box:last-child {margin-bottom: 0;}
	.tbl-box.bottomMrg  {margin-bottom: 45px;}
	.tbl-box.bottomMrg2 {margin-bottom: 60px;}

	.tbl-box .tbl-wp {margin: 0;}
	.tbl-box .tbl-wp table.List, .tbl-box .tbl-wp table.View2 {border-top: none; border-bottom: none;}
	.tbl-box .tbl-wp table.View2 tr:last-child th, .tbl-box .tbl-wp table.View2 tr:last-child td {border-bottom: none;}
	.tbl-box .tbl-wp table.List tr:hover td, .tbl-box .tbl-wp table.List tr.active:hover td {background: none;}
	.tbl-box .tbl-wp table.Insert {border-top: none; border-bottom: none;}
	.tbl-box .tbl-wp table.Insert tr:last-child th, .tbl-box .tbl-wp table.Insert tr:last-child td {border-bottom: none;}


/********************************************************************************************************************************
* °øÅë Board(Table) List Style
********************************************************************************************************************************/
.tbl-wp {clear: both; position: relative; margin: 0 0 40px 0;}
.tbl-wp.bottomMrg		{margin-bottom: 45px;}
.tbl-wp.bottomMrg-None  {margin-bottom: 0 !important;}
.tbl-wp.bottomMrg2		{margin-bottom: 50px;}
.tbl-wp.bottomMrg3		{margin-bottom: 25px;}
.tbl-wp.bottomMrg4		{margin-bottom: 30px;}
.tbl-wp.bottomMrg5		{margin-bottom: 40px;}
.tbl-wp.bottomMrg6		{margin-bottom: 60px;}
.tbl-wp.th-color th {background: #f2f4f6 !important;}

.tbl-wp table {width: 100%; table-layout: fixed;}
.tbl-wp table.List tr.None:hover td, .tbl-wp table.List tr.active:hover td {background: none;}
.tbl-wp table.List tr:hover td, .tbl-wp table.List tr:hover td .YgPr-text {
	color: #333;
	background-color: #fafbfc;
	transition: all 0.2s;
	}

/* Line(¼¼·Î) Ãâ·Â */
.tbl-wp table.List.Line th span::after {display: none;}
.tbl-wp table.List.Line td {border-right: 1px solid #eee;}
.tbl-wp table.List.Line td:last-child {border-right: none;}

/*----- List -----*/
.tbl-wp table.List {border-top: 1px solid #777; border-bottom: 1px solid #ccc;}
.tbl-wp table.List tr:last-child td {border-bottom: none;}
.tbl-wp table.List tr.notice td.subj {font-weight: bold;}
.tbl-wp table.List th {
	height: 45px;
	padding-bottom: 0px;
	font-size: 12px; color: #777; letter-spacing: -0.5px; line-height: 110%; text-align: center !important; vertical-align: middle;
/*	border-bottom: 1px solid #e3e3e3;	*/
	background: #f4f4f4;
	}

.tbl-wp table.List th span u {text-decoration: none !important; font-weight: normal !important;}
.tbl-wp table.List th span {
	clear: both;
	display: block;
	position: relative;
	}
	.tbl-wp table.List th span::after {content: ""; position: absolute; top: 2px; right: 0; width: 1px; height: 11px; background: #d7d7d7; z-index: 2;}
	.tbl-wp table.List th:last-child span::after {display: none;}

.tbl-wp table.List.th50 th {height: 50px;}
.tbl-wp table.List.th50 th.two span::after {top: 7px;}
.tbl-wp table.List.th40 th {height: 40px;}
.tbl-wp table.List.th55 th {height: 55px;}
.tbl-wp table.List th.left {text-align: left !important;}

.tbl-wp table.List td {
	padding: 4px 0 4px 0;
	font-size: 100%; line-height: 150%; text-align: center; vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	background-color: transparent;
	}
.tbl-wp table.List tr.active td {border-bottom-color: #e3e3e3 !important;}
.tbl-wp table.List td.subj {
	padding: 20px 15px 20px 15px;
	line-height: 1.3em; text-align: left;
	}
.tbl-wp table.List td.subj.size1	{height: 54px; padding: 0 10px 3px 12px;}
.tbl-wp table.List td.subj.small	{padding-top: 13px; padding-bottom: 13px;}
.tbl-wp table.List td.subj.small2	{padding-top: 16px; padding-bottom: 17px;}
.tbl-wp table.List td.subj.middle	{height: 54px; padding: 5px 0 5px 15px;}
.tbl-wp table.List td.subj.YgPr		{padding-top: 17px; padding-bottom: 18px;}
.tbl-wp table.List td.subj.YgPr2	{padding: 16px 18px 17px 18px;}
.tbl-wp table.List td.subj.YgPr.acc	{padding: 14px 18px 15px 18px;}
.tbl-wp table.List td.subj.eduLec	{padding: 15px 20px 16px 20px;}

.tbl-wp table.List td a {text-decoration: none;}
.tbl-wp table.List td a.speech-bubble-icon {
	padding-left: 40px !important;
	background: url('/pds/images/comm/icon_subject2.gif') no-repeat 20px 23px;
	}
.tbl-wp table.List td.num		{font-size: 14px; color: #777;}
.tbl-wp table.List td.date, .tbl-wp table.List td.count {font-size: 13px; color: #888;}
.tbl-wp table.List td.kind		{font-size: 14px; color: #4d6583 !important; letter-spacing: -0.5px;}
.tbl-wp table.List td.kind2		{font-size: 95%; color: #4d6583 !important;}
.tbl-wp table.List td.kind-gray {font-size: 13px; color: #888; line-height: 1.2em;}
.tbl-wp table.List td.kind-gray2 {font-size: 14px; letter-spacing: -0.5px; color: #999;}
.tbl-wp table.List td.state		{font-size: 14px;}
.tbl-wp table.List td.left		{padding-left: 14px; text-align: left;}
.tbl-wp table.List td.left2		{padding: 19px 15px 19px 15px; text-align: left;}
.tbl-wp table.List td.left3		{padding: 17px 15px 17px 15px; text-align: left;}
.tbl-wp table.List td.sleft		{padding-left: 6px; text-align: left;}
.tbl-wp table.List td.Right		{text-align: right;}
.tbl-wp table.List td.Right2	{padding-right: 20px; text-align: right;}
.tbl-wp table.List td.name		{font-size: 14px;}
.tbl-wp table.List td.lectur	{font-size: 13px;}
.tbl-wp table.List td.None, .tbl-wp table.List td.down		{padding: 0 !important;}
.tbl-wp table.List td.None .form-file {margin-top: 6px;}
.tbl-wp table.List td.None .form-file .ficon {margin-top: 0 !important;}
.tbl-wp table.List td a.bk		{display: block;}
.tbl-wp table.List td.formNum	{font-size: 14px; color: #777;}
.tbl-wp table.List td.Valign	{vertical-align: top;}
.tbl-wp table.List td.won		{background: #fbfbfb;}
.tbl-wp table.List td.input		{padding-top: 10px; padding-bottom: 10px;}
.tbl-wp table.List td.calendar-txt {padding: 18px 15px 20px 15px; line-height: 1.6em; text-align: left;}
.tbl-wp table.List td.origin	{font-size: 13px;}
.tbl-wp table.List td.office	{padding: 14px 5px 16px 5px; font-size: 14px; letter-spacing: -0.5px;}
.tbl-wp table.List td.office-new {padding: 11px 5px 12px 5px; font-size: 13px; letter-spacing: -0.5px;}
.tbl-wp table.List td.right-dotLine {border-right: 1px dotted #d9d9d9;}
.tbl-wp table.List td.add {height: 60px; padding: 10px 40px 12px 40px; color: #666; line-height: 1.3em; text-align: left;}
.tbl-wp table.List td.add.small {padding-left: 20px; padding-right: 20px;}
.tbl-wp table.List td.yp-number {font-size: 13px; padding-bottom: 4px; line-height: 1.3em;}
.tbl-wp table.List td.cell		{padding: 18px 5px;}

.tbl-wp table.List tr.calculate td {height: 60px; padding: 20px 5px 20px 5px; font-size: 14px; line-height: 120%;}

/*----- ÀÌº¥Æ® -----*/
.tbl-wp.event table.List td.event {text-align: left; border-bottom: none;}
.tbl-wp.event table.List tr:first-child td {padding-top: 25px;}
.tbl-wp.event table.List tr:last-child td  {padding-bottom: 25px;}

/* »ó´ã»ç·Ê */
.tbl-wp table.List td.consult-qTd {padding: 17px 15px 18px 37px; text-align: left; background: url('/pds/images/sub/expert&consult/speech_bubble.png') no-repeat 5px 17px;}
.tbl-wp table.List td.consult-qTd a.subj {font-family: 'Noto Sans KR', 'Noto Sans','¸¼Àº °íµñ', 'Malgun Gothic'; font-size: 19px; letter-spacing: -0.6px; font-weight: 400;}

/*----- °Ô½ÃÆÇÇü Á¦¸ñ -----*/
.tbl-wp table.List td.subj-link {padding: 0;}
.tbl-wp table.List td.subj-link a, .tbl-wp table.List td.subj-link span.lock {
	display: block;
	padding: 19px 15px 19px 15px;
	line-height: 1.3em; text-align: left;
	}
.tbl-wp table.List td.subj-link span.lock	{padding-top: 19px; padding-bottom: 16px;}
.tbl-wp table.List td.subj-link.small a		{padding-top: 16px; padding-bottom: 18px;}
.tbl-wp table.List td.subj-link.first a, .tbl-wp table.List td.subj-link.first span.lock {padding-left: 20px; padding-right: 20px;}
.tbl-wp table.List td.subj-link.icon a {
	padding-left: 63px;
	background: url('/pds/images/sub/taxnet_post/mail_icon.png') no-repeat 20px 17px;
	}
.tbl-wp table.List td.subj-link.icon a:hover {background-image: url('/pds/images/sub/taxnet_post/mail_icon_hover.png'); transition: all 0.3s;}
.tbl-wp table.List td.subj-link.person-icon a {
	padding-left: 60px;
	background: url('/pds/images/sub/expert&consult/human.png') no-repeat 20px 17px;
	}
.tbl-wp table.List td.subj-link.speech-bubble-icon a, .tbl-wp table.List td.subj-link.speech-bubble-icon span.lock {
	padding-left: 50px;
	background: url('/pds/images/sub/expert&consult/speech_bubble.png') no-repeat 15px 18px;
	}
.tbl-wp table.List td.subj-link.faq a {
	padding-left: 60px;
	background: url('/pds/images/sub/helpdesk/faq_icon.png') no-repeat 20px 17px;
	}
.tbl-wp table.List td.subj-link.faq a:hover {background-image: url('/pds/images/sub/helpdesk/faq_icon_hover.png'); transition: all 0.3s;}

.tbl-wp table.List td.subj-link.eventEnd-icon a {
	padding-left: 50px;
	background: url('/pds/images/sub/helpdesk/eventEnd_icon.png') no-repeat 15px 18px;
	}
.tbl-wp table.List td.subj-link.case a	{padding-left: 50px; background: url('/pds/images/comm/board_bubble_02.png') no-repeat 15px 18px;}
.tbl-wp table.List td.subj-link.case2 a {padding-left: 50px; background: url('/pds/images/comm/board_bubble_01.png') no-repeat 15px 18px;}

/*----- ¸»ÁÙÀÓ -----*/
.tbl-wp table.List td a.ellipsis {display: inline-block; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; overflow: hidden;}
.tbl-wp table.List td a.ellipsis.mysave {max-width: 560px; font-size: 14px;}

/* Line Set */
.tbl-wp table.List td.rt-doubleLine {border-right: 3px double #e3e3e3 !important;}

/* checkbox */
.tbl-wp table.List td.chkbox {padding: 0 0 2px 0;}
.tbl-wp table.List td.chkbox .checkbox-field label {
	display: block;
	min-height: 45px;
	line-height: 44px;
	}
.tbl-wp table.List td.chkbox .checkbox-field .square {margin: 0;}

.tbl-wp .admin {
	display: inline-block;
	padding: 0 0 0 21px;
	vertical-align: top;
	background: url('/assets/favicon/favicon.png') no-repeat 0 4px;
	background-size: 15px auto;
	}

/*----- ¼¼¹«ÀÏÁ¤(È¯À²Á¤º¸) -----*/
.tbl-wp.tax-calendar table.List td, .tbl-wp.Line table.List td {border-right: 1px solid #e9e9e9;}
.tbl-wp.tax-calendar table.List td:last-child, .tbl-wp.Line table.List td:last-child {border-right: none;}
.tbl-wp.tax-calendar tr:hover td, .tbl-wp.Line tr:hover td {background: none !important;}
.tbl-wp.tax-calendar table.List td.day {
	font-size: 105%; font-weight: bold;	
	background: #fafafa !important;
	}

.tbl-wp.exchangRate-tbl table.List td {padding: 8px 0 10px 0;}


/*----- °í°´Áö¿ø¼¾ÅÍ - toggle View ¿ë -----*/
tr.tr-subj td	{cursor: pointer;}
tr.tr-subj:hover td.subj  {color: #004298 !important; font-weight: normal;} 
tr.tr-subj.active td.subj {color: #004298 !important; font-weight: bold;} 
tr.tr-subj.active td.kind {font-weight: bold;} 
tr.tr-detail	{display: none; width: 100%;}
tr.tr-detail div.detail {display: none;}
tr.tr-detail td	{padding: 0 !important; border-bottom-color: #d9d9d9 !important;}
tr.tr-detail td .detail {
	position: relative;
	padding: 35px 40px 25px 40px;
	font-size: 100%; text-align: left; line-height: 1.6em; vertical-align: middle;
	background: #f7f8f9 !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0, 0.04) inset;
	}
tr.tr-detail td .detail p {
	margin: 0 0 1.5em 0;
	font-size: 100%; text-align: left; line-height: 1.6em; vertical-align: middle;
	}
tr.tr-detail td .detail p:last-child {margin-bottom: 0;}
tr.tr-detail td .detail.counsel {padding-bottom: 30px;}
tr.tr-detail td .detail span.text {
	display: block;
	margin: 0 0 0px 0;
	}
tr.tr-detail td .detail .bottom-btn {
	display: block;
	position: relative;
	padding: 20px 0 0 0;
	}
tr.tr-detail td .detail .bottom-btn .rt {float: right;}
tr.tr-detail td .detail .bottom-btn .rt:hover i {
	animation: ani_updown 0.3s linear;
	animation-iteration-count: infinite;
	}
tr.tr-detail td .detail.counsel .bottom-btn {padding-top: 25px;}

/*----- List µ¥ÀÌÅÍ°¡ ¾øÀ» °æ¿ì -----*/
.tbl-wp table.List td.list-data-None {
	padding: 25px 0 23px 0;
	font-size: 100%; color: #888 !important;
	}
.tbl-wp table.List td.list-data-None span.default {
	display: inline-block;
	width: 30px; height: 27px;
	margin: 0 8px 0 0;
	vertical-align: middle;
	background: url('/pds/images/comm/list_data_None_icon.png') no-repeat 0 0;
	}
.tbl-wp table.List td.list-data-None span.login {
	display: inline-block;
	width: 30px; height: 36px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	background: url('/pds/images/comm/list_login.png') no-repeat 0 0;
	}

/*----- °Ë»ö°á°ú ¾øÀ» °æ¿ì -----*/
.tbl-wp table.List td.search-None {padding: 30px 0 28px 0;}
.tbl-wp table.List td.search-None .text {
	display: inline-block;
	margin: 0;
	font-size: 100%; text-align: left; line-height: 150%;
	overflow: hidden;
	}
.tbl-wp table.List td.search-None .text .img {
	float: left;
	display: inline-block;
	width: 42px; height: 45px;
	margin: 0 13px 0 0;
	background: url('/pds/images/comm/searchResult_No.gif') no-repeat 0 2px;
	}
.tbl-wp table.List td.search-None .text .txt {
	float: left;
	display: inline-block;
	margin: 2px 0 0 0;
	}
.tbl-wp table.List td.search-None.Tsearch .text .img {
	float: left;
	display: inline-block;
	width: 92px; height: 120px;
	margin: 0 22px 0 0;
	background: url('/pds/images/comm/searchResult_No_big.png') no-repeat 0 0;
	background-size: 90px auto;
	}
.tbl-wp table.List td.search-None.Tsearch .text .txt {
	float: left;
	display: inline-block;
	margin: 28px 0 0 0;
	font-size: 120%; letter-spacing: -0.5px; line-height: 1.6em;
	}
.tbl-wp table.List td.search-None.yp .text .img {
	float: left;
	display: inline-block;
	width: 88px; height: 100px;
	margin: 0 25px 0 0;
	background: url('/pds/images/comm/searchResult_No_big.png') no-repeat 0 0;
	background-size: 88px auto;
	}

/*----- °Ë»ö°á°ú°¡ ¾øÀ» °æ¿ì(cardListÇü) -----*/
.tbl-wp.cardList-search-No table.List {border: 1px solid #ddd !important;}
.tbl-wp.cardList-search-No table.List td.search-None {padding: 30px 0 25px 0;}

/*----- °Ë»ö°á°ú°¡ ¾øÀ» °æ¿ì(li, ddÇü) -----*/
.ul-search-None {padding: 20px 0 5px 0; text-align: center;}
.ul-search-None .text {
	display: inline-block;
	font-size: 100%; text-align: left; line-height: 150%;
	overflow: hidden;
	}
.ul-search-None .text .img {
	float: left;
	display: inline-block;
	width: 42px; height: 45px;
	margin: 0 13px 0 0;
	background: url('/pds/images/comm/searchResult_No.gif') no-repeat 0 2px;
	}
.ul-search-None .text .txt-guide {
	float: left;
	display: inline-block;
	margin: 2px 0 0 0;
	}

/* Etc style */
.tbl-wp .List tr.sum-box td {
	height: 48px;
	padding: 0 20px 0 0;
	font-size: 100%; font-weight: bold; text-align: right;
	background: #fafafa;
	}
.tbl-wp .List tr.sum-box td strong {
	display: inline-block;
	margin: 0 2px 0 0;
	font-size: 105%; font-weight: bold !important;
	}

/*----- PhotoÇü List º¯Çü -----*/
/* News List */
.comm-photo-List a {
	clear: both;
	display: block;
	position: relative;
	padding: 15px 0 13px 20px;
	font-size: 100%; color: #333; line-height: 1.4em; text-align: left;
	transition: all 0.3s;
	overflow: hidden;
	}
.comm-photo-List a:hover {text-decoration: none;}
.comm-photo-List .thumb {
	display: inline-block;
	float: left;
	position: relative;
	width: 230px; height: 130px;
	text-align: center;
	border: 1px solid #eee;
	background: url('/pds/images/comm/no_image.png') no-repeat 50% 50%;
	overflow: hidden;
	}
/*
.comm-photo-List .thumb img {width: auto; height: 100%; min-width: 100%;}
*/
.comm-photo-List .thumb img {
	display: inline;
	height: 100%; min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.comm-photo-List a .info {
	display: inline-block;
	float: left;
	width: 920px;
	padding: 5px 0 0 25px;
	transition: all 0.2s;
	}
.comm-photo-List a .info .subj {
	display: block;
	margin: 0 0 10px 0;
	font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
	font-size: 21.5px; letter-spacing: -1px; line-height: 120%; font-weight: 500;
	transition: all 0.2s;
	}
.comm-photo-List a:hover .info .subj {color: #ff5529; text-decoration: none;}
.comm-photo-List a .info .detail {
	display: block;
	display: -webkit-box;
	margin: 0 0 4px 0;
	font-size: 13px; color: #888; line-height: 140%; text-align: justify;
	word-wrap: break-word; text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	}
/*
.comm-photo-List a:hover .info .detail {color: #555;}
*/
.comm-photo-List a .info .etc {
	display: block; 
	font-size: 12px; color: #999;
	}
.comm-photo-List a .info .etc .origin {
	display: inline-block;
	margin: -5px 0 0 20px;
	font-size: 11px; vertical-align: middle;
	}
.comm-photo-List a .info .etc .origin strong {color: #888; font-weight: normal;}

/* ´º½º °³Æí(2020-02-20) */
.comm-photo-List.new a {padding: 14px 0 13px 5px;}
.comm-photo-List.new a .info {width: 675px; padding-left: 20px;}
.comm-photo-List.new .thumb {width: 200px;}
.comm-photo-List.new .thumb img {
	display: inline;
	height: 100%; min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}
/* ´º½º ½æ³×ÀÏ Ãâ·Â°ü·Ã ¼öÁ¤(2025-08-20) */
.comm-photo-List a .wide + .info {width: 100% !important; padding: 2px 20px 0 5px;}
.comm-photo-List a .wide + .info .detail {-webkit-line-clamp: 2 !important;}

/*----- ¼³¸í¿ë -----*/
.tbl-wp.inner-Contents {border-top: 1px solid #999; border-bottom: 1px solid #b5b5b5;}
.tbl-wp.inner-Contents th {
	padding: 8px 0 10px 0;
	font-size: 100%; color: #444; line-height: 1.2em; font-weight: bold; text-align: center; vertical-align: middle;
	border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;
	background: #ececec;
	}
.tbl-wp.inner-Contents th:last-child {border-right: none;}
.tbl-wp.inner-Contents td {
	padding: 15px 0 15px 0;
	font-size: 100%; line-height: 1.4em; text-align: center; vertical-align: middle;
	border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;
	background: #fff;
	}
.tbl-wp.inner-Contents tr:last-child td, .tbl-wp.inner-Contents td.bottom-line-None {border-bottom: none;}
.tbl-wp.inner-Contents td:last-child {border-right: none;}
.tbl-wp.inner-Contents td.left-line {border-left: 1px solid #e0e0e0;}


/*----- ¿¹±ÔÆÇ·Ê¿ë -----*/ 
.tbl-wp table.List td.keyword {padding-left: 4px; padding-right: 4px;}
.tbl-wp table.List td.keyword a, .tbl-wp table.List td.keyword span.None {
	display: inline-block;
	position: relative;
	font-size: 12px; color: #666; letter-spacing: -0.5px; line-height: 1.3em; text-decoration: none;
	transition: none !important;
	}
.tbl-wp table.List td.keyword a:hover {color: #ff5529;}
.tbl-wp table.List td.keyword a:before {
	content: "";
	display: none;
	position: absolute; bottom: -9px; left: 50%;
	width: 9px; height: 5px;
	margin: 0 0 0 -4.5px;
	background: url('/pds/images/sub/yp/YgJb_ic.png') no-repeat center 0;
	animation: keyword_tooltip 0.5s ease-out;
	z-index: 10;
	}
.tbl-wp table.List td.keyword a:after {
	content: "µ¿ÀÏ ÁÖÁ¦¾îÀÇ ¿¹±ÔÆÇ·Ê Á¶È¸";
	display: none;
	position: absolute; bottom: -30px; left: 50%;
	width: 150px; height: 22px;
	margin: 0 0 0 -75px; padding: 0px 0 0 0;
	font-size: 11px; color: #fff; letter-spacing: -0.5px; line-height: 21px; text-align: center; text-decoration: none !important;
	border-radius: 3px;
	background: #25272f;
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1);
	animation: keyword_tooltip 0.5s ease-out;
	z-index: 10;
	}
@keyframes keyword_tooltip {
	from {
		opacity: 0;
		transform: translate(0, 6px);
		}
	to {
		opacity: 1;
		transform: translate(0, 0);
		}
	}
.tbl-wp table.List td.keyword a:hover::before {display: block;}
.tbl-wp table.List td.keyword a:hover::after  {display: block;}


/*----- Á¤·Ä¹öÆ° -----*/
.tbl-wp table.List th a.tblList-align-btn {
	display: inline-block;
	padding: 4px 10px;
	color: #777; text-decoration: none !important;
	}
.tbl-wp table.List th a.tblList-align-btn:hover {color: #ff5529;}
.tbl-wp table.List th a.tblList-align-btn i {margin: 0 0 1px 6px; font-size: 10px; vertical-align: bottom;}
.tbl-wp table.List th a.tblList-align-btn.up i::before			{content: "\f077";}
.tbl-wp table.List th a.tblList-align-btn.up.active i::before	{content: "\f078";}
.tbl-wp table.List th a.tblList-align-btn.down i::before		{content: "\f078";}
.tbl-wp table.List th a.tblList-align-btn.down.active i::before	{content: "\f077";}



/********************************************************************************************************************************
* °øÅë Board(Table) Insert Style
********************************************************************************************************************************/
.tbl-wp table.Insert {border-top: 1px solid #d0d0d0;}
.tbl-wp table.Insert tr:last-child th, .tbl-wp table.Insert tr:last-child td {border-bottom-color: #d5d5d5;}
.tbl-wp table.Insert tr.bottomLine-None th, .tbl-wp table.Insert tr.bottomLine-None td {border-bottom: none !important;}

.tbl-wp.line-None table.Insert {border-top: none;}
.tbl-wp.line-None table.Insert th {height: 70px; font-size: 17px; font-weight: normal; border-bottom: none; background: none;}
.tbl-wp.line-None table.Insert td {border-bottom: none; background: none;}

.tbl-wp table.Insert th {
	height: 62px;
	padding: 0 0 1px 25px;
	font-size: 100%; color: #555; font-weight: bold; text-align: left; vertical-align: middle;
	border-bottom: 1px solid #e5e5e5;
	background: #f7f7f7;
	}
.tbl-wp table.Insert.th45 th {height: 46px;}
.tbl-wp table.Insert.th50 th {height: 54px;}
.tbl-wp table.Insert th.Center {
	height: 32px;
	padding-right: 0;
	text-align: center;
	}
.tbl-wp table.Insert th.txt {height: 45px;}
.tbl-wp table.Insert th.btLine-None {border-bottom: none !important;}
.tbl-wp table.Insert th.ct {padding-left: 0; text-align: center;}
.tbl-wp table.Insert th.txt-rt {padding: 0 10px 1px 0; text-align: right;}

.tbl-wp table.Insert.small th {padding-left: 15px; font-size: 13px;}

.tbl-wp table.Insert td {
	padding: 0 20px 0 20px;
	font-size: 100%; line-height: 150%; text-align: left; vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	}
.tbl-wp table.Insert.td60 td {height: 60px;}
.tbl-wp table.Insert td.kind {color: #f47626}
.tbl-wp table.Insert td.cell {padding-top: 10px; padding-bottom: 10px;}
.tbl-wp table.Insert td.cell2 {padding-top: 7px; padding-bottom: 9px;}
.tbl-wp table.Insert td.cell3 {padding-top: 10px; padding-bottom: 8px;}
.tbl-wp table.Insert td.cell-big {padding-top: 15px; padding-bottom: 15px;}
.tbl-wp table.Insert td.date, .tbl-wp table.Insert td.count {font-size: 14px; color: #888;}
.tbl-wp table.Insert td.lt-Line {border-left: 1px solid #e9e9e9;}
.tbl-wp table.Insert td.rt-Line {border-right: 1px solid #e9e9e9;}
.tbl-wp table.Insert td.rt-txt	{padding-right: 25px; text-align: right;}
.tbl-wp table.Insert td.None	{padding: 0;}

.tbl-wp table.Insert td.td-padding	{padding-top: 12px; padding-bottom: 12px;}
.tbl-wp table.Insert td.td-padding2	{padding-top: 15px; padding-bottom: 15px;}
.tbl-wp table.Insert td.td-padding3	{padding-top: 20px; padding-bottom: 20px; padding-left: 30px;}
.tbl-wp table.Insert td.td-chkpadd	{padding-top: 20px; padding-bottom: 10px;}

.tbl-wp table.Insert td.bg {background: #f7f8fa;}

/* List Å¸ÀÔ */
.tbl-wp table.Insert.list-type th {height: 60px; border-right: 1px solid #e5e5e5;}
.tbl-wp table.Insert.list-type th:last-child {border-right: none;}
.tbl-wp table.Insert.list-type th.ct {height: 45px; padding-left: 0; text-align: center;}
.tbl-wp table.Insert.list-type td {height: 60px; border-right: 1px solid #e9e9e9;}
.tbl-wp table.Insert.list-type td:last-child {border-right: none;}

.tbl-wp table.Insert th.top-double-line, .tbl-wp table.Insert td.top-double-line {border-top: 3px double #d0d0d0;}

.tbl-wp table.Insert .insert-bottom-txt {
	display: block;
	margin: 10px 0 0 0;
	font-size: 14px; color: #777;
	}
.tbl-wp table.Insert .insert-bottom-txt .text {
	display: inline-block;
	margin: 0 30px 2px 0;
	vertical-align: middle;
	}

/*----- ÆÄÀÏÃ£¾Æº¸±â -----*/
.file-input-wp span.info {display: block; margin: 0 0 6px 0; font-size: 13px; line-height: 140%;}
	.file-input-wp span.info u {color: red; text-decoration: none;}

.file-input-wp input {display: inline-block;}
.file-input-wp .file-input-textbox {height: 42px; border-color: #ccc; background: #fafafa !important; box-shadow: none;}
.file-input-wp .upload {
	position: relative;
	width: 120px; height: 42px;
	border-color: transparent;
	opacity: 0 !important; 
	cursor: pointer !important;
	z-index: 2;
	}

.file-input-wp .tbl-inBtn {
	position: absolute;	
	width: 120px; height: 42px;
	padding: 0;
	font-size: 100%; color: #fff; line-height: 0px !important;
	border-color: transparent;
	border-radius: 4px;
	background: #3e5062;
	cursor: pointer;
	}
.file-input-wp span.upload-files {display: block; margin: 8px 0 0 0; font-size: 14px; line-height: 120%;}
	.file-input-wp span.upload-files a {display: inline-block; color: #ff5a31; text-decoration: underline;}
	.file-input-wp span.upload-files a:hover {color: #ffa51e;}
	.file-input-wp span.upload-files .del {
		display: inline-block;
		width: 20px; height: 20px;
		margin: 0 0 0 2px;
		font-size: 100%; color: #aaa; line-height: 13px; text-align: center; vertical-align: middle;
		border: 1px solid #ddd;
		border-radius: 3px;
		}
	.file-input-wp span.upload-files .del:hover {color: #fff; border-color: #d15050; background: #e05555;}

.file-input-wp .filebox input[type="file"] { 
	position: absolute; 
	width: 1px; height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	} 
	.file-input-wp .filebox label.upload-btn { 
		display: inline-block; 
		width: 120px; height: 42px;
		padding: 0;
		font-size: 14px; color: #fff; letter-spacing: -0.5px; line-height: 40px; font-weight: normal; text-align: center; vertical-align: middle;
		border-color: transparent;
		border-radius: 4px;
		background: #3e5062;
		cursor: pointer;
		} 
	.file-input-wp .filebox label.upload-btn.normal {height: 42px; line-height: 40px;}
.file-input-wp .filebox .upload-name {display: inline-block; vertical-align: middle;} 


/*----- ¿¡µðÅÍ Ãâ·Â -----*/
.tbl-wp table.Insert .editer {padding: 10px 10px; overflow: hidden;}

/*----- ÇÏ´Ü ¼³¸í -----*/
.comm-txt-box {margin: -25px 0 0px 0; font-size: 13px; color: #666; line-height: 1.6em;}



/********************************************************************************************************************************
* °øÅë Board(Table) View Style
********************************************************************************************************************************/
.tbl-wp table.View {border-top: 1px solid #777; border-bottom: 1px solid #ccc;}
.tbl-wp table.View tr:last-child td {border-bottom: none;}
.tbl-wp table.View tr.bottom th, .tbl-wp table.View tr.bottom td {border-color: #d9d9d9;}

.tbl-wp table.View th {
	font-size: 13px; color: #555; font-weight: normal; text-align: center !important; vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	}
.tbl-wp table.View th span {
	position: relative;
	display: block;
	height: 46px;
	line-height: 44px;
	}
.tbl-wp table.View th span::after {
	content: "";
	position: absolute; top: 50%; right: 0;
	width: 1px; height: 13px;
	margin: -7px 0 0 0;
	background: #e9e9e9;
	z-index: 2;
	}
.tbl-wp table.View th.subj {
	height: 60px;
	font-weight: bold;
	border-bottom: none;
	background: #f4f4f4;
	}
.tbl-wp table.View th.subj span::after {background: #dadada;}

.tbl-wp table.View td {
	position: relative;
	padding: 0 0 0 20px;
	font-size: 100%; line-height: 150%; text-align: left; vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	}
.tbl-wp table.View td.subj {
	padding: 12px 20px 14px 20px;
	font-size: 110%;
	border-bottom: none;
	background: #f4f4f4;
	}
.tbl-wp table.View td.kind {color: #ff643c;}
.tbl-wp table.View td.date, .tbl-wp table.View td.count {
	font-size: 14px; color: #888;
	}
.tbl-wp table.View td.file a, .tbl-wp table.View2 td.file a {
	display: inline-block;
	width: 24px; height: 24px;
	color: #555;
	margin: 5px 0 0 0;
	}
.tbl-wp table.View td.file a:hover, .tbl-wp table.View2 td.file a:hover {color: #ff5529;}
.tbl-wp table.View td.file a.hwp, .tbl-wp table.View2 td.file a.hwp {
	background: url('/pds/images/comm/file_hwp.png') no-repeat 0 2px;
	background-size: 20px auto;
	}
.tbl-wp table.View td.file a.doc, .tbl-wp table.View2 td.file a.doc {
	background: url('/pds/images/comm/file_doc.png') no-repeat 0 2px;
	background-size: 20px auto;
	}
.tbl-wp table.View td.file a.xls, .tbl-wp table.View2 td.file a.xls {
	background: url('/pds/images/comm/file_xls.png') no-repeat 0 2px;
	background-size: 20px auto;
	}
.tbl-wp table.View td.file a.ppt, .tbl-wp table.View2 td.file a.ppt {
	background: url('/pds/images/comm/file_ppt.png') no-repeat 0 2px;
	background-size: 20px auto;
	}
.tbl-wp table.View td.file a.pdf, .tbl-wp table.View2 td.file a.pdf {
	background: url('/pds/images/comm/file_pdf.png') no-repeat 0 2px;
	background-size: 20px auto;
	}
.tbl-wp table.View td.file a.zip, .tbl-wp table.View2 td.file a.zip {
	background: url('/pds/images/comm/file_zip.png') no-repeat 0 2px;
	background-size: 20px auto;
	}
.tbl-wp table.View td.file a.etc, .tbl-wp table.View2 td.file a.etc {
	background: url('/pds/images/comm/file_etc.png') no-repeat 0 2px;
	background-size: 20px auto;
	}

.tbl-wp table.View td.file .num, .tbl-wp table.View2 td.file .num {
	display: inline-block;
	margin: 0 0 0 2px;
	color: #aaa;
	}
.tbl-wp table.View td.detail {
	padding: 40px 25px 45px 25px; 
	color: #444; line-height: 1.7em;
	}
.tbl-wp table.View td.detail p {
	margin: 0 0 1.5em 0;
	font-size: 100%; text-align: left; line-height: 1.7em; vertical-align: middle;
	}
.tbl-wp table.View td.detail img {
	display: block;
	max-width: 100%; height: auto;
	margin: 1em 0;
	}
.tbl-wp table.View td.detail.old {padding-top: 25px; padding-bottom: 25px;}
.tbl-wp table.View td.detail.consult {padding-bottom: 45px;}
.tbl-wp table.View td.detail.event {padding-top: 20px; padding-bottom: 50px; text-align: center;}
.tbl-wp table.View td.star {font-size: 17px; color: #eb5e05 !important; letter-spacing: -1.5px;}
.tbl-wp table.View td.note-text {
	padding-top: 9px; padding-bottom: 8px;
	color: #777;
	}
/*----- °¨¸®ÁöÀû»ç·Ê¿ë -----*/
.tbl-wp table.View td.detail.acc-supervision {padding: 50px 0 40px 0;}

/*----- ÀÌÀü±Û, ´ÙÀ½±Û -----*/
.tbl-wp.PreNext {
	margin: 30px 0 0 0;
	}
.tbl-wp.PreNext table {border-top-color: #ccc !important;}
.tbl-wp.PreNext tr:last-child th {border-bottom-color: #ccc !important;}
.tbl-wp.PreNext th {padding-left: 10px;}
.tbl-wp.PreNext th i {margin: 0 0 0 8px; color: #888;}
.tbl-wp.PreNext td .None {color: #aaa;}

/*----- View2 -----*/
.tbl-wp table.View2 {border-top: 1px solid #d7d7d7;}
.tbl-wp table.View2 tr:last-child th, .tbl-wp table.View2 tr:last-child td {border-bottom-color: #d7d7d7;}

.tbl-wp table.View2 th {
	height: 42px;
	padding: 0 0 1px 20px;
	font-size: 13px; color: #777; font-weight: normal; text-align: left; vertical-align: middle;
	border-bottom: 1px solid #e5e5e5;
	background: #f4f4f4;
	}
.tbl-wp table.View2 th.color {
	color: #fff;
	background: #f49e1c;
	}
.tbl-wp table.View2.th36 th {height: 36px !important;}
.tbl-wp table.View2.th50 th {height: 50px !important;}
.tbl-wp table.View2 th.rt-Line {border-right: 1px solid #e5e5e5;}
.tbl-wp table.View2 th.btLine-None {border-bottom: none !important;}
.tbl-wp table.View2 th.ct {padding-left: 0 !important; text-align: center;}

.tbl-wp table.View2.td50 td {height: 50px;}
.tbl-wp table.View2 td {
	padding: 0 20px 0 20px;
	font-size: 100%; line-height: 150%; text-align: left; vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	}
.tbl-wp table.View2 td.date			{font-size: 12px; color: #777;}
.tbl-wp table.View2 td.cell			{padding-top: 6px; padding-bottom: 6px;}
.tbl-wp table.View2 td.cell2		{padding-top: 8px; padding-bottom: 10px;}
.tbl-wp table.View2 td.cell3		{padding-top: 15px; padding-bottom: 15px;}
.tbl-wp table.View2 td.td-padding	{padding-top: 18px; padding-bottom: 20px;}
.tbl-wp table.View2 td.rt-txt		{padding-right: 30px; text-align: right;}
.tbl-wp table.View2 td.rt-txt2		{padding-right: 20px; text-align: right;}
.tbl-wp table.View2 td.rt-Line		{border-right: 1px solid #e9e9e9;}
.tbl-wp table.View2 td.ct			{text-align: center;}
.tbl-wp table.View2 td.None			{padding: 0;}

/*----- Form(radio, checkbox ÇÑÁÙ·Î) -----*/
.tbl-wp table.View2 td.radio-br label {display: block;}

/*----- °áÁ¦ÇÏ±â table style -----*/
.tbl-wp table.View2.order th {
	height: 60px;
	padding: 0 0 1px 25px;
	font-size: 15px; color: #555; font-weight: bold;
	}
.tbl-wp table.View2.order th.txt {height: 45px;}
.tbl-wp table.View2.order td {font-size: 120%;}
.tbl-wp table.View2.order td strong {
	display: inline-block;
	margin: 0 3px 0 0;
	font-size: 120%; font-weight: bold !important;
	}
.tbl-wp table.View2.order th.bg, .tbl-wp table.View2.order td.bg {background-color: #fafafa !important;}

/*----- ±¸ÀÎ/±¸Á÷ table style -----*/
.tbl-wp table.View2.recruit th {
	height: 50px;
	padding: 0 0 0px 25px;
	font-size: 15px; color: #555; font-weight: bold;
	}
.tbl-wp table.View2 td.cell3 p {
	margin: 0 0 1.5em 0;
	font-size: 100%; text-align: left; line-height: 160%; vertical-align: middle;
	}
.tbl-wp table.View2 td.cell3 img {
	display: block;
	max-width: 100%; height: auto;
	margin: 1em 0;
	}


/********************************************************************************************************************************
* Seacrh, Align, Pagination µî
********************************************************************************************************************************/
/*----- °Ë»ö -----*/
.Board-srh-wp {position: relative; height: 58px;}
	.Board-srh-wp.bottom-list {margin: 30px 0 0 0;}
	.Board-srh-wp .count {padding: 22px 0 0 0; font-size: 16px; color: #777;}
		.Board-srh-wp .count strong {display: inline-block; margin: 0 2px 0 0; font-size: 20px; color: #e94e1b; letter-spacing: -0.5px;}

	.Board-srh-wp .search {position: absolute; top: 0; right: 0;}
		.Board-srh-wp .search .int-1 {display: inline-block; margin: 0 -5px 0 2px;}
		.Board-srh-wp .search .selt-1, .Board-srh-wp .search .int-1 {
			height: 40px;
			border-radius: 0;
			}
		.Board-srh-wp .search .selt-1:focus, .Board-srh-wp .search .int-1:focus {
			border-color: #aaa;
			background: #fff;
			box-shadow: none;
			}

	.Board-srh-wp .search .btn {
		width: 70px; height: 40px;
		margin: 0; padding: 0 0 0 0;
		font-size: 14px; color: #fff; text-align: center;
		border: 1px solid #444;
		background: #555;
		transition: all 0.3s;
		cursor: pointer;
		}
		.Board-srh-wp .search .btn:hover {background: #333;}

	.Board-srh-wp .search .list-align {
		margin: 0 0 0 2px;
		font-size: 14px; color: #fff; letter-spacing: -1px !important; vertical-align: middle;
		text-shadow: 0 1px 0 rgba(0,0,0, 0.05);
		border: 1px solid #999;
		background: #aaa !important;
		}
	.Board-srh-wp .search .semok {margin: 0 8px 0 0 !important;}

	.Board-srh-wp.count  {margin-top: -15px;}
	.Board-srh-wp.count2 {margin-top: -10px;}

	/*----- Á¤·Ä -----*/
	.Board-srh-wp.align {margin: -10px 0 0 0;}
	.Board-srh-wp .align-wp {
		clear: both;
		position: absolute; top: 15px; right: 0;
		overflow: hidden;
		}
	.Board-srh-wp .align-wp a {
		display: inline-block;
		position: relative;
		margin: 0 12px 0 0;
		font-size: 13px; color: #777; text-decoration: none !important;
		}
	.Board-srh-wp .align-wp a.selected {
		padding: 0 15px 0 0;
		color: #e94e1b; font-weight: bold; text-decoration: none;
		}
	.Board-srh-wp .align-wp a.selected::after {
		content: '¡å';
		position: absolute; top: 0; right: 1px;
		}
	.Board-srh-wp .align-wp a::before {
		content: '';
		display: block;
		position: absolute; top: 50%; right: -7px;
		width: 1px; height: 10px;
		margin: -5px 0 0 0;
		background: #e0e0e0;
		}
	.Board-srh-wp .align-wp a:last-child {margin: 0;}
	.Board-srh-wp .align-wp a:last-child::before {display: none;}
	.Board-srh-wp .align-wp a:hover {color: #ff5a31;}

	/*----- ¹öÆ° -----*/
	.Board-srh-wp .rt-Btn {position: absolute; top: 0; right: 0;}
	.Board-srh-wp .rt-Btn a {
		margin: 0 0 0 2px;
		height: 30px;
		line-height: 28px;
		}

	.Board-srh-wp .txt-guide {
		position: absolute; bottom: 15px; right: 0;
		font-size: 11px; color: #aaa;
		}

	/*----- List style -----*/
	.Board-srh-wp .list-style {
		display: inline-block;
		margin: 0 0 0 5px;
		}
	.Board-srh-wp .list-style ul {float: left;}
	.Board-srh-wp .list-style li {float: left; margin: 0 0 0 5px;}
	.Board-srh-wp .list-style li a {
		display: block;
		width: 42px; height: 40px;
		padding: 0 0 0 1px;
		font-size: 22px; color: #888; line-height: 34px; text-align: center;
		border: 1px solid #ddd;
		border-radius: 5px;
		}
	.Board-srh-wp .list-style li a:hover {border-color: #f47d31;}
	.Board-srh-wp .list-style li.active a, .Board-srh-wp .list-style li a.active {color: #ff643c; border-color: #f47d31;}
	.Board-srh-wp .list-style li a i {margin: 0;}
	.Board-srh-wp .list-style .lec-series {position: relative;}
	.Board-srh-wp .list-style .lec-series::after {
		content: "½Ã¸®Áî ¹­À½"; 
		position: absolute; top: -5px; right: -50px; 
		width: 64px; height: 16px; 
		font-size: 10px; color: #fff; letter-spacing: -1px; line-height: 15px; font-weight: normal; 
		border-radius: 15px; 
		background: #00a0d4;	/* #e94e1b */
		box-shadow: 0 3px 0 0 rgba(0,0,0, 0.06);
		animation: series_ani 0.8s infinite;
		}
		@keyframes series_ani {
				50% {top: -4px;}
				}

	.list-style-field.tbl_list {display: none; padding: 0px 0 0 0;}

/*----- Pagination -----*/
.Board-pagination {
	position: relative;
	height: 50px;
	margin: -5px 0 0 0;
	vertical-align: top; text-align: center;
	}
	.Board-pagination .paging {margin: 0 auto; padding: 5px 0 0 0;}
	.Board-pagination .paging a.btn, .Board-pagination a.pgNum {
		display: inline-block;
		position: relative;
		width: 44px; height: 40px;
		margin: 0; padding: 0;
		vertical-align: middle;
		border: none;
		cursor: pointer;
		}

	.Board-pagination .paging a.btn {
		margin: 0 -1px 0 0;
		font-size: 22px; color: #777; line-height: 30px; font-weight: normal;
		border: 1px solid #ddd;
		border-radius: 0;
		background: #efefef;
		box-shadow: 0 22px 15px -5px rgba(255,255,255, 1) inset;
		}
	.Board-pagination .paging a.btn:hover {font-size: 25px; color: #333;}

	.Board-pagination a.pgNum {	
		margin: 0 -2px 0 0; padding: 0 1px 0 0;
		font-size: 14px; letter-spacing: -1px; line-height: 37px; text-align: center; vertical-align: middle; text-decoration: none;
		border: 1px solid #d9d9d9;
		background: #fff;
		}
	.Board-pagination a.pgNum:hover  {font-weight: bold;}
	.Board-pagination a.pgNum:active {bottom: -2px;}
	.Board-pagination a.active, .Board-pagination a.pgNum:hover {
		color: #fff; font-weight: bold;
		border-color: #676767;
		background: #727272;
		}
	.Board-pagination a.pre  {margin: 0 6px 0 0 !important;}
	.Board-pagination a.next {margin: 0 -1px 0 7px !important;}
	.Board-pagination .dot {letter-spacing: 1px;}

	/*----- Pagination ¾È¿¡ ¹öÆ° -----*/
	.Board-pagination .ltB {position: absolute; top: 4px; left: 0;}
	.Board-pagination .rtB {position: absolute; top: 4px; right: 0;}



/********************************************************************************************************************************
* Btn Style
********************************************************************************************************************************/
/*----- Board Btn ------------------------------*/
.tbl-btn {clear: both; line-height: 100%;}
	.tbl-btn.in-rt {position: absolute; top: 0; right: 0;}
	.tbl-btn .btn-hide {display: none;}
	.tbl-btn.topMrg {margin-top: 50px;}
	.tbl-btn.tbl-bottom-btn {margin: 10px 0 0 0;}

	.tbl-btn .ltB {float: left; overflow: hidden;}
	.tbl-btn .rtB {float: right; overflow: hidden;}
	.tbl-btn .ctB {text-align: center; overflow: hidden;}
	.tbl-btn .ctB li {
		display: inline-block; 
		margin: 0 0 0 6px; padding: 0 0 5px 0;
		}
	.tbl-btn .ltB li {
		float: left;
		margin: 0 10px 0 0; padding: 0 0 5px 0;
		}
	.tbl-btn .rtB li {
		float: left;
		margin: 0 0 0 10px; padding: 0 0 5px 0;
		}
	.tbl-btn li a, .tbl-btn li button, .tbl-btn .rtB li .submit, .tbl-btn .submit {
		display: block;
		position: relative;
		height: 58px;
		padding: 0 30px 0 30px;
		font-size: 115%; color: #fff; line-height: 56px; text-decoration: none !important; font-weight: bold; text-align: center;
		border: 1px solid #272727;
		background: #333;
		box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1);
		cursor: pointer;
		}
	.tbl-btn li a:hover, .tbl-btn .rtB li .submit:hover {
		border-color: #ff643c; 
		background-color: #f25f39;
	/*
		border-color: #193663;
		background: #1d3e71;
	*/
		box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2);
		}
	.tbl-btn li a:active, .tbl-btn .rtB li .submit:active {bottom: -2px;}

	.tbl-btn li.line a, .tbl-btn li.line button{
		color: #777;
		border-color: #d5d5d5;
		background: #fff !important;
		}
	.tbl-btn li.line a:hover, .tbl-btn li.line button:hover{
		color: #02234e;
		border-color: #03295c;
		}
	.tbl-btn button{transition:all 0.2s;}

	/* style */
	.tbl-btn li .radius {border-radius: 4px;}

	/* Color type */
	.tbl-btn li .org			{border-color: #f66039; background-color: #ff643c;}
	.tbl-btn li .org:hover		{border-color: #e98730; background-color: #f48d31;}
	.tbl-btn li .red			{border-color: #d35050; background-color: #e05555;}
	.tbl-btn li .red:hover		{border-color: #b43131; background-color: #bf3434;}
	.tbl-btn li .etc			{border-color: #3c4b5c; background-color: #435366;}
	.tbl-btn li .etc:hover		{border-color: #496587; background-color: #4e6c91;}

	/* size */
	.tbl-btn li .c1		{width: 160px;}
	.tbl-btn li .c2		{width: 260px;}
	.tbl-btn li .c3 	{width: 180px;}
	.tbl-btn li .c4		{width: 120px;}
	.tbl-btn li .c5		{width: 140px; padding: 0;}
	.tbl-btn li .c7		{width: 220px; padding: 0;}
	.tbl-btn li .big	{height: 70px; font-size: 21px !important; font-weight: normal !important; line-height: 68px;}

	.tbl-btn li .small {
		height: 26px;
		padding: 0 12px;
		font-size: 11px; line-height: 24px; font-weight: normal;
		}
	.tbl-btn li .small i {margin: 0 5px 3px 0; font-size: 14px; vertical-align: middle;}
	.tbl-btn li .middel {
		height: 42px;
		padding: 0 12px;
		font-size: 15px; line-height: 40px;
		}


/*----- Normal Btn style ------------------------------*/
.btn-type {
	clear: both;
	display: inline-block;
	position: relative;
	height: 45px;
	padding: 0 20px 0 20px;
	font-size: 16px; color: #fff !important; line-height: 43px; text-decoration: none !important; font-weight: bold; text-align: center; vertical-align: middle;
	border: 1px solid #272727;
	background-color: #333;
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1);
	cursor: pointer;
	}
	.btn-type.p10 {padding: 0 10px;}
	.btn-type.p15 {padding: 0 18px;}
	.btn-type:hover {
		border-color: #ff643c; 
		background-color: #f25f39;
	/*	
		border-color: #193663; 
		background-color: #1d3e71;
	*/
		box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2);
		}
	.btn-type:active {bottom: -2px;}
	.btn-type i {margin: 0 5px 2px 0;}
	.btn-type.radius {border-radius: 4px;}

	.btn-type.line {
		color: #888 !important;
		border-color: #d5d5d5 !important;
		background-color: #f9f9f9 !important;
		box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05), 0 22px 0px 0 rgba(255,255,255, 0.9) inset;
		}
	.btn-type.line:hover {
		color: #222 !important;
		border-color: #777 !important;
		background-color: #f3f3f3 !important;
		}

	/* small type */
	.btn-type.small {
		height: 30px;
		padding: 0 15px;
		font-size: 13px; line-height: 28px; font-weight: normal;
		}
	.btn-type.small i {margin-bottom: 3px; font-size: 12px; vertical-align: middle;}
	.btn-type.small.line {box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05), 0 15px 0px 0 rgba(255,255,255, 0.9) inset;}
	.btn-type.small2 {
		height: 25px;
		padding: 0 10px;
		font-size: 12px; line-height: 23px; font-weight: normal;
		box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05), 0 12px 0px 0 rgba(255,255,255, 0.9) inset;
		}
	.btn-type.small3 {
		height: 25px;
		padding: 0 10px;
		font-size: 12px; letter-spacing: -0.5px; line-height: 23px; font-weight: normal;
		}
	.btn-type.small4 {
		height: 22px;
		padding: 0 8px;
		font-size: 11px; letter-spacing: -0.5px; line-height: 20px; font-weight: normal;
		}
	.btn-type.middel {
		height: 42px;
		padding: 0 12px;
		font-size: 15px; line-height: 40px; font-weight: normal;
		}
	
	.btn-type.None {bottom: 0; cursor: default;}

	/* Color type */
	.btn-type.gray			{border-color: #a4acb4; background-color: #acb4bc;}
	.btn-type.gray:hover	{border-color: #676767; background-color: #777;}
	.btn-type.gray2			{border-color: #3c3c3c; background-color: #474747;}
	.btn-type.gray2:hover	{border-color: #ff643c; background-color: #f25f39;}
	.btn-type.org			{border-color: #f66039; background-color: #ff643c;}
	.btn-type.org:hover		{border-color: #e98730; background-color: #f48d31;}
	.btn-type.red			{border-color: #d35050; background-color: #e05555;}
	.btn-type.red:hover		{border-color: #b43131; background-color: #bf3434;}
	.btn-type.purple		{border-color: #423b80; background-color: #49418e;}
	.btn-type.purple:hover	{border-color: #5c50c5; background-color: #6356d3;}
	.btn-type.etc			{border-color: #3c4b5c; background-color: #435366;}
	.btn-type.etc:hover		{border-color: #496587; background-color: #4e6c91;}

	/* Btn Resize */
	.btn-type.w700	{width: 700px;}
	.btn-type.w1	{padding: 0 25px;}
	.btn-type.w2	{width: 150px; padding: 0;}
	.btn-type.w3	{width: 110px; padding: 0;}
	.btn-type.w140	{width: 140px; padding: 0;}
	.btn-type.w250	{width: 250px; padding: 0;}
	.btn-type.h26	{height: 26px; line-height: 24px;}
	.btn-type.h30	{height: 30px; line-height: 28px;}
	.btn-type.h38	{height: 38px; line-height: 36px;}
	.btn-type.h42	{height: 42px; line-height: 40px;}
	.btn-type.h55	{height: 55px; line-height: 54px;}
	.btn-type.h60	{height: 60px; line-height: 58px;}


/*----- table inner ------------------------------*/
.tbl-inBtn {
	display: inline-block;
	position: relative;
	height: 42px;
	padding: 0 16px 0 16px;
	font-size: 14px; color: rgba(255,255,255, 0.9); letter-spacing: -0.5px; line-height: 40px; text-decoration: none !important; font-weight: normal; text-align: center; vertical-align: middle;
	border-radius: 3px;
	background-color: #6a727c;
	cursor: pointer;
	z-index: 2;
	}
	.tbl-inBtn:hover {color: #fff; background-color: #f25f39;}
	.tbl-inBtn:active {bottom: -2px;}
	.tbl-inBtn.red {background-color: #cc2f2f;}
	.tbl-inBtn.red:hover {
		color: #fff;
		background-color: #e05555;
		}
	

/*----- ÄÜÅÙÃ÷ ¿­¶÷ Á¦ÇÑ°ü·Ã(2024-11-08) ------------------------------*/
.comm-cnt-cntViewLv {
	position: relative;
	min-height: 900px; max-height: 1500px; 
	overflow: hidden;
	user-select: none; user-drag: none;
	}
	.comm-cnt-cntViewLv::after {
		content: ""; position: absolute; bottom: 0; left: 0; right: 0;
		height: 200px;
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);
		}
	.comm-cnt-cntViewLv.charge {min-height: none; max-height: none; overflow: visible; user-select: auto; user-drag: auto;}
		.comm-cnt-cntViewLv.charge::after {display: none;}
	
	.comm-cnt-cntViewLvBtn {
		display: flex; justify-content: center; align-items: center; 
		position: absolute; bottom: 0; left: 10px; right: 10px;
		height: 60px;
		font-size: 115%; color: #fff !important; line-height: 100%; text-decoration: none !important;
		border-radius: 8px;
		background: #666;
		box-shadow: 0 -3px 3px 0 rgba(0,0,0, 0.2);
		transition: all 0.2s;
		z-index: 10;
		}
		.comm-cnt-cntViewLvBtn:hover	{bottom: 3px; background: #777;}
		.comm-cnt-cntViewLvBtn i		{margin: 0 0 1px 10px; font-size: 140%;}
		.comm-cnt-cntViewLvBtn.post		{margin-bottom: 80px;}
		.comm-cnt-cntViewLv.charge > .comm-cnt-cntViewLvBtn {display: none !important;}