@import url("default.css");
@charset "utf-8";

/* 로딩바&스피너 **************************************************************************/
.fade										{ transition: all 300ms linear 700ms; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
.fade.out									{ opacity: 0; }
#nprogress									{ pointer-events: none; }
#nprogress .bar								{ background: #F0582A; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 2px; }
/* 블러 이펙트 */
#nprogress .peg								{ display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #F0582A, 0 0 5px #F0582A; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }
#nprogress .spinner							{ display: block; position: fixed; z-index: 1000; top: 15px; right: 15px; }
#nprogress .spinner-icon					{ width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #F0582A; border-left-color: #F0582A; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; }
.nprogress-custom-parent					{ overflow: hidden; position: relative; }
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar	{ position: absolute; }

@-webkit-keyframes nprogress-spinner { 
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


.container									{ float:left; position:relative; width:100%; overflow: hidden; }

/* 상단 메뉴 **************************************************************************/
.top_wrap									{ display:block; width:100%; background:#32A8B0; }
.page_01									{ background:#E43B1A; }
.page_02									{ background:#00B0F9; }
.page_03									{ background:#5C7DE5; }
.page_04									{ background:#F24067; }
.page_05									{ background:#7E7E7E; }
.page_menu_01								{ background:#B72C11; }
.page_menu_02								{ background:#1394CA; }
.page_menu_03								{ background:#486AD7; }
.page_menu_04								{ background:#E0264F; }
.page_menu_05								{ background:#595959; }

.fixed										{ position:fixed; z-index:10; right:0; left:0; top:0; }
.slide										{ -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; }
.slide_reset								{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
.slide_up									{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
.logo										{ float:left; position:relative; width:80px; text-align:center; padding:12px 0; border-right: 1px solid rgba(0, 0, 0, 0.1);}
.menu_wrap ul li.logo_text_point			{ width:100%; color:#fff; font-size:13px; }
.menu_wrap ul li.logo_text_point span		{ font-weight:600; font-size:15px; }
.menu_wrap ul								{ float:left; width:100%; margin-right:-80px; padding-right:80px; }
.menu_wrap ul li							{ float:left; position:relative; width:25%; font-size:16px; display:inline-block; text-align:center; cursor:pointer; line-height:37px; color:#ADB8BF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-right: 1px solid rgba(0, 0, 0, 0.1);}
.menu_wrap ul li a							{ color:#ADB8BF; }
.menu_wrap .active							{ color:#ffffff; font-weight:600; letter-spacing: -1px; }
.menu_wrap .menu_bg_color					{ background:#3A4C58; }
.menu_wrap ul li:last-child					{ border:0px; }

/* 컨텐츠 *****************************************************************************/
.main_content_wrap							{ float: left; position:relative; width:100%; height:100%; padding:70px 0 0 0; }
.content_wrap								{ float: left; position:relative; width:100%; padding:70px 0 0 0; }
.content_box								{ position:relative; width:1200px; margin:0 auto; }

/*메인*/
.text_menu									{ width:100%; text-align:center; padding:30px 0 20px 0; }
.main_button_box							{ width:100%; }
.main_button_box li							{ float: left; width:50%; padding:10px; cursor:pointer; }
.main_button_box li img						{ width:100%; }
.main_button_box .main_menu_2				{ width:50%; }
.main_bottom								{ float:fixed; position: absolute; width:100%; height:50px; bottom:0; z-index:100; background:url( ../img/main/bottom_bg.png ) no-repeat center bottom; background-size:100% 100%; }
.bottom_img									{ position: absolute; top:-100px; left:50px; }
.bottom_img img								{ width:200px; }

/*서브 리스트*/
.list_type_wrap								{ position:relative; width:100%; border-bottom:1px solid #D0D0D0; text-align:right; padding:15px; }
.list_type_01								{ position:relative; width:25px; height:20px; background:url( ../img/main/list_type_01.png) no-repeat center; background-size:25px 20px; padding:15px; margin-left:10px; cursor:pointer; }
.list_type_01_active						{ position:relative; width:25px; height:20px; background:url( ../img/main/list_type_01_active.png) no-repeat center; background-size:25px 20px; padding:15px; margin-left:10px; }
.list_type_02								{ position:relative; width:25px; height:20px; background:url( ../img/main/list_type_02.png) no-repeat center; background-size:25px 20px; padding:15px; margin-left:10px; cursor:pointer; }
.list_type_02_active						{ position:relative; width:25px; height:20px; background:url( ../img/main/list_type_02_active.png) no-repeat center; background-size:25px 20px; padding:15px; margin-left:10px; }
.list_wrap									{ float: left; position:relative; width:100%; border-bottom:1px dashed #D0D0D0; padding:10px; cursor:pointer; }
.list_wrap:hover							{ background:#F3F3F3; }
.list_wrap:nth-child(odd)					{ background:#FAFAFA; }
.list_wrap:nth-child(odd):hover				{ background:#F3F3F3; }
/*리스트 하단에 페이징에 때문에 그 위에놈 이 마지막놈*/
.list_wrap:nth-last-child(2)				{ border:0px; }
.list_wrap .list_title						{ color:#5F6167; font-size:17px; margin-top:2px; max-height:45px; line-height:23px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.list_wrap .list_title span					{ color:#E43B1A; font-weight:600; }
.list_wrap .list_date						{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#9C9C9C; padding-top:10px; }
.list_wrap .list_date span					{ position: absolute; right:10px; color:#5F6167; }
.list_wrap .photo_wrap						{ float: left; position:relative; width:90px; height:80px; border:1px solid #D0D0D0; margin-right:10px; }

/*페이징*/
.paging_wrap								{ float: left; position:relative; width:100%; border-top:1px solid #D0D0D0; padding:20px 0; text-align:center; }
.paging_wrap li								{ display:inline-block; }
.paging_num_wrap span						{ width:30px; height:30px; line-height:30px; cursor:pointer; font-weight:600; }
.paging_num_wrap span:hover					{ background:#FAFAFA; }
.paging_num_wrap .paging_num_active			{ background:#3A4C58; color:#fff; letter-spacing:-1px; font-weight:600; }
.paging_num_wrap .paging_num_active:hover	{ background:#3A4C58; color:#fff; letter-spacing:-1px; font-weight:600; }
.paging_num_wrap .paging_prev				{ width:50px; height:30px; border:1px solid #D0D0D0; margin-right:8px; background:url( ../img/main/paging_prev.png) no-repeat center; overflow:hidden; text-indent:100%; }
.paging_num_wrap .paging_next				{ width:50px; height:30px; border:1px solid #D0D0D0; margin-left:8px; background:url( ../img/main/paging_next.png) no-repeat center; overflow:hidden; text-indent:100%; }
.paging_num_wrap .paging_prev:hover			{ background:url( ../img/main/paging_prev_active.png) no-repeat center; }
.paging_num_wrap .paging_next:hover			{ background:url( ../img/main/paging_next_active.png) no-repeat center; }
.paging_num_wrap .paging_prev_active		{ background:url( ../img/main/paging_prev_active.png) no-repeat center; }
.paging_num_wrap .paging_next_active		{ background:url( ../img/main/paging_next_active.png) no-repeat center; }


/*서브 뷰*/
.view_title_wrap							{ float: left; position:relative; width:100%; padding:10px; background:#FAFAFA; border-bottom:1px solid #D0D0D0; }
.view_title_wrap .view_title				{ color:#5F6167; font-size:20px; margin-top:5px; font-weight:600; max-height:50px; line-height:25px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.view_title_wrap .view_title span			{ color:#E43B1A; font-weight:600; }
.view_title_wrap .view_date					{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#9C9C9C; padding:5px 0; }
.view_contents_wrap							{ float: left; position:relative; width:100%; padding:10px; }
.view_contents_wrap .view_contents			{ font-size:15px; color:#5F6167; padding:10px 0; }
.view_contents_wrap img						{ float: left; position:relative; width:100%; margin:10px 0; }

.reply_wrap									{ float: left; position:relative; width:100%;  }
.reply_wrap .reply_title					{ font-size:15px; font-weight:600; border-bottom:1px solid #D0D0D0; border-top:1px solid #D0D0D0; }
.reply_wrap .reply_title div				{ position:relative; width:100%; padding:10px 0 0 8px; }
.reply_wrap .reply_title span				{ color:#E43B1A; }
.reply_wrap .icon_rereply_title				{ width:25px; height:16px; padding:16px; margin-right:3px; background:url( ../img/main/icon_rereply_title.png) no-repeat center; background-size:25px 16px; }

.reply_contents_wrap						{ float: left; position:relative; background:#FAFAFA; width:100%;  }
.reply_contents_wrap .reply_line			{ border-bottom:1px solid #D0D0D0; padding:10px;  }
.reply_contents_wrap .indent				{ float: left; width:30px; }
.reply_contents								{ display:table; }
.reply_contents span						{ font-size:13px; color:#96989E; }
.reply_contents_wrap .reply					{ padding-left:35px; }

.btn_list									{ border: 1px solid #D0D0D0; color: #5F6167; vertical-align: middle; position: relative; z-index: 1; margin:15px 10px; padding:7px 15px; }

/* 하단 사업자 */
.copyright									{ float: left; position:relative; width:100%; padding:10px 0 15px 0; text-align:center; color:#B0B0B0; font-size:12px; border-top:1px #D0D0D0 solid; margin-top:20px; margin-bottom:50px; }

.scrollup									{ position:fixed; bottom:8px; right:8px; width:30px; height:30px; background:url( ../img/main/icon_top.png ) no-repeat center -5px; padding:0 13px; background-color: rgba(0,0,0,0.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; cursor:pointer; }
.scrollup:hover								{ background-color: rgba(240,88,42,1); background-position:center -45px;  }


#banner										{position:relative !important;}				

/** 반응형 시작 스크롤 사이즈 계산 16px**/
@media only screen and ( max-width: 1216px ){
	
}



@media only screen and ( max-width: 960px ) {
	
}

/* pc 와 모바일 구분 css 시작 */
@media only screen and ( max-width: 750px ) {


}

@media only screen and ( max-width: 500px ) {
	
}