@charset "utf-8";

/* 스타일시트 */
.box_menu a {margin: 0 0 0 0.5em;}

.box_wrap  {margin:0 auto; padding:0px 10px 0px 10px;}

.box_place {width:100%; height:100%; padding:0 10px 30px 10px; list-style:none; border-right:1px solid #e9e9e9; background:#fff;} /* border-right:1px solid #d9d9d9; */
.box_place:last-child {border:none;}

.box {margin:10px 0px 0px 0px;}
.box1 {margin:10px 0px 20px 0px; border:3px solid #eeeeee;}

.box_header {margin-bottom:8px; padding:4px 0 0 12px; width:100%; height:26px; font-size:16px; color:#3a66a2; background:#ffffff; border-bottom:1px solid #3a66a2;}
.box_header a {text-decoration:none;}
.box_header a:hover {text-decoration:underline;}

.box_content {padding:0 5px 0px 5px; width:100%; text-align:right; overflow:hidden;}

/*
.box_content li {padding:0 5px 0 5px; height:38px; border-top:1px solid #efefef; border-radius:0;}
.box_content li:first-child {border-top:none;}

.box_content li:hover {border-top:none; border-radius:10px; background:#eeeeee;}
.box_content li:hover + li {border-top:none;} 

위의 코드로 작성하면
hover로 반응시 border-top:none에 의해 1px만큼 크기가 줄어들고 움직임 발생함.
그래서 border-top:1px solid #fff으로 크기는 원래대로 두고 색상만 바꾸어 줌.
*/
.box_content li {padding:0 5px 0 5px; height:39px; 
	border-top:1px solid #ddd;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.box_content li:first-child {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.box_content li:hover {border:1px solid #ddd; border-radius:10px; background:#eeeeee;}
.box_content li:hover + li {border:1px solid #fff;}

.box_content a {text-decoration:none;}
.box_content a:hover {color:#ff0000; text-decoration:underline;}

/* 파비콘 밝기 */
.box_content li img{-webkit-filter: grayscale(0%); filter: gray;}
.box_content li:hover img{-webkit-filter: grayscale(0%); filter: none;}

/* 파비콘 사이즈 */
.box_content .fav {float:left; margin:7px 10px 0 0; padding:2px 3px 3px 3px ;}

/* 파비콘 테두리선 */
.box_content .fav {
	border:#dddddd solid 0px;
            border-radius:3px 3px 3px 3px;
       -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
}
.box_content .fav img { width:16px; height:16px; border-radius:2px; }
.box_content .wename img {width:16px; height:16px; border: 0px solid #f4f4f4; border-radius:2px; }

/* 모바일링크 */
.box_content .mweb {float:left; display:none; margin:0 0 0 0; padding:0 6px 0 1px; font-size:18px; color:#29B6F6; cursor:pointer;}
.box_content .mweb:hover {display:block; color:#29B6F6; font-weight:bold;}
.box_content .mweb:hover .fa {font-weight:bold;}
.box_content li:hover .mweb {display:block;}
.box_content li:hover .wename img {display:none;}

/* 사이트이름 */
/*
display : block 요소나 inline-block 요소 둘 다 사용 가능합니다.
white-space : nowrap은 줄바꿈 처리가 되지 않도록 합니다.
overflow:hidden은 넘치는 텍스트를 숨깁니다.
text-overflow : ellipsis 는 넘치는 텍스트를 숨긴 후 '...' 처리를 해줍니다.
*/
.box_content .wename {float:left; margin:7px 0 0 0; text-align:left}
.box_content .wename_cut {
	width:104px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.box_content .wename, 
.box_content .wename_sub {
	padding:0 0px 0 0; cursor:pointer;
	border:0;
}

.box_content .wename a, 
.box_content .wename_sub a {font-size:16px; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; letter-spacing: 0px; color:#000; text-decoration:none;}

.box_content .wename a:hover, 
.box_content .wename_sub a:hover {font-size:16px; color:#000; text-decoration:underline;}

.box_content .wename .cutname {letter-spacing:-1px}



/* 버튼 - display:inline-block; -> span에 width height 적용가능 */
.box_content .boxbtn,
.box_content .boxbtn_sm,
.box_content .boxbtn_sm_str {margin:6px 2px 0 0; padding:0px; height:27px;
    text-align:center;
    cursor:pointer;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
}
.box_content .boxbtn {width:27px;}
.box_content .boxbtn_sm {width:30px;}
.box_content .boxbtn_sm_str {width:30px;}


.box_content .wfont, 
.box_content .wfont_name {padding-top:2px;}
.box_content .wfont {font-size:10px;}
.box_content .wfont i {font-size:11px;}
.box_content .wfont_name {font-size:10px; letter-spacing:0px;}

.box_content .wfont .xi-magnifier { font-weight:bold;}

.box_content .ucf6 {background:#DCDCDC; border:#aaaaaa solid 1px}
.box_content .ucf7 {background:#D8D8D8; border:#aaaaaa solid 1px}
.box_content .ucf8 {background:#D3D3D3; border:#aaaaaa solid 1px}
.box_content .ucf9 {background:#D0D0D0; border:#aaaaaa solid 1px}

.box_content .ucf10 {background:#C8C8C8; border:#aaaaaa solid 1px}
.box_content .ucf11 {background:#C0C0C0; border:#aaaaaa solid 1px}
.box_content .ucf12 {background:#BEBEBE; border:#aaaaaa solid 1px}
.box_content .ucf13 {background:#B8B8B8; border:#aaaaaa solid 1px}
.box_content .ucf14 {background:#B0B0B0; border:#aaaaaa solid 1px}

.box_content .boxbtn:hover,
.box_content .boxbtn_sm:hover,
.box_content .boxbtn_sm_str:hover {
	color:#ffffff;
	font-weight:bold;
    background:#454955;
    border:#373A43 solid 1px;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
}
.box_content .on {display:inline-block}
.box_content .off {display:none}

.box_content .boxbtn_op {margin-right:2px; padding:0px; width:27px; height:27px; text-align:center; border-radius:0; cursor:default;}

.box_content .src_null,
.box_content .src_block,
.box_content .src_searchfall {margin-right:2px; padding:0px; width:27px; height:27px; border-radius:0; cursor:default;}


/* 서브용 */
.gubunline_solid {margin:0px 2px 4px 6px; border-top:1px solid #aaa;}
.gubunline_dashed {margin:0px 2px 4px 6px; border-top:1px dashed #aaa;}
.gubunline_dotted {margin:0px 2px 4px 6px; border-top:1px dotted #aaa;}


.ucf0 {background:#FFFFFF; border:#aaaaaa solid 1px} /* 현재 쿠키없이 */

/* .ucf0 {background:#FFFFFF; border:#d9d9d9 solid 1px} */
.ucf1 {background:#F9F9F9; border:#d9d9d9 solid 1px}
.ucf2 {background:#F3F3F3; border:#cccccc solid 1px}
.ucf3 {background:#F0F0F0; border:#bbbbbb solid 1px}
.ucf4 {background:#EFEFEF; border:#bbbbbb solid 1px}
.ucf5 {background:#E6E6E6; border:#aaaaaa solid 1px}

.ucf6 {background:#DCDCDC; border:#aaaaaa solid 1px}
.ucf7 {background:#D8D8D8; border:#aaaaaa solid 1px}
.ucf8 {background:#D3D3D3; border:#aaaaaa solid 1px}
.ucf9 {background:#D0D0D0; border:#aaaaaa solid 1px}

.ucf10 {background:#C8C8C8; border:#aaaaaa solid 1px}
.ucf11 {background:#C0C0C0; border:#aaaaaa solid 1px}
.ucf12 {background:#BEBEBE; border:#aaaaaa solid 1px}
.ucf13 {background:#B8B8B8; border:#aaaaaa solid 1px}
.ucf14 {background:#B0B0B0; border:#aaaaaa solid 1px}