@charset "utf-8";

/* COL Division (Only GCMS) */
.col			{box-sizing:content-box; box-sizing:border-box; position:relative; min-height:1px; padding:0px;}
.col.d-1		{width:calc(10% - 10px) !important;}
.col.d-2		{width:calc(20% - 10px) !important;}
.col.d-3		{width:calc(30% - 10px) !important;}
.col.d-4		{width:calc(40% - 10px) !important;}
.col.d-5		{width:calc(50% - 10px) !important;}
.col.d-6		{width:calc(60% - 10px) !important;}
.col.d-7		{width:calc(70% - 10px) !important;}
.col.d-8		{width:calc(80% - 10px) !important;}
.col.d-9		{width:calc(90% - 10px) !important;}
.col.d-10		{width:100% !important;}

@media screen and (max-width:980px) {
	.col.d-1, .col.d-2, .col.d-3, .col.d-4, .col.d-5, .col.d-6, .col.d-7, .col.d-8, .col.d-9, .col.d-10	{width:100% !important;}
}


/* Password Box */
.passwordBoxWRAP				{display:inline-block; width:100%; margin:15px 0px; text-align:center;}
.passwordBox					{width:100%; max-width:400px; margin:1% auto 0px auto; padding:20px; background-color:#FFF; border:1px solid #DDD; border-radius:10px;}

/*******************************************************************************************************************************************
*	UL BOARD
*******************************************************************************************************************************************/
/* Board Type UL List */
.BTUL 							{display:inline-block; width:100%; margin:15px 0px;}
.BTUL > li						{font-size:14px; padding:10px 10px; border-bottom:1px solid #EEE; text-align:left;}
.BTUL > li:first-child			{margin-top:0;}
.BTUL > li > a					{display:block; position:relative; padding:0px; font-size:14px; font-weight:500; color:#414141;}
.BTUL > li > a:after			{content:''; clear:both; position:absolute; transition:all 0.2s; top:calc(50% - 7px); right:5px; width:10px; height:10px; border:2px solid #999; border-top:none; border-right:none; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.BTUL > li > a:hover:after		{right:0px; border-color:#eb3300;}
.BTUL > li > a .tit				{position:relative; display:inline-block; width:calc(100% - 40px); padding-right:20px; font-size:0; box-sizing:border-box; display:inline-block; font-size:16px; font-weight:500; color:#111; line-height:1.73; overflow:hidden; text-overflow:ellipsis;}
.BTUL > li > a .tit.edu			{font-size:16px; font-weight:700;}


/* Board Type UL List (Down View) */
.BTUL > li > a.down_view		{padding:5px 0; box-sizing:border-box;  text-overflow:ellipsis; overflow:hidden;}
.BTUL > li > a.down_view:after	{content:''; clear:both; position:absolute; transition:all 0.2s; top:; right:5px;-ms-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%); width:10px; height:10px; border:2px solid #999; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.BTUL > li.on > a.down_view:after{-webkit-transform: rotate(135deg); transform: rotate(135deg); border-color:var(--IDTcolor);}
.BTUL > li.on > a.down_view		{color:#000;}
.BTUL > li > .view				{display:none; padding:24px 20px; background-color:#F2F2F2; border-radius:5px; font-size:14px; color:#555; line-height: 1.73;}
.BTUL > li > .view img			{max-width:100%;}


/* FAQ TAB */
.faqTab						{font-weight:700; padding:20px; box-sizing:border-box; border-bottom:1px solid #EAEAEA; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between;}
.faq_item a.on				{color:#eb3300;}

@media (max-width:997px) {
	.faqTab					{margin-top:20px; padding:0; -webkit-flex-flow:wrap; -moz-flex-flow:wrap; -ms-flex-flow:wrap; flex-flow:wrap}
	.faq_item				{flex:1 0 25%; text-align:center; border-top:1px solid #EAEAEA; border-right:1px solid #EAEAEA; box-sizing:border-box; padding:12px 0; font-size:12px}
	.faq_item:nth-child(4n) {border-right:none}
}


/* Board Type UL View */
.BTUV						{display:inline-block; width:100%; margin:15px 0px; text-align:left;}
.BTUV_header				{padding:20px 0px 20px 0; border-bottom:1px solid #eee;}
.BTUV_header > p.tit		{display:inline-block; max-width:calc(100% - 10px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#333; font-weight:700;}
.BTUV_content				{padding:20px; font-size:14px;} 
.BTUV_content img			{display:inline-block; margin-top:20px; max-width:100%; height:auto; text-align:center;}

.BTUV_addFile				{line-height:20px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#f9f9f9; padding:10px 20px; margin-bottom:10px;}
.BTUV_addFile .addFile_list	{width:100%;}
.BTUV_addFile .addFile_list>li	{line-height:26px;}
.BTUV_addFile .fidx			{display:inline-block; width:60px; margin-right:20px;}

@media (max-width:997px) {
	.BTUV_content	{padding:20px 0px; font-size:13px;} 
}

.view_add_file {margin-top:20px;}
.view_add_file ul li {margin-bottom:10px;}
.view_add_file ul li:last-child {margin-bottom:0;}
.view_add_file a {display:block;}
.view_add_file dl {display:table; table-layout:fixed; width:100%; height:46px; padding:0 12px; border-radius:8px; background-color:#f6f6f6; box-sizing:border-box;}
.view_add_file dl dt {display:table-cell; width:43px; font-size:12px; color:#333; font-weight:700; vertical-align:middle;}
.view_add_file dl dd {position:relative; display:table-cell; /*width:calc(100% - 43px);*/ padding-left:8px; padding-right:42px; font-size:12px; color:#555; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.view_add_file dl dd:after {content:''; position:absolute; top:50%; right:0; transform:translate(0, -50%); display:block; width:26px; height:26px; border-radius:5px; background:url('../images/template/icon_arrow_down11.png') center center no-repeat; background-size:26px auto;}
.ie11 .view_add_file dl dd:after {margin-top:12px;}

/* Board Type UL Write */
.BTUW 							{display:inline-block; width:100%; margin:15px 0px;}
.BTUW li						{padding:0px; text-align:left; margin:20px 0;}
.BTUW li:first-child			{margin-top:0;}

/*서브메뉴 신버젼*/
.inBox					{display:inline-block;  width:100%; margin:25px auto; box-sizing:border-box;}

.ICL						{display:inline-block; position:relative; width:100%; margin:20px auto;}

/* Header */
.ICL_head					{display:inline-block; width:100%; margin:0; padding:12px 16px 12px 7px; color:#333; /*border-top:1px solid #444; background:#fafafa;*/}
a.sellers					{position:relative; display:inline-block; color:#111; font-size:14px; font-weight:700; margin-left:5px;}
a.sellers:hover				{text-decoration:none; color:#eb3300;}

.orderbox_group .ICL_head	{display:inline-block; width:100%; margin:0; padding:12px 16px 12px 0px; color:#333;}
.orderbox_group a.sellers	{margin-left:0px;}

	
.ICL_tbl					{width:100%; border-spacing:0; border-collapse:collapse; margin-bottom:20px;}
.ICL_tbl table				{width:100%; border:0; border-top:1px solid #A9A9A9; border-bottom:1px solid #DDD; table-layout:fixed; margin-bottom:10px;}
.ICL_tbl thead th			{text-align:center; font-size:12px; padding:10px 0 10px; color:#999; background:#F8F8F8; border-left:1px solid #DDD; border-bottom:1px solid #d8d8d8; letter-spacing:-1px;}
.ICL_tbl tbody td			{padding:0; border-left:1px solid #ebebeb; text-align: center;}
.ICL_tbl thead th:first-child, tbody td:first-child, tbody td:nth-child(2), thead th.thmerger	{border-left:none;}

.ICL_tbl tbody td.chk		{padding-top:15px; vertical-align:top;}
.ICL_tbl tbody td.chk + td div.iteminfo	{padding-left:107px;}
.ICL_tbl tbody td.brdnone	{border-left:none !important;}
.ICL_tbl tbody td.chk		{left:0;}
.ICL_tbl tbody td .RTC_txt	{display:none;}

@media screen and (max-width:997px){ 
	.ICL_head						{padding:12px 16px 12px 0px;}

	.ICL_tbl colgroup,
	.ICL_tbl thead					{display:none;}
	
	.ICL_tbl tbody td				{display:block;position:relative; padding:5px 0; border-top:1px solid #EEE; border-left:none; text-align:left;}
	.ICL_tbl tbody td:first-child	{display:table-cell; width:25px; text-align:left; border-top:none !important;}
	.ICL_tbl tbody td.chk			{padding-top:21px; vertical-align:top;}
	
	.ICL_tbl tbody td .RTC			{float:right; position:absolute; top:50%; right:0; transform:translateY(calc(-50% + 0.5px)); text-align:right; padding-left:100px;} /* Responsive Table Control : 2019.0812 - FUNNY */
	
	.ICL_tbl tbody td:before				{padding:10px 0px; display:inline-block; width:100px; font-size:12px;}
	.ICL_tbl tbody td:nth-child(2)			{/*border-top:1px solid #DDD !important; margin-top:15px;*/}
	.ICL_tbl tbody td:nth-child(3):before	{content:"수량";}
	.ICL_tbl tbody td:nth-child(4):before	{content:"상품금액";}
	.ICL_tbl tbody td:nth-child(5):before	{content:"배송비";}
	.ICL_tbl tbody td .RTC_txt				{display:inline-block; font-size:12px; padding:10px; text-align:left; width:calc(60% - 12px);}
}

.order_completed		{position:relative; padding:30px 0 30px; text-align:center;}
.delivery_excuse		{margin:20px 0px; padding:15px; border:1px solid #EDEDED; border-radius:4px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.sum_total					{box-sizing:content-box; box-sizing:border-box; width:100%; position:relative; background:#FFF; margin:20px auto; padding:0 10px; border-top:1px solid #BBB; border-bottom:1px solid #BBB;}
.sum_total li				{position:relative; padding:5px 0; border-top:1px dashed #D5D5D5; color:#777; font-size:13px; font-weight:500; line-height:36px;}
.sum_total li:first-child	{border-top:0px;}


/* Responsive Board List : 2020.02.22 */
.RBL							{display:inline-block; width:100%;}
.totalNum						{padding-bottom:15px; font-size:14px;}

.RBL_wrap						{display:table; width:100%; table-layout:fixed;}
.RBL_head						{display:table-header-group; }
.RBL_head span					{display:table-cell; text-align:center; background:#f4f4f4; color:#343434; font-weight:500; font-size:14px; letter-spacing:-0.5px; padding:20px 0; border-top:1px solid #333; border-bottom:1px solid #ddd;}
.RBL_body						{display:table-row; width:100%;}
.RBL_body:hover					{background:#f4f4f4;}
.RBL_body .column				{display:table-cell; vertical-align:middle; padding:15px 0; color:#000; font-size:14px; text-align:center; border-bottom:1px solid #EEE;}

.RBL_body .title_wrap			{text-align:left;}
.RBL_body .title_wrap a			{display:block; position:relative; padding:0 60px 0 0; color:#000;}
.RBL_body .title_wrap a:hover	{color:#000; text-decoration:underline}

.RBL_body .viewBTN				{font-size:13px; font-weight:500; color:#FFF; padding:3px 7px; border-radius:26px; text-decoration:none}

.subject_wrap					{display:inline-block; position:relative; max-width:100%;}
.subject_wrap .subject_txt		{display:inline-block; padding-right:5px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:400; line-height:18px; vertical-align:middle;}
.subject_wrap .subject_icon		{position:absolute; left:100%; top:calc(50% - 10px); width:60px; height:18px; text-align:left; display:inline-block;}
.subject_wrap .subject_icon i	{display:inline-block; color:#999; vertical-align:middle;}


@media all and (max-width:997px){
	.RBL_wrap					{border-top:1px solid #666;}
	.RBL_wrap,.RBL_body,
	.RBL_body .column			{display:block;}
	.RBL_head					{display:none;}
	.RBL_body					{position:relative; width:100%; border-bottom:1px solid #ddd; overflow:hidden;}
	.RBL_body .column			{clear:both; border-bottom:0; text-align:left; padding:8px 0; font-size:13px;}
	.RBL_body					{padding:15px 10px}
	.RBL_body .column:not(.title_wrap):not(.nodata):before{color:#555555; display:inline-block; font-size:13px; font-weight:500; min-width:70px; margin-right:10px; content:attr(data-label);}
	.RBL_body .column[data-label="no"]:before{padding-right:0; display:none;}

	.subject_wrap .subject_txt{font-size:14px; font-weight:500; max-height:50px; word-wrap:break-word; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap; }
}

/* Search Box */
.RBL_SchWrap					{text-align:center; background-color:#F5F5F5; padding:20px; border-top:1px solid #EEE; border-bottom:1px solid #EEE;}
.RBL_SchWrap .sch_input			{width:calc(100% - 50px); max-width:600px; height:48px; border:1px solid #ddd; border-radius:0px !important; border-right:none; padding:0; text-indent:10px; color:#868686; font-size:13px; vertical-align:middle;}
.RBL_SchWrap .sch_input:focus	{color:#000; border-width:1px 0px 1px 1px; border-color:var(--IDTcolor) transparent var(--IDTcolor) var(--IDTcolor) !important; border-style:solid; background:#FFF;}
.RBL_SchWrap .sch_btn			{margin:0px; border:0; min-width:50px; height:50px; margin-left:-4px; background:var(--IDTcolor); color:#fff; cursor:pointer;}
.RBL_SchWrap .sch_btn i			{line-height:42px; font-size:20px;}


/* Responsive Board View : 2020.02.22 */
.RBV_wrap						{display:table; width:100%; table-layout:fixed;}
.RBV_head						{padding:20px; border-top:1px solid #333; border-bottom:1px solid #ddd; background-color:#FFF;}

.RBV_head .subject_txt			{color:#282828; font-size:24px; letter-spacing:-0.3px; font-weight:400; margin-bottom:20px; line-height:32px; word-break:keep-all;}
.RBV_head .write_info dt,
.RBV_head .write_info dd		{display:inline-block; color:#333; font-size:14px; vertical-align:middle; font-weight:600}
.RBV_head .write_info dd		{margin:0 20px 0 5px; color:#888; font-weight:400}

.RBV_body						{padding:30px 20px;  border-bottom:1px solid #ddd;}
.RBV_body img					{display:inline-block; max-width:100%; height:auto; text-align:center;}


/* Responsive Basic Board Write */	
.BBSW										{width:100%; margin-bottom:20px;}
.BBSW caption								{display:none;}
.BBSW > tbody > * > *						{border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; margin:0; padding:12px 10px; vertical-align:middle; background:#FFF;}
.BBSW > tbody th							{text-align:center; background:#F8F8F8 !important;}
.BBSW > tbody > tr > th						{text-align:center; font-size:16px; font-weight:500; min-height:61px}
.BBSW > tbody > tr > td						{text-align:left; min-height:61px;}

@media screen and (max-width:997px) {
	.BBSW colgroup							{display:none;}
	.BBSW > tbody > * > *					{display:block; min-height:30px; border:0; margin:0; padding:5px; vertical-align:middle; border-bottom:1px solid #DEDEDE;}
	.BBSW > tbody > tr > th					{position:absolute; top:0; left:0; right:0; padding:0 100px 0 0px; text-align:left; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
	.BBSW > tbody > tr:first-child			{border-top:1px solid #DEDEDE;}
	.BBSW > tbody > tr						{padding-top:0; margin:0px;}
	.BBSW > tbody > tr > th					{display:none;}
	.BBSW > tbody > tr[style*="table-row"]	{display:block !important;}
	.BBSW > tbody > tr > td					{display:block; position:relative; clear:both; text-align:left; padding:10px 5px 10px 120px !important; margin:0px; min-height:56px; line-height:36px;}
	.BBSW > tbody > tr > td:before			{content:attr(data-header); font-weight:400; display:block; position:absolute; top:0; left:0; bottom:0; text-align:center; margin-right:0px; width:110px; background:#F8F8F8; padding:5px 10px; overflow:hidden; line-height:46px;}
	.BBSW > tbody > tr > td:before			{white-space:normal !important; word-wrap:break-word; word-break:keep-all;}
	.BBSW > tbody > tr > td:after			{content:attr(data-essential); position:absolute; top:3px; left:3px; bottom:0; color:#fa3a0e; font-size:12px; font-weight:700; font-style:normal;}
}

.BBSW .fidx									{display:inline-block; height:36px; line-height:32px; min-width:30px; max-width:50px; border:1px solid #DDD; background:#F2F2F2; text-align:center; font:11px/36px Roboto;}
.BBSW .li_files								{margin-bottom:3px;}
.BBSW .uploaded_name						{margin:3px 0 8px 0; display:block; font-size:12px; letter-spacing:0px; color:#888;}
.BBSW .uploaded_name a						{margin-right:5px;}

/* Add. Files */
.RBV_addfile					{line-height:20px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#f9f9f9; padding:10px 20px; margin-bottom:10px;}
.RBV_addfile					{border-top:0;}
.RBV_addfile .addfile_list		{overflow:hidden; padding-top:5px; font-size:13px;}
.RBV_addfile .addfile_list:first-child{padding-top:0;}
.RBV_addfile .addfile_list dt	{float:left; width:100px; font-weight:600; color:#333;}
.RBV_addfile .addfile_list dd	{float:left; width:70%; width:calc(100% - 100px ); margin-bottom:5px;}
.RBV_addfile .addfile_list dd a:hover{text-decoration:underline;}
.RBV_addfile .addfile_list dd i	{vertical-align:middle; font-size:15px;}

@media all and (max-width:997px){
	.RBV_head					{padding:15px;}
	.RBV_head .subject_txt		{font-size:18px; line-height:26px;}
	.RBV_head .write_info dt,
	.RBV_head .write_info dd	{font-size:12px;}

	.RBV_addfile				{padding:10px 15px;}
	.RBV_addfile .addfile_list	{font-size:12px;}
}


/* Responsive Gallery Board List : 2020.02.22 */
.RGBL							{display:inline-block; width:100%;}

.RGBL_wrap						{overflow:hidden; margin:30px -0.5%; }
.RGBL_wrap li					{float:left; width:24%; margin:0 0.5%  1% 0.5%;}
.RGBL_wrap li a					{display:block; position:relative; border:1px solid #d4d4d4; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.RGBL_wrap li a .thum_box		{position:relative; padding-top:70%; overflow: hidden;}	/* padding-top 으로 이미지의 비율 조정 */
.RGBL_wrap li a .thum			{position:absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; overflow:hidden;}
.RGBL_wrap li a .thum img		{position:absolute; top:50%; left:50%; width:100%; height:auto; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);
								-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.RGBL_wrap li a .ptxt_wrap		{padding:8% 6%;}
.RGBL_wrap li a .ptxt_wrap .psubject_txt{display:block; width:100%; text-align:center; color:#1a1a1a; font-size:16px; font-weight:500; letter-spacing:-0.6px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.RGBL_wrap li a .ptxt_wrap .gal-day	{display:block; width:100%; text-align:center; color:#6a6969; font-size:13px; font-weight:300; letter-spacing:0px;}
.RGBL_wrap li a:hover			{border-color:var(--IDTcolor); text-decoration:none;}
.RGBL_wrap li a:hover .thum img {-webkit-transform:translate(-50%, -50%) scale(1.1) rotate(0.02deg); -moz-transform: translate(-50%, -50%) scale(1.1) rotate(0.02deg); -ms-transform:translate(-50%, -50%) scale(1.1) rotate(0.02deg); -o-transform:translate(-50%, -50%) scale(1.1) rotate(0.02deg); transform:translate(-50%, -50%) scale(1.1) rotate(0.02deg);}

@media all and (max-width:997px){
.RGBL_wrap li					{float:left; width:49%; margin:0 0.5%  1% 0.5%;}
}


/* Responsive Banner Board List : 2021.09.16 */
.RBBL							{display:inline-block; width:100%;}

.RBBL_wrap						{overflow:hidden; margin:30px -0.5%;}
.RBBL_wrap li					{float:left; width:24%; margin:0 0.5%  1% 0.5%;}
.RBBL_wrap li 					{display:block; position:relative; border:1px solid #d4d4d4; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}

.RBBL_wrap li a .thum_box		{position:relative; padding-top:150px; overflow: hidden;}	/* padding-top 으로 이미지의 비율 조정 */

.RBBL_wrap li a .thum			{position:relative; height:150px;  overflow:hidden; -webkit-perspective:1200px; perspective:1200px;
								-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index:1}
.RBBL_wrap li a .thum img		{position:absolute; top:50%; left:50%; width:100%; height:auto; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0);  /* 세로 긴형 */
								-webkit-transition:opacity 0.85s, -webkit-transform 0.85s; transition:opacity 0.85s, transform 0.85s;}

.RBBL_wrap li a .detailArea		{padding:8% 4%;}
.RBBL_wrap li a .detailArea .subject{display:block; width:100%; text-align:center; color:#1a1a1a; font-size:16px; font-weight:500; letter-spacing:-0.6px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.RBBL_wrap li:hover a			{text-decoration:none; }
.RBBL_wrap li:hover				{border-width:1px; border-style:solid; border-color:var(--IDTcolor); text-decoration:none;}
.RBBL_wrap li:hover .thum img	{-webkit-transform: translate3d(-50%,-50%,80px); transform:translate3d(-50%,-50%,80px);
								-webkit-transition:opacity 0.4s, -webkit-transform 0.4s; transition:opacity 0.4s, transform 0.4s;}
.RBBL_wrap li:hover a .detailArea .subject	{color:var(--IDTcolor); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

@media all and (max-width:997px){
.RBBL_wrap li					{float:left; width:49%; margin:0 0.5%  1% 0.5%;}
.RBBL_wrap li a .thum			{height:120px;}
}

@media all and (max-width:500px){
.RBBL_wrap li a .thum			{height:80px;}
}

/* Responsive Banner Board List 3COL : 2021.09.16 */
.RBBL3							{display:inline-block; width:100%;}

.RBBL3_wrap						{overflow:hidden; margin:30px -0.5%;}
.RBBL3_wrap li					{float:left; width:32.333%; margin:0 0.5%  1% 0.5%;}
.RBBL3_wrap li 					{display:block; position:relative; border:1px solid #d4d4d4; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}

.RBBL3_wrap li a .thum_box		{position:relative; padding-top:150px; overflow: hidden;}	/* padding-top 으로 이미지의 비율 조정 */

.RBBL3_wrap li a .thum			{position:relative; height:150px;  overflow:hidden; -webkit-perspective:1200px; perspective:1200px;
								-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index:1}
.RBBL3_wrap li a .thum img		{position:absolute; top:50%; left:50%; width:100%; height:auto; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0);  /* 세로 긴형 */
								-webkit-transition:opacity 0.85s, -webkit-transform 0.85s; transition:opacity 0.85s, transform 0.85s;}

.RBBL3_wrap li a .detailArea		{padding:8% 4%;}
.RBBL3_wrap li a .detailArea .subject{display:block; width:100%; text-align:center; color:#1a1a1a; font-size:16px; font-weight:500; letter-spacing:-0.6px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.RBBL3_wrap li:hover a			{text-decoration:none; }
.RBBL3_wrap li:hover				{border-width:1px; border-style:solid; border-color:var(--IDTcolor); text-decoration:none;}
.RBBL3_wrap li:hover .thum img	{-webkit-transform: translate3d(-50%,-50%,80px); transform:translate3d(-50%,-50%,80px);
								-webkit-transition:opacity 0.4s, -webkit-transform 0.4s; transition:opacity 0.4s, transform 0.4s;}
.RBBL3_wrap li:hover a .detailArea .subject	{color:var(--IDTcolor); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

@media all and (max-width:997px){
.RBBL3_wrap li					{float:left; width:49%; margin:0 0.5%  1% 0.5%;}
.RBBL3_wrap li a .thum			{height:120px;}
}

@media all and (max-width:500px){
.RBBL3_wrap li a .thum			{height:80px;}
}


/* Responsive Catalog Board List : 2023.10.26 */
.RCBL							{display:inline-block; width:100%;}

.RCBL_wrap						{overflow:hidden; margin:30px -0.5%;}
.RCBL_wrap li					{float:left; text-align:center; width:19%; margin:0 0.5%  1% 0.5%;}
.RCBL_wrap li 					{display:block; position:relative; border:1px solid #d4d4d4; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}

.RCBL_wrap li a .thum_box		{position:relative; padding-top:60%; overflow: hidden;}	/* padding-top 으로 이미지의 비율 조정 */

.RCBL_wrap li a .thum			{overflow:hidden; -webkit-perspective:1200px; perspective:1200px;
								-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index:1}
.RCBL_wrap li a .thum img		{position:absolute; top:50%; left:50%; width:100%; height:auto; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0);  /* 세로 긴형 */
								-webkit-transition:opacity 0.85s, -webkit-transform 0.85s; transition:opacity 0.85s, transform 0.85s;}

.RCBL_wrap li a .detailArea		{padding:6% 5%;}
.RCBL_wrap li a .detailArea .subject{display:block; width:100%; text-align:center; color:#1a1a1a; font-size:16px; font-weight:600; letter-spacing:-0.6px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.RCBL_wrap li:hover a			{text-decoration:none; }
.RCBL_wrap li:hover				{border-width:1px; border-style:solid; border-color:var(--IDTcolor); text-decoration:none;}
.RCBL_wrap li:hover .thum img	{-webkit-transform: translate3d(-50%,-50%,80px); transform:translate3d(-50%,-50%,80px);
								-webkit-transition:opacity 0.4s, -webkit-transform 0.4s; transition:opacity 0.4s, transform 0.4s;}
.RCBL_wrap li:hover a .detailArea .subject	{color:var(--IDTcolor); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

@media all and (max-width:997px){
.RCBL_wrap li					{float:left; width:49%; margin:0 0.5%  1% 0.5%;}
.RCBL_wrap li a .thum			{height:120px;}
}

@media all and (max-width:500px){
.RCBL_wrap li a .thum			{height:80px;}
}


/* Board TAB */
.BoardTAB						{display:inline-block; width:100%; position:relative; margin:10px 0 5px 0; padding:0;}
.BoardTAB li					{display:inline-block; width:auto; padding:3px 4px; margin-bottom:5px; box-sizing:border-box;}
.BoardTAB li:first-child		{padding-left:0;}
.BoardTAB li a					{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:6px 20px; border-radius:2px; border:1px solid #dddddd; font-size:14px; font-weight:normal; color:#888888; text-align:center;  text-decoration:none;}

.BoardTAB li.on a, 
.BoardTAB li a:hover			{border:1px solid #002D66; background-color:#002D66; color:#fff;}


@media all and (max-width:997px) {
	.BoardTAB li				{display:inline-block; float:left; width:50%; margin:0; padding:2px; list-style-type:none;}
}

/* List Icon Control */
.list_ic_lock				{position:relative; display:inline-block; padding:1px 5px 1px 5px; margin-left:4px; background:#DDD; border:1px solid #CCC; border-radius:2px;}
.list_ic_lock:after			{content:'비공개'; color:#444; font-size:12px; font-weight:500; letter-spacing:-1px;}
.list_ic_lock i				{color:#444; font-size:12px; margin-right:3px;}

.list_ic_notice				{position:relative; display:inline-block; padding:1px 5px 1px 5px; background:#04dbf5; border:1px solid #03c2d9; border-radius:2px;}
.list_ic_notice:after		{content:'공지'; color:#FFF; font-size:12px; font-weight:500; letter-spacing:-1px;}

.list_ic_re					{position:relative; display:inline-block; padding:1px 5px 1px 3px; margin-right:4px; background:#002D66; border-radius:2px;}
.list_ic_re:after			{content:'답글'; color:#FFF; font-size:12px;}
.list_ic_re	i				{color:#FFF; font-size:12px; margin-right:3px; vertical-align:2px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

.list_ic_hot				{position:relative; display:inline-block; width:36px; height:13px; background: url(/img/icon/icon_common.png) no-repeat -50px 0px; padding:0; text-indent: -1000em; margin-left:6px;}
.list_ic_new				{position:relative; display:inline-block; width:36px; height:13px; background: url(/img/icon/icon_common.png) no-repeat -100px 0px; padding:0; text-indent: -1000em; margin-left:6px;}
.list_ic_ment				{position:relative; display:inline-block; width:36px; height:13px; background: url(/img/icon/icon_common.png) no-repeat -250px 0px; padding:0; text-indent: -1000em; margin-left:6px;}
.list_ic_vote				{position:relative; display:inline-block; width:36px; height:13px; background: url(/img/icon/icon_common.png) no-repeat -300px 0px; padding:0; text-indent: -1000em; margin-left:6px;}


/******************************************************************************************************************************************
*	일반게시판 코멘트 영역
*******************************************************************************************************************************************/
.commentWRAP				{display:block; width:100%; border:1px solid #DDD; padding:20px; border-radius:6px; text-align:justify}
.commentWRAP_countArea		{display:inline-block; width:100%; margin:10px 0 0 0; box-sizing:border-box}

.cmt_lst					{position:relative; margin-top:30px; vertical-align:top; border-top:1px solid #111;}
.cmt_lst:after				{content:'댓글'; font-size:18px; font-weight:700; color:#000; position:absolute; top:-35px}
.cmt_lst li					{padding:15px; overflow: hidden; border-bottom:1px solid #EDEDED; position:relative;}
.cmt_lst .cmt_info			{display:block; word-break:break-all; word-wrap: break-word;}
.cmt_info .cmt_contents		{display:block; margin-top:15px; line-height:22px;}

.cmt_editBtnArea			{position:absolute; top:18px; right:16px;}
.cmt_editWRAP				{display:block; width:100%;}
.cmt_editWRAP textarea		{width:100%; height:100px; margin-top:10px; padding:15px;}


@media all and (max-width:997px) {
	.cmt_lst				{position:relative; margin-top:60px; vertical-align:top; border-top:1px solid #111;}
}


/* Simple tips in each table */
.TMT						{display:inline-block; margin:5px auto !important; padding:5px 0px !important; font-size:14px; line-height:18px; letter-spacing:-0.05em; text-align:left;}/* [[THEME_COLOR]] */
.TMT i.caution:before		{content: "⚠"; font-style:normal; padding-right:4px; font-size:20px; line-height:18px;}/* [[THEME_COLOR]] */