﻿


		
/* 섹션 */
#section{width: 1400px; margin: 0 auto; }

/* lnb 메뉴 부분 */
#ssLnb{width: 300px; height: 1000px; letter-spacing:-1px;}
	#section #ssLnb>h2{height: 100px; margin-top: 10px;  color: #3b6cca; font-size: 34px; font-weight: 100; background: url(../../images/lnb_bg.gif) no-repeat 7px 80px; padding:20px 0; text-indent:10px;}
	#ssSideMenu{width: 300px; margin-top: 20px; letter-spacing: -1px;}
	#ssSideMenu>ul>li{height: 60px; width: 290px; transition: height 0.8s; overflow:hidden;  border-bottom: 1px solid #e4e4e4; margin-left:8px; background: url(../images/plus_button.gif) no-repeat 270px center;}
	#ssSideMenu>ul>li a{display: block; width:100%; font-size: 18px; line-height: 60px; color: #666666; padding:0 0 0 30px; font-weight: bold;}
	#ssSideMenu ul li ul li a{display: block; width: 290px; height: 60px; font-size: 18px; line-height: 60px; color: #666666; background: url(../images/lnb_bg_bar.gif) no-repeat 10px center; background-color:#f2f2e5; padding-left:30px; font-weight: normal;}
	#ssSideMenu>ul>.current>a{background-color:#608ee6; color: white;}
	#ssSideMenu>ul>.current>ul>li>.current{text-decoration: underline; color: #666666; font-weight: bold;}
	
	/* lnb메뉴 호버 */
	#ssSideMenu>ul>.onlyTap:hover{height: 200px;}
	#ssSideMenu>ul>.onlyTap:hover>a{background-color:#608ee6; color: white;}
	#ssSideMenu>ul>.onlyTap>ul>li>a:hover{text-decoration: underline; color: #111111; }
	
	#ssRnb{width: 1064px; margin-top: 10px; margin-left: 35px;}
	.ssContentHeader{width: 1064px; /* background-color:#ffffff; */}
		.ssTitleSection{width: 1064px; height:86px; border-bottom: 16px solid #dddddd;}
		.ssTitleSection>h2{font-size: 34px;font-weight: normal;margin-right: 258px;color: #444444;margin-top: 17px;letter-spacing:-1px;}
		.ssTitleSection>h2:before{content: " ";float: left;width: 8px;height: 8px;background: #608ee6;margin-top: 25px;margin-right: 16px;		margin-left: 2px;}
		.ssTitleSection>a>img{margin-top:30px; margin-left:6px; float: right;}
	.headerSection>p{margin-top: 15px;}
	.headerSection>p a{font-size: 16px; font-weight: bold;  text-transform: uppercase; color:#666666;}
	.headerSection>p a.choose{color: #333333;}
	.headerSection>p a:after{content: ' > '; margin-right:10px;}
	.headerSection>p>a.choose:after{content: '';}
	.snslast{margin-right:10px;}

.board {width: 1064px; margin-top: 60px; color: #666666;}
.listed{width: 1064px; border-bottom: 1px solid #848484;}
.column{width: 1064px; height: 80px; }
.column:hover{background-color:#f9f9f9;}
.column:hover .Q{background-color:#ffffff;}
.Q{width: 60px; line-height: 80px; height: 100%; text-align:center; border-right: 1px solid #dddddd; }
.category{width:160px; height: 80px; line-height: 80px; text-align: center; border-right: 1px solid #dddddd;}
.titleName{width: 570px; height: 80px; line-height: 80px; padding-left: 30px; border-right: 1px solid #dddddd; cursor:pointer; text-overflow: ellipsis;}
.plusButton{width: 70px; height: 80px; line-height: 80px; text-align: center; font-weight:bold;}
.plusButton>a{padding: 50px;}
.boardsFooter{width: 1064px; height: 145px; text-align: center; line-height: 120px;}
.boardsFooter>.boardsIndex>a{padding-left: 13px; padding-right: 13px; color: #666666;}
.boardsFooter>.boardsIndex>a:hover{font-weight: bold; color: #aaaaaa;}
.boardsFooter>.boardsIndex>a:first-child{font-weight: bold;}
.boardsFooter>.boardsIndex>a:last-child{font-weight: bold;}
.video{background-color: #ce0e7a;color: #ffffff; border-radius:7px; padding: 4px 7px;margin-left: 18px; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:1px; text-shadow:1px 1px 1px #65073a;box-shadow:0px 1px 1px #a30c5f;}

.image{ background-color:#5aa3b2; color: #ffffff; border-radius:7px; padding: 4px 7px;margin-left: 18px; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:1px; text-shadow:1px 1px 1px #305e67;box-shadow:0px 1px 1px #305e67;}
.select{ color: red; font-weight: bold;}
.search{margin-top:-120px;}
.searchTitle{margin-top:-120px;}
.searchInput{width: 150px; padding: 7px; border: 1px solid #dddddd; color: #666666;}
.searchCategory{width: 130px; padding: 7px; border: 1px solid #dddddd; color: #666666;}
.searchImage{width: 25px; margin-left: 10px; position: relative; top:5px;}
.date{width: 90px; height: 80px; border-right: 1px solid #dddddd; text-align: center; line-height: 80px;}
.view{width: 70px; height: 80px; border-right: 1px solid #dddddd; text-align: center; line-height: 80px;}
.boardsCategory{width: 1064px; height: 50px; border-bottom:1px solid #848484; border-top:1px solid #848484;}
.boardsCategory>.boardsCategoryHeight{height:50px; line-height: 50px; font-weight: bold; text-align: center;}

.fr{float:right;}
.fl{float:left;}
.cf:after{content:''; display: block; clear: both;}

/* 클릭시 글 나오게 트랜지션 */
.texts{width: 1064px; background-color: #ffffff; overflow:hidden; vertical-align:middle; height: 100%; border-bottom: 1px solid #cccccc; display: none;}
.opened {display: block;}
.listed input{display: none;}

div>.Q_Line{width :60px; display: block; text-align: center; margin-top: 50px; font-weight: bold;}
.actualContent{font-size:15px ;width: 798px; background-color: #f9f9f9; display: block; padding: 30px  174px  30px  30px ; line-height:2; border-left: 1px solid #dddddd;}

.actualContent span{display:block;}
.actualContent span a{text-decoration:underline; font-weight:bold;}
.line1{padding-bottom:15px;}
.line2{padding-left:15px;}


