#bList a {text-decoration:none; color:#333;}
#bList a:hover {text-decoration:underline; color:#333;}

.wb-bw {word-break:break-word;} /*°Ô½ÃÆÇ º¸±â¿¡¼­ ÁٹٲÞ*/
.mw50px {min-width:50px;}

.FileA a {text-decoration:none; color:#222cb4}
.infoTop {display:none;} /*¸ð¹ÙÀÏ °¨Ãã*/
.BSearch {padding:20px 0; margin:0 0 30px; line-height:30px; text-align:center; background:#f7f7f7; padding:25px 0;}


/* »ó´Ü °øÁö ¹Ú½º */
.basicN {color:#333 !important; border:1px solid #333; padding:3px 0; line-height:20px; display:inline-block; vertical-align:middle; width:60px; font-weight:normal; text-align:center; font-size:12px;}
.basicN.type {position:absolute; top:0; left:0; z-index:1;}/* Æ÷Åä°¶·¯¸®*/


.ReArw {padding:2px 8px; 
	border:1px solid #ff7965; 
	background:#ff7965; 
	outline:none; 
	text-decoration:none; 
	color:#fff; 
	font-size:13px; 
	letter-spacing:-1px; 
	}

/* °Ô½Ã±Û Á¦¸ñ NEW*/
.SubJ > span {position:relative;}
.SubJ strong.new {
	background:#7769af; border-radius:20px; color:#fff; display:inline-block; text-align:center; 
	font-size:12px; width:20px; height:20px; line-height:20px; vertical-align:middle; 
}


/* °Ô½ÃÆÇ Ã¼Å©¹Ú½º */
.check {margin:0 0 10px;}
.check.type {display:inline-block;}
.check label {display:inline-block; width:100%;}
.check input[type="checkbox"] {opacity:0; position:absolute; top:0; left:0; cursor:pointer;}
.check span {position:relative; padding:5px 0 2px 25px;}
.check span:before {
	content:''; display:inline-block; width:18px; height:18px; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; border-radius:10%; text-align:center; margin-right:2px; transition:all 0.3s ease-out; 
}

.check input + span:before {color:#fff; border:2px solid #dfdfdf; background:#dfdfdf url('../images/cont/mark.png') center no-repeat}
.check input:checked + span:before {color:#fff; background-color:#00afe3 ; border:2px solid #00afe3 ;}

@media screen and (min-width:767px) {
	.check {margin:0;}
}

/* ±âº»Å×À̺í LIST */
.SkinA_List {table-layout:fixed;width:100%; height:auto; border-top:2px solid #222;}
	.SkinA_List thead th, .SkinA_List tbody th {padding:15px 0; border-bottom:1px solid #ddd; color:#333; font-weight:700;}
	.SkinA_List thead th a {color:#333;}
	.SkinA_List tbody td {border-bottom:1px solid #ddd; padding:15px 10px; position:relative; text-align:center;}
	.SkinA_List tbody td.SubJ > span{
		/* Á¦¸ñ ¸»ÁÙÀÓÇ¥ »ç¿ë½Ã 
		display:inline-block; 
		text-overflow:ellipsis; width:90%; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; 
		*/
	}
	.SkinA_List .TBleft {text-align:left;}
	.SkinA_List .tdLeft {text-align:left;}
	.SkinA_List .RNone {border-right:none;}
	.SkinA_List .Date {font-weight:400;}
	.SkinA_List tbody td a {text-decoration:none; color:#333; text-decoration:none; font-weight:400;}
	.SkinA_List tbody td a:hover {text-decoration:underline;}
	.SkinA_List .check {}

	.SkinA_List  tr.impB {background:#fcfcfc;}

/* Ä«Å×°í¸® ±âº» »ö»ó¾øÀ½, »ö»ó Ãß°¡ ½Ã list.php ¼öÁ¤*/
.SkinA_List .list_ct {color:#999}
.SkinA_List .list_ct i {
	display:inline-block; width:60px; font-style:normal; text-align:center; font-size:12px; 
	padding:3px 0; font-weight:normal; line-height:20px; vertical-align:middle; 
	border:1px solid #ddd; 
	}
.SkinA_List .list_ct.type i {position:absolute; top:5px; left:5px;}

.SkinA_List i.ct1 {background:#00b880;color:#fff;border:none;border-radius:20px;}
.SkinA_List i.ct2 {background:#f8776d;color:#fff;border:none;border-radius:20px;}
.SkinA_List i.ct3 {background:#3fbcd4;color:#fff;border:none;border-radius:20px;}
/*.SkinA_List i.ct4 {background:#cf77b7;}
.SkinA_List i.ct5 {background:#afafaf;}
.SkinA_List i.ct12 {background:#3fbcd4;}
.SkinA_List i.ct13 {background:#ce9261;}
.SkinA_List i.ct14 {background:#f8776d;}

.SkinA_List i.ct6 {background:#ff9249; color:#ff9249;}
.SkinA_List i.ct7 {background:#cf77b7; color:#cf77b7;}
.SkinA_List i.ct8 {background:#5088dc; color:#5088dc;}
.SkinA_List i.ct9 {background:#5ecb48; color:#5ecb48;}
.SkinA_List i.ct10 {background:#afafaf; color:#afafaf;}
.SkinA_List i.ct11 {background:#ce9261; color:#ce9261;}
*/

@media(max-width:768px) {
	.contbx img {width:100%; min-width:100% !important; height:auto !important;}
	.contbx iframe {width:100% !important; max-width:560px !important; max-height:315px !important}
	.SkinA_List.mobile {display:block; overflow:hidden;}
	.SkinA_List.mobile thead {display:none;}
	.SkinA_List.mobile tbody {text-align:left;}
	.SkinA_List.mobile tbody, .SkinA_List.mobile tbody tr, .SkinA_List.mobile tbody tr th, .SkinA_List.mobile tbody tr td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border:none;}
	.SkinA_List.mobile tbody tr {padding-top:14px; padding-bottom:14px; border:1px solid #c6c6c6; border-bottom:none; border-left:none; border-right:none;}
	.SkinA_List.mobile tbody tr:first-child {border-top-width:0;}
	.SkinA_List.mobile tbody tr:last-child {border-bottom:1px solid #c6c6c6;}
	.SkinA_List.mobile tbody tr th {padding:0; border-top-width:0; background-color:transparent; text-align:left;}
	.SkinA_List.mobile tbody tr td {border-top-width:0; text-align:left; padding:0;}
	.SkinA_List.mobile tbody tr td.SubJ {margin:0 0 10px;}
	.SkinA_List.mobile .Non {display:none;} /*¸ð¹ÙÀÏ °¨Ãã*/

	.basicN {margin:0 0 5px; font-size:12px;}
	.SkinA_List .list_ct i {margin:0 0 5px; font-size:12px;}

	.basicN.ct1 {vertical-align:middle;}
	.basicN.ct2 {vertical-align:middle;}
}

.SkinA_View {overflow:hidden; width:100%; height:auto; border-top:1px solid #2b2b2b;}
	.SkinA_View tbody th {background-color:#f9f9f9; padding:0 10px;}
	.SkinA_View tbody .title {font-weight:800; color:#333;}
	.SkinA_View tbody th.date {padding:10px 10px 20px;}
	.SkinA_View tbody th a {color:#555;}
	.SkinA_View tbody td {border-bottom:1px solid #e5e5e5; padding:20px;}
	.SkinA_View td p.check {position:relative;}
	.contbx {min-height:300px !important; vertical-align:top;}
	
	.SkinA_View tbody td .Nick {}
	.SkinA_View tbody td .Time {color:#777;}
	.SkinA_View tbody td a {color:#555;}

@media(max-width:768px) {
	.SkinA_View.mobile {display:block}
	.SkinA_View.mobile thead {display:none;}
	.SkinA_View.mobile tbody {text-align:left;}
	.SkinA_View.mobile tbody, .SkinA_View.mobile tbody tr, .SkinA_View.mobile tbody tr th, .SkinA_View.mobile tbody tr td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border:none;}
	.SkinA_View.mobile tr:nth-child(odd) {background-color:#fafafa;}
	.SkinA_View.mobile tbody tr {padding-top:14px; padding-bottom:14px; border:1px solid #c6c6c6; border-bottom:none; border-left:none; border-right:none;}
	.SkinA_View.mobile tbody tr:first-child {border-top-width:0;}
	.SkinA_View.mobile tbody tr:last-child {border-bottom:1px solid #c6c6c6;}
	.SkinA_View.mobile tbody tr th {padding:0 20px; border-top-width:0; background-color:transparent; text-align:left;}
	.SkinA_View.mobile tbody tr td {border-top-width:0; text-align:left; padding:0 20px;}
}
.Color01 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#e98900; border-radius:3px;}
.Color02 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#5e5e5e; border-radius:3px;}
.Color03 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#00679e; border-radius:3px;}
.Color04 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#f35949; border-radius:3px;}


/* ÄÚ¸àÆ® */
.ComBasic {margin-top:40px;}
.ComBasic .comment {margin-top:40px;}
	.comment div textarea {width:90%; min-height:70px;}
	.comment div.txtA {width:100%; margin-bottom:10px;}
	.comment div.btnA {}

.ComBasic .ComBTe {font-size:11px; padding:2px 5px; border:1px solid #ccc; background:#f2f2f2; color:#333; text-decoration:none; }
.ComBasic .ComBTe:hover {text-decoration:none;}
.ComBasic .ComBTe:active {border:1px solid #ccc; background:#eee;}

.ComBasic .ComBTd {font-size:11px; padding:2px 5px; border:1px solid #ccc; background:#f2f2f2; color:red; text-decoration:none; }
.ComBasic .ComBTd:hover {text-decoration:none;}
.ComBasic .ComBTd:active {border:1px solid #ccc; background:#eee;}

/* ÆäÀÌ¡ */
.BTnum {text-align:center; margin:20px auto;}
.BTnum a {text-decoration:none; color:#333; padding:0 10px;}
.BTnum a:hover {text-decoration:underline; color:#333;}

.page_num {color:#333; text-align:center; margin:2em 0 0; font-size:15px;}
	.page_num a {display:inline-block; width:30px; height:25px; text-decoration:none; color:#333; padding:0.5em; border:1px solid #ddd; margin:3px;}
	.page_num strong a {color:#ff7011 !important; border:1px solid #f7941e;}
	.page_num input, .page_num select {border:1px solid #ddd; padding:15px;}


/* ¹öÆ° */
.btnBottom {margin:20px 0; text-align:right;}
.btnSearch {height:30px; padding:1px 15px 3px; border:1px solid #333; background:#444; color:#fff;}

.basicA {padding:10px 15px; color:#333; border:1px solid #ccc; background:transparent; cursor:pointer; outline:none; border-radius:3px; min-height:30px;}
.basicA:active {border:1px solid #ccc; background:#eee;}

.basicB {padding:10px 15px; color:#fff; border:1px solid #74ad3c; background:#74ad3c; cursor:pointer; outline:none; border-radius:3px; min-height:30px;}
.basicB:active {border:1px solid #5e9429; background:#5e9429;}

.basicC {padding:10px 15px; color:#fff; border:1px solid #444; background:#444; cursor:pointer; outline:none; border-radius:3px; min-height:30px;}
.basicC:active {border:1px solid #333; background:#333;}

.BasicButton {cursor:pointer;width:auto; min-width:150px;color:#fff; font-size:17px; padding:10px 20px;border-radius:3px;border:1px solid #f3742f; background:#f3742f; color:#fff; text-decoration:none;}
.BasicButton:active {border:1px solid #e14f6c; background:#e14f6c;}

.BasicButton2 {cursor:pointer;width:auto; min-width:150px;color:#fff; font-size:17px; padding:10px 20px;border-radius:3px;border:1px solid #47c4da; background:#47c4da; color:#fff; text-decoration:none;}
.BasicButton2:active {border:1px solid #e14f6c; background:#e14f6c;}


.DiffButton {min-width:150px;font-size:17px; padding:10px 20px; color:#333; border:1px solid #d9d9d9; background:#f2f2f2; border-radius:3px; cursor:pointer; outline:none;}
.DiffButton:active {border: 1px solid #ccc; background:#eee;}

.BtnA {display:inline-block; width:65px; padding:5px 0; text-align:center; color:#333; border:1px solid #ccc; background:#f8f8f8; cursor:pointer; outline:none; border-radius:3px;}
.BtnA:active {border:1px solid #ccc; background:#eee;}

.BtnB {display:inline-block; width:65px; padding:5px 0; text-align:center; color:#fff; border:1px solid #f35949; background:#f35949; cursor:pointer; outline:none; border-radius:3px;}
.BtnB:active {border:1px solid #e03636; background:#e03636;}

.BtnC {display:inline-block; width:65px; padding:5px 0; text-align:center; color:#fff; border:1px solid #4a4c59; background:#4a4c59; cursor:pointer; outline:none; border-radius:3px;}
.BtnC:active {border:1px solid #3e3e3e; background:#3e3e3e;}


.sbasicA {/*¼öÁ¤,»èÁ¦*/cursor:pointer; width:65px; text-align:center; font-size:12px; background:#fff; border:1px solid #d9d9d9; line-height:20px; padding:3px 0; margin:0 0 5px;}
.sbasicB {/**/cursor:pointer; width:65px; text-align:center; font-size:12px; color:#fff !important; background:#43bb7e; border:1px solid #43bb7e; line-height:20px; padding:3px 0; margin:0 0 5px;}
.sbasicD {/*Àμâ, ¼ö·áÁõ¹ß±Þ µî*/cursor:pointer; width:65px; text-align:center; font-size:12px; color:#fff !important; background:#444; border:1px solid #444; line-height:20px; padding:3px 0; margin:0 0 5px;}

@media(min-width:767px) {
	.sbasicA, .sbasicB, .sbasicD {font-size:13px; margin:0;}
}

.in95 {width:95%;}
.in90 {width:90%;}
.in85 {width:85%;}
.in80 {width:80%;}
.in75 {width:75%;}
.in70 {width:70%;}
.in65 {width:65%;}
.in60 {width:60%;}
.in55 {width:55%;}
.in50 {width:50%;}
.in45 {width:45%;}
.in40 {width:40%;}
.in35 {width:35%;}
.in30 {width:30%;}
.in25 {width:25%;}
.in20 {width:20%;}

.textarea10H {height:100px;}
.Btextarea500H {min-height:300px;}
.Btextarea200H {min-height:200px;}

.InCom {padding:4px; border:1px solid #ccc;}

.sInput01 {width:90%; height:28px; padding:0 4px; border:1px solid #ccc;}
.sInput02 {width:80%; height:28px; padding:0 4px; border:1px solid #ccc;}
.sInput03 {width:70%; height:28px; padding:0 4px; border:1px solid #ccc;}
.sInput04 {width:60%; height:28px; padding:0 4px; border:1px solid #ccc;}
.sInput05 {width:50%; height:28px; padding:0 4px; border:1px solid #ccc;}
.sInput06 {width:40%; height:28px; padding:0 4px; border:1px solid #ccc;}
.sInput07 {width:30%; height:28px; padding:0 4px; border:1px solid #ccc;}
.sInput08 {width:20%; height:28px; padding:0 4px; border:1px solid #ccc;}
.sInput09 {width:10%; height:28px; padding:0 4px; border:1px solid #ccc;}



.bList input[type="text"],
.bList input[type="password"],
.bList input[type="button"],
button, select {
	width:auto;
	border:1px solid #ccc;
	height:30px; line-height:30px;
	padding:0 5px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-oppearance:none;
	border-radius:0;
	font-size:1.0em;
	vertical-align:middle;
	color:#777;
	}
.search-select {	
	height:30px; line-height:30px; 
	display:inline-block; vertical-align:top; 
	padding:0 35px 0 5px; padding /*\**/: 0 0 0 5px\9; 
	background:url("/images/cont/sel_arr.png") no-repeat center right, #fff; 
	}
.search-input {
	border:1px solid #ccc; 
	height:28px; line-height:30px; 
	display:inline-block; vertical-align:top; 
	}
select::-ms-expand {display: none;} 


/* Æ÷Åä°Ô½ÃÆÇ List */
.photoA_List {overflow:hidden;}
.photoA_List ul {list-style:none;}
.photoA_List a {text-decoration:none;}
.photoA_List a:hover {text-decoration:none !important;}
.photoA_List li {position:relative; border:1px solid #e5e5e5; box-sizing:border-box; margin:0 0 10px;}
.photoA_List li > div .check {position:absolute; bottom:10px !important; right:10px !important; z-index:9;}
.photoA_List li > div .img {overflow:hidden; display:block; height:170px; text-align:center; position:relative;}
	.photoA_List li > div .img img {
		width:100%; width:100%; min-height:170px; height:auto; 
		-webkit-transition:-webkit-transform 0.3s ease 0s; 
		-moz-transition:-moz-transform 0.3s ease 0s; 
		-o-transition:-o-transform 0.3s ease 0s; 
		transition:transform 0.3s ease 0s; 
		-webkit-transform:scale3d(1, 1, 1); 
		transform:scale3d(1, 1, 1); 
	}

	.photoA_List li:hover > div .img img {-webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1);}
	.photoA_List li:hover > div .img.type img {-webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}

.photoA_List div .text {display:table; width:100%; box-sizing:border-box; padding:10px;}
.photoA_List li .text .t1 {display:-webkit-box; font-weight:500; color:#222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.3em;}
.photoA_List li .text .t2 {font-size:14px; color:#797979; padding:10px 0; text-overflow:ellipsis; width:80%; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;}
.photoA_List li .text .t3 {padding:10px 0; font-size:14px; color:#777;}

.photoA_List.ev div .text {display:table; width:100%; box-sizing:border-box; padding:10px;}
.photoA_List.ev li .text > div {display:table-cell;} 
.photoA_List.ev li > div .text .t1 {width:92%; padding-top:.2rem; padding-left:.5rem; vertical-align:top;}
.photoA_List.ev li > div .text .t1 p {display:-webkit-box; font-weight:500; color:#222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.3em;}
.photoA_List.ev li > div .text .t2 {font-size:14px; color:#797979; padding:10px 0; text-overflow:ellipsis; width:80%; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;}
.photoA_List.ev li > div .text .t3 {padding:10px 0; font-size:12px; color:#777; font-weight:300;}

.photoA_List li > div .cate {
	display:inline-block; color:#333; background:#fff; border:1px solid #333; 
    padding:5px; 
    margin:0 0 5px 0; 
    font-size:13px; width:60px; height:15px; line-height:15px; text-align:center; 
}
.photoA_List div .text div.SP {
	display:flex; 
    width:70px; 
    height:70px; 
    padding:1rem 0.5rem; 
    align-items:center; 
    align-content:center; 
    justify-content:center; 
    text-align:center; 
    box-sizing:border-box; 
    border-radius:50%; 
    border:1px solid #16a05c; 
    color:#16a05c; 
    line-height:1.2; 
    font-weight:500; 
    word-break:keep-all; 
	font-size:0.85rem; 
}
.photoA_List div .text .SP.S01 {background:#16a05c; border:1px solid #16a05c; color:#fff;}
.photoA_List div .text .SP.S02 {background:#29cdc3; border:1px solid #29cdc3; color:#fff;}
.photoA_List div .text .SP.S03 {background:#444; border:1px solid #222; color:#fff;}

@media all and (min-width:767px){
	.photoA_List {overflow:hidden; margin-left:-2%;}
	.photoA_List li {float:left; width:31.33%; height:300px; margin:0 0 2% 2%;}
	.photoA_List li > div .img {height:160px;}
	.photoA_List li > div .img img {min-height:160px;}
	.photoA_List li > div .img.type img {margin:-90px auto 0 auto;}
	.photoA_List li > div .text {padding:20px;}
	.photoA_List li > div .text .t2 {width:70%;}
	.photoA_List li > div .cate {float:left; color:#333; border-radius:100%; margin:0 10px 0 0; width:35px; height:35px; line-height:35px;}

	.photoA_List.ev div .text {padding:15px;}
}

@media all and (min-width:1200px){
	.photoA_List li {height:370px;}
	.photoA_List li > div .img {height:250px;}
	.photoA_List li > div .img img {min-height:250px;}
	.photoA_List li > div .img.type img {margin:-80px auto 0 auto;}
	.photoA_List li > div .check {bottom:20px !important;}
	.photoA_List div .text div.SP {width:60px; height:60px;}
}