@charset "utf-8";



/* ****************** 공통 ********************** */
#mainContainer{
	
		padding-top: 150px; /*muk 메인화면 body 상단고정 바로 밑 하단부분 위쪽에 맞게 붙이기 즉 위에서 150px에 위치*/
}




@media all and (max-width:1120px){
	
	
	#mainContainer{
	
		padding-top: 150px; /*muk 메인화면 body 상단고정 바로 밑 하단부분 위쪽에 맞게 붙이기 즉 위에서 150px에 위치*/
}
	
}

@media all and (max-width:800px){
	
	#mainContainer{
	
		padding-top: 150px; /*muk 메인화면 body 상단고정 바로 밑 하단부분 위쪽에 맞게 붙이기 즉 위에서 150px에 위치*/
}
	
}

@media all and (max-width:480px){
	
	#mainContainer{
	
		padding-top: 100px; /*muk 메인화면 body 상단고정 바로 밑 하단부분 위쪽에 맞게 붙이기 즉 위에서 150px에 위치*/
}
	
}


/* ****************** 메인 비주얼 ********************** */
#mainVisual{overflow:auto; width:100%; height:330px; position:relative;  -webkit-overflow-scrolling: touch;}	/* 비주얼높이값 이미지에맞게 수정 */

.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}


/*
#mainVisual{overflow:hidden; width:100%; height:330px; position:relative; }	

.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
*/
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con{height:300px;} 
#mainVisual .slick-list,  
#mainVisual .slick-track{height:300px;}
#mainVisual .main-visual-con{padding-top:15px;}
#mainVisual .main-visual-con{width:1170px; margin:0px auto; z-index:1;}

#mainVisual .main-visual-con .slick-prev, #mainVisual .main-visual-con .slick-next{position:absolute; top:50%; margin-top:15px; width:20px; height:20px; z-index:9; font-size:0; text-indent:-9999px;}
#mainVisual .main-visual-con .slick-prev{left:0; margin-left:20px; background:url(../img/icon/main_visual_prev_btn.png) no-repeat;}
#mainVisual .main-visual-con .slick-next{right:0; margin-right:20px; background:url(../img/icon/main_visual_next_btn.png) no-repeat;}
#mainVisual .main-visual-item{height:300px;  padding-top:0px; opacity:0.15;filter:Alpha(opacity=15); -webkit-transition:opacity 1.0s;-moz-transition:opacity 1.0s;-o-transition:opacity 1.0s;-ms-transition:opacity 1.0s;transition:opacity 1.0s}
#mainVisual .main-visual-item.slick-active{opacity:1.0;filter:Alpha(opacity=100); }

/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative; width:1170px; padding-top:20px; margin:0 50px}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:100% 100% !important;
	border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; -o-border-radius:18px;
	overflow:hidden;
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-tag{position:absolute; top:0; right:30px; display:inline-block; width:100px; height:100px; background:; background-size:cover; text-align:center; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.2);}
.main-visual-tag.type2{background:url() no-repeat; background-size:cover;}
.main-visual-tag > h3{display:table; width:100%; height:100%; }
.main-visual-tag > h3 p{display:table-cell; width:100%; vertical-align:middle; font-size:20px; color:#fff; letter-spacing:-0.35px; font-weight:400;}
.main-visual-tag > h3 p b{font-size:28px; font-weight:800;}
.main-visual-tag > h3 p span{display:block; font-size:15px; color:#fff; font-weight:800; letter-spacing:-0.65px; padding-top:9px;}

@media all and (max-width:1120px){
	#mainVisual{width:auto; padding:0 15px;}
	#mainVisual .main-visual-con{width:100%;}
	#mainVisual .main-visual-con .slick-list{overflow:hidden;}
	#mainVisual .main-visual-con .slick-prev, #mainVisual .main-visual-con .slick-next{top:auto; margin-top:0; bottom:10px; width:52px; height:52px; background-color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; background-position:center center;}
	#mainVisual .main-visual-con .slick-prev{left:10px; margin-left:0;}
	#mainVisual .main-visual-con .slick-next{right:10px; margin-right:0;}
	.main-visual-item{width:auto; margin:0;}
}

@media all and (max-width:800px){
	#mainVisual{height:auto; padding:0;}
	#mainVisual .main-visual-con{padding-top:0; height:auto;}
	#mainVisual .slick-list,  
	#mainVisual .slick-track{height:auto;}
	#mainVisual .main-visual-item{height:auto; padding-top:0;}
	#mainVisual .main-visual-con .slick-prev, #mainVisual .main-visual-con .slick-next{width:37px; height:37px; background-size:15px;}
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-item .main-visual-m-img img{display:block; max-width:100%; margin:0px auto;}
	.main-visual-tag{width:55px; height:55px; top:15px; right:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);}
	.main-visual-tag > h3 p{font-size:12px;}
	.main-visual-tag > h3 p b{font-size:16px;}
	.main-visual-tag > h3 p span{font-size:11px; padding-top:5px;}
}

@media all and (max-width:480px){
	.main-visual-tag{top:5px; right:5px; width:50px; height:50px;}
	.main-visual-tag > h3 p{font-size:11px;}
	.main-visual-tag > h3 p b{font-size:14px;}
	.main-visual-tag > h3 p span{font-size:10px; letter-spacing:-1px;}
}

/* ****************** 메인 NEWS ********************** */
#mainNews{background-color:#f3f3f3; height:90px; overflow:hidden;}
.main-news-container{position:relative;}
.main-news-container > h2{float:left; max-width:214px; width:19.45%; font-size:18px; line-height:90px; color:#333; letter-spacing:-0.5px; font-weight:800;}
.main-news-container > h2 span{font-weight:800;}
.main-news-container > h2 em{color:#3389ff; font-weight:800;}
.main-news-container > h2 i{vertical-align:middle; color:#000; margin-right:10px;}
.main-news-container > .main-news-list-box{position:relative; float:left; width:80.55%;}
.main-news-list-con{padding:35px 0; padding-right:60px;}
.main-news-list-con li p, .main-news-list-con li span{display:inline-block; vertical-align:middle; font-size:12px; line-height:20px; letter-spacing:-0.25px;}
.main-news-list-con li p{max-width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#555;}
.main-news-list-con li span{font-size:10px; padding:0 6px; margin-left:10px; background-color:#3389ff; color:#fff; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px;}
.main-news-list-box .main-news-more-btn{position:absolute; right:20px; top:50%; color:#000; margin-top:-10px;}


@media all and (max-width:1120px){
	
}

@media all and (max-width:800px){
	/* ****************** 메인 NEWS ********************** */
	#mainNews{height:55px;}
	.main-news-container > h2{line-height:55px; width:50px; max-width:none;}
	.main-news-container > h2 span{display:none;}
	.main-news-container > .main-news-list-box{width:calc(100% - 50px);}
	.main-news-list-con{padding:16px 0; padding-right:15px;}
	.main-news-list-box .main-news-more-btn{right:0;}
}

@media all and (max-width:480px){
	.main-news-list-con{padding-right:0;}
	.main-news-list-box .main-news-more-btn{display:none;}
}


/* ****************** 메인 Banner ********************** */
#mainBanner{}
.main-banner-con{float:left; width:50%; position:relative; padding-top:5.2%;}
.main-banner-con > a{position:absolute; top:0; left:0; bottom:0; right:0;}
.main-banner-con > a img{max-width:100%; width:100%;}
.main-banner-con > a img.tablet, .main-banner-con > a img.m{display:none;}

@media all and (max-width:1120px){
	#mainBanner{padding:0 15px; }
	.main-banner-con{float:none; width:100%; padding-top:0;}
	.main-banner-con > a{position:static;}
	.main-banner-con > a img.pc{display:none;}
	.main-banner-con > a img.tablet{display:block; margin:0px auto;}
}

@media all and (max-width:800px){
	#mainBanner{padding:0;}
	.main-banner-con > a img.tablet{display:none;}
	.main-banner-con > a img.m{display:block; margin:0px auto;}
}

/* ****************** 메인 Board Total ********************** */
/* -------- 메인 Board Total :: right Quick Bar -------- */
#rightQuickBar{position:absolute; top:50px; left:50%; margin-left:580px; width:158px; border:1px solid #ddd; background-color:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; overflow:hidden; z-index:9;}
#rightQuickBar.fixed{position:fixed; top:10px;}
.right-quick-bar-tit{display:table; width:100%; height:79px; border-bottom:1px solid #ddd;}
.right-quick-bar-tit > h3{display:table-cell; width:100%; vertical-align:middle; text-align:left; font-weight:800; font-family:'NanumSquareRound', sans-serif;}
.right-quick-bar-tit > h3 p{padding-left:15px; font-size:18px; line-height:26px; color:#222; letter-spacing:-0.35px;}
.right-quick-bar-tit > h3 p span{color:#3389ff;}
.right-quick-bar-tit > h3 p em{display:inline-block; font-size:11px; line-height:14px;}
.right-quick-bar-list{}
.right-quick-bar-list > li{border-bottom:1px solid #ddd; }
.right-quick-bar-list > li p{position:relative; line-height:49px; padding-left:12px; font-size:13px; color:#222;}
.right-quick-bar-list > li p i{font-size:22px; vertical-align:middle; margin-right:10px;}
.right-quick-bar-list > li p .quick-new-mark{display:inline-block; position:absolute; top:50%; margin-top:-8px; right:13px; width:17px; height:17px; text-align:center; font-size:10px; color:#fff; line-height:17px; font-weight:800; letter-spacing:-0.35px; background-color:#3389ff; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}

@media all and (max-width:1480px){
	/* -------- 메인 Board Total :: right Quick Bar -------- */
	#rightQuickBar{/*left:auto; margin-left:0; right:15px; z-index:10;*/display:none;}
}

@media all and (max-width:1120px){
	/* -------- 메인 Board Total :: right Quick Bar -------- */
	#rightQuickBar{display:none;}
}

@media all and (max-width:800px){
	
}

/* -------- 메인 Board Total :: 공통 -------- */
#mainBoardWrapper{position:relative; background-color:#f3f3f3; padding:10px 0 10px; }
#mainBoardTopContainer, #mainBoardMiddleContainer{margin-bottom:20px;}
.main-board-left-box, .main-board-right-box{max-width:540px; width:49.1%;}
.main-board-left-box{float:left;}
.main-board-left-box.long-width{max-width:680px; width:61.82%;}
.main-board-right-box{float:right;}
.main-board-right-box.short-width{max-width:400px; width:36.4%;}
.main-board-comm-box{border:1px solid #e0e0e0; background-color:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; overflow:hidden;}
.main-board-comm-box.type2{background-color:#3389ff; border-color:#3389ff;}
.main-board-comm-tit{position:relative; padding:5px 19px; max-height:49px; font-family:'NanumSquareRound', sans-serif;}
.main-board-comm-tit strong{display:inline-block; font-size:16px; line-height:39px; color:#222; font-weight:800; letter-spacing:-0.25px;}
.main-board-comm-tit span{color:#3389ff;}
.main-board-comm-tit.white strong, .main-board-comm-tit.white span, .main-board-comm-tit.white .board-more-btn{color:#fff;}
.board-more-btn{float:right; line-height:39px; color:#000;}
.board-more-btn i{vertical-align:middle;}

@media all and (max-width:1120px){
	
}

@media all and (max-width:800px){
	#mainBoardWrapper{padding:15px 0 15px; border-bottom:0;}
	.main-board-left-box, .main-board-right-box,
	.main-board-left-box.long-width, .main-board-right-box.short-width{float:none; max-width:none; width:auto;}
	.main-board-left-box{margin-bottom:15px;}
	.main-board-comm-tit{max-height:24px; padding:5px 10px;}
	.main-board-comm-tit strong{font-size:12px; line-height:24px;}
	.board-more-btn{line-height:24px;}
}





































/* ****************** 메인 :: 공지사항 ********************** */
#mainNoticeCon{position:relative; margin-top:50px; margin-bottom:20px;}
#mainNoticeCon:before{position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#ddd;}
#mainBoardCon, #mainNewsCon{width:46.7%; max-width:560px;}
#mainBoardCon{float:left; padding-right:3.3%; position:relative;}
#mainNewsCon{float:right; padding-left:3.3%;}
.main-notice-comm-tit{font-weight:400; margin-bottom:40px;}
.main-notice-comm-tit.type2{margin-bottom:30px;}
.main-notice-comm-tit strong, .main-notice-comm-tit span{display:inline-block; vertical-align:bottom;}
.main-notice-comm-tit strong{font-size:19px; color:#333; font-weight:700; letter-spacing:-0.5px;}
.main-notice-comm-tit span{font-size:16px; color:#999; letter-spacing:-0.5px; margin-left:10px;}
.main-notice-comm-tit > p{float:left;}
.main-notice-comm-tit > a{border: 1px solid #ddd;position: absolute; padding:20px;right: 0;;}
.main-notice-comm-tit > a i {position:absolute; line-height:36px; bottom:2px; left:8px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.main-notice-comm-tit > a:hover i {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}



.main-notice-comm-tit2{font-weight:400; margin-bottom:40px;}
.main-notice-comm-tit2.type2{margin-bottom:30px;}
.main-notice-comm-tit2 strong, .main-notice-comm-tit2 span{display:inline-block; vertical-align:bottom;}
.main-notice-comm-tit2 strong{font-size:32px; color:#333; font-weight:500; letter-spacing:-0.5px;}
.main-notice-comm-tit2 span{font-size:16px; color:#999; letter-spacing:-0.5px; margin-left:10px;}
.main-notice-comm-tit2 > p{float:left;}
.main-notice-comm-tit2 > a{border: 1px solid #ddd;position: absolute; padding:20px;right: 40px;}
.main-notice-comm-tit2 > a i {position:absolute; line-height:36px; bottom:2px; left:8px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.main-notice-comm-tit2 > a:hover i {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}


.main-notice-comm-tit .add_btn{right:20px !important;}

@media all and (max-width:800px) {
	
	.main-notice-comm-tit{margin-bottom:5px;}
	.main-notice-comm-tit.type2{margin-bottom:10px;}
	.main-notice-comm-tit > a {padding:15px;}
	.main-notice-comm-tit > a i {font-size:20px; line-height:26px; left:5px;}
	.main-notice-comm-tit > a {right:20px;}
	
	
	
	.main-notice-comm-tit2 > a {padding:15px;}
	.main-notice-comm-tit2 > a i {font-size:20px; line-height:26px;}
	.main-notice-comm-tit2 > a {right:20px;}
	
	
	.main-notice-comm-tit .add_btn{right:0px !important;}
	
}




/* -------- 메인 :: 게시판 -------- */
.main-board-list-wrap .slick-prev, .main-board-list-wrap .slick-next{position:absolute; top:-75px; right:0; z-index:9;}
.main-board-list-wrap .slick-prev{margin-right:88px;}
.main-board-list-con{}
.main-board-list-container .main-board-list-con{margin-bottom:20px;}
.main-board-list-container .main-board-list-con:last-child{margin-bottom:10px;}
.main-board-list-con > a{display:block;}
.main-board-list-img-thum{float:left; position:relative; width:40%; padding-top:26.32%;}
.main-board-list-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; overflow:hidden;}
.main-board-list-img-thum > span img{width:100%; height:100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.main-board-list-txt-thum{float:left; width:50%;}
.main-board-list-txt-thum > div{padding-left:25px;}
.main-board-list-txt-thum > div h3{font-size:22px; line-height:30px; color:#343434; font-weight:500; letter-spacing:-0.5px; word-break:keep-all; max-height:60px; overflow:hidden; margin-bottom:7px;}
.main-board-list-txt-thum > div p{font-size:15px; line-height:22px; color:#777; letter-spacing:-1px; max-height:44px; overflow:hidden; word-break:keep-all; margin-bottom:15px;}
.main-board-list-txt-thum > div span{display:block; font-size:14px; line-height:26px; color:#797878; letter-spacing:-0.5px;}
.main-board-list-txt-thum > div span i{font-size:21px; vertical-align:middle;}
.main-board-list-con:hover .main-board-list-img-thum > span img{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.main-board-list-con:hover .main-board-list-txt-thum > div h3{color:#f39800; text-decoration:underline;}

.main-board-play-pause-btn{position:absolute; top:-3px; right:calc(3.3% + 63px); z-index:10;}
.main-board-play-pause-btn.show{display:block;}
.main-board-play-pause-btn > button{width:100%; height:100%;}
.main-board-play-pause-btn.playing .play-btn{display:none;}
.main-board-play-pause-btn.pausing .play-btn{display:block;}
.main-board-play-pause-btn.pausing .pause-btn{display:none;}

/* -------- 메인 :: 보도 및 홍보자료 -------- */
.main-news-list-wrap{margin-bottom:25px;}
.main-news-list-container{border-top:1px solid #999; padding-bottom:1px;}
.main-news-list-container .main-news-list-item{border:0 !important; border-bottom:1px solid #ddd !important;}
.main-news-list-inner{width:100%; padding:16px 0;}
.main-news-list-inner dt, .main-news-list-inner dd{float:left; }
.main-news-list-inner dt{width:90px;}
.main-news-list-inner dt h3{width:61px; height:61px; padding:2px; font-weight:400; background:#dedede;}
.main-news-list-inner dt h3 > p{height:100%; background-color:#fff; text-align:center;}
.main-news-list-inner dt h3 b, .main-news-list-inner dt h3 span{display:inline-block; width:100%; vertical-align:middle; letter-spacing:-0.2px; line-height:24px;}
.main-news-list-inner dt h3 b{font-size:24px; color:#343434; font-weight:500; padding-top:10px;}
.main-news-list-inner dt h3 span{font-size:12px; color:#666; font-weight:400;}
.main-news-list-inner dd{width:calc(100% - 90px); padding-top:6px;}
.main-news-list-inner dd h4, .main-news-list-inner dd p{max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.main-news-list-inner dd h4{font-size:18px; line-height:26px; color:#343434; font-weight:500; letter-spacing:-0.5px; margin-bottom:4px;}
.main-news-list-inner dd p{font-size:15px; line-height:22px; color:#777; letter-spacing:-0.5px;}

.main-news-list-inner dt h3,
.main-news-list-inner dt h3 b, 
.main-news-list-inner dt h3 span,
.main-news-list-inner dd h4{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.main-news-list-item:hover .main-news-list-inner dt h3{
	background: rgb(68,188,188); 
	background: -moz-linear-gradient(top, rgba(68,188,188,1) 0%, rgba(62,156,200,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(68,188,188,1) 0%,rgba(62,156,200,1) 100%); 
	background: linear-gradient(to bottom, rgba(68,188,188,1) 0%,rgba(62,156,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44bcbc', endColorstr='#3e9cc8',GradientType=0 );
}
.main-news-list-item:hover .main-news-list-inner dt h3 b,
.main-news-list-item:hover .main-news-list-inner dt h3 span,
.main-news-list-item:hover .main-news-list-inner dd h4{color:#f39800;}
.main-news-banner img{display:block; margin:0px auto; max-width:100%;}
.main-news-banner img.m{display:none;}

@media all and ( max-width: 1220px ){
	/* ****************** 메인 :: 공지사항 ********************** */
	.main-notice-comm-tit span{display:none;}

	/* -------- 메인 :: 게시판 -------- */
	.main-board-list-txt-thum > div p{margin-bottom:25px;}
}

@media all and ( max-width: 800px ){
	/* ****************** 메인 :: 공지사항 ********************** */
	#mainNoticeCon{margin-top:30px; margin-bottom:30px;}
	#mainNoticeCon:before{display:none;}
	#mainBoardCon, #mainNewsCon{float:none; width:auto; padding-left:0; padding-right:0; max-width:none;}
	#mainBoardCon{margin-bottom:40px;}
	.main-notice-comm-tit{margin-bottom:0px;}
	.main-notice-comm-tit strong{font-size:19px; line-height:35px;}
	.main-notice-comm-tit > a img{max-width:35px;}

	/* -------- 메인 :: 게시판 -------- */
	.main-board-list-wrap .slick-prev, .main-board-list-wrap .slick-next{top:-55px;}
	.main-board-list-wrap .slick-prev{margin-right:68px;}
	.main-board-list-wrap .slick-prev img, .main-board-list-wrap .slick-next img{max-width:35px;}
	.main-board-list-container .main-board-list-con:first-child{margin-bottom:20px;}
	.main-board-list-img-thum{width:45%; padding-top:32.5%;}
	.main-board-list-txt-thum{width:55%;}
	.main-board-list-txt-thum > div{padding-left:18px;}
	.main-board-list-txt-thum > div h3{font-size:13px; line-height:18px; max-height:36px; margin-bottom:15px;}
	.main-board-list-txt-thum > div p{font-size:11px; line-height:16px; max-height:48px;}
	.main-board-list-txt-thum > div span{font-size:11px; line-height:16px;}
	.main-board-play-pause-btn{top:0; right:34px;}
	.main-board-play-pause-btn > button img{max-width:35px;}

	/* -------- 메인 :: 보도 및 홍보자료 -------- */
	.main-news-list-wrap{margin-bottom:26px;}
	.main-news-list-inner{padding:8px 0;}
	.main-news-list-inner dt{width:75px;}
	.main-news-list-inner dt h3{width:48px; height:48px;}
	.main-news-list-inner dt h3 b, .main-news-list-inner dt h3 span{line-height:20px;}
	.main-news-list-inner dt h3 b{font-size:17px; padding-top:5px;}
	.main-news-list-inner dt h3 span{font-size:11px; }
	.main-news-list-inner dd{width:calc(100% - 75px);}
	.main-news-list-inner dd h4{font-size:13px; line-height:17px;}
	.main-news-list-inner dd p{font-size:11px; line-height:14px;}

	.main-news-banner img.pc{display:none;}
	.main-news-banner img.m{display:block;}
}

@media all and ( max-width: 480px ){
	/* -------- 메인 :: 게시판 -------- */
	.main-board-list-txt-thum > div{padding-left:10px;}
	.main-board-list-txt-thum > div h3{margin-bottom:10px;}
	.main-board-list-txt-thum > div p{max-height:32px; margin-bottom:10px;}
	.main-board-list-txt-thum > div span i{font-size:18px;}
}








/*메인 갤러리형*/

/* ******************   및 공지 :: 게시판  ********************** */
.board-list-wrap{max-width:1200px; margin:0px auto; padding-top:20px;}
.custom-gallery-list-con01 .gallery-list{margin: 15px -1%; *zoom:1;}
.custom-gallery-list-con01 .gallery-list:after{clear:both; display:block; content:"";}
.custom-gallery-list-con01 .gallery-list li{float:left; width:23%;  margin:0 1%  3% 1%;}
.custom-gallery-list-con01 .gallery-list li a{
    display:block; width:100%; 
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s;
    transition:all 0.2s;
}
.custom-gallery-list-con01 .gallery-list li .list-photo-con{overflow:hidden;  position:relative; display:block; width:100%; height:0; padding-top:66%;  }
.custom-gallery-list-con01 .gallery-list li .list-photo-con img{border-radius: 15px; position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; }/*muk 통계분석 페이지 이미지*/
.custom-gallery-list-con01 .gallery-list li .list-info-con{
    width:94%; padding:5px 3%; letter-spacing:-0.5px;
    -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; 
}
.custom-gallery-list-con01 .gallery-list li .list-info-con .list-tit{
    display:block; color:#333; font-size:20px; line-height:26px; font-weight:500; padding-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    -moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;
}
/*.custom-gallery-list-con01 .gallery-list li .list-info-con p{overflow:hidden; height:60px; color:#777; font-size:14px; font-weight:400; line-height:20px; margin-bottom:25px;}*/
.custom-gallery-list-con01 .gallery-list li .list-info-con p{overflow:hidden; height:20px; color:#777; font-size:14px; font-weight:400; line-height:20px; margin-bottom:1px;}/*muk 통계분석 업데이트 글자 위로*/
.custom-gallery-list-con01 .gallery-list li .list-info-con .list-day{color:#aaa; font-size:13px; }
.custom-gallery-list-con01 .gallery-list li .list-info-con .list-day i{vertical-align:middle; font-size:18px;}
.custom-gallery-list-con01 .gallery-list li a:hover .list-info-con {    }
.custom-gallery-list-con01 .gallery-list li a:hover{
   
}
.custom-gallery-list-con01 .gallery-list li a:hover .list-photo-con img{
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.custom-gallery-list-con01 .gallery-list li a:hover .list-tit{color:#f39800}

 
@media all and (max-width:1220px){
   /* ******************  투자정보 및 공지 :: 게시판  ********************** */
    .custom-gallery-list-con01 .gallery-list li{width:31.33%;}
    .custom-gallery-list-con01 .gallery-list li .list-info-con .list-tit{font-size:15px; line-height:20px;}
    .custom-gallery-list-con01 .gallery-list li .list-info-con p{height:42px; font-size:13px; margin-bottom:15px;}
    .custom-gallery-list-con01 .gallery-list li .list-info-con .list-day{font-size:11.5px;}
}
@media all and (max-width:800px){
    /* ******************  투자정보 및 공지 :: 게시판  ********************** */
    .custom-gallery-list-con01 .gallery-list li{width:48%;}
    .custom-gallery-list-con01 .gallery-list li a .gallery-txt-con .gal-tit{font-size:14px;}
    .custom-gallery-list-con01 .gallery-list li .list-info-con p{font-size:12px;}
}












/*메인 갤러리형 작은거 */
/* ******************   및 공지 :: 게시판  ********************** */
.board-list-wrap{max-width:1200px; margin:0px auto; padding-top:20px;}
.custom-gallery-list-con01-mini .gallery-list{margin: 15px -1%; *zoom:1;}
.custom-gallery-list-con01-mini .gallery-list:after{clear:both; display:block; content:"";}
.custom-gallery-list-con01-mini .gallery-list li{float:left; width:14.5%;  margin:0 1%  3% 1%;}
.custom-gallery-list-con01-mini .gallery-list li a{
    display:block; width:100%; 
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s;
    transition:all 0.2s;
}
.custom-gallery-list-con01-mini .gallery-list li .list-photo-con{overflow:hidden;  position:relative; display:block; width:100%; height:0; padding-top:66%;  }
.custom-gallery-list-con01-mini .gallery-list li .list-photo-con img{position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; }
.custom-gallery-list-con01-mini .gallery-list li .list-info-con{
    width:94%; padding:20px 3%; letter-spacing:-0.5px;
    -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; 
}
.custom-gallery-list-con01-mini .gallery-list li .list-info-con .list-tit{
    display:block; color:#333; font-size:20px; font-weight:500; padding-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    -moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;
}
.custom-gallery-list-con01-mini .gallery-list li .list-info-con p{overflow:hidden; height:60px; color:#777; font-size:14px; font-weight:400; line-height:20px; margin-bottom:25px;}
.custom-gallery-list-con01-mini .gallery-list li .list-info-con .list-day{color:#aaa; font-size:13px; }
.custom-gallery-list-con01-mini .gallery-list li .list-info-con .list-day i{vertical-align:middle; font-size:18px;}
.custom-gallery-list-con01-mini .gallery-list li a:hover .list-info-con {    }
.custom-gallery-list-con01-mini .gallery-list li a:hover{
   
}
.custom-gallery-list-con01-mini .gallery-list li a:hover .list-photo-con img{
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.custom-gallery-list-con01-mini .gallery-list li a:hover .list-tit{color:#3e9bc8}
 
@media all and (max-width:1220px){
   /* ******************  투자정보 및 공지 :: 게시판  ********************** */
    .custom-gallery-list-con01-mini .gallery-list li{width:31.33%;}
    .custom-gallery-list-con01-mini .gallery-list li .list-info-con .list-tit{font-size:15px; line-height:20px;}
    .custom-gallery-list-con01-mini .gallery-list li .list-info-con p{height:42px; font-size:13px; margin-bottom:15px;}
    .custom-gallery-list-con01-mini .gallery-list li .list-info-con .list-day{font-size:11.5px;}
}
@media all and (max-width:800px){
    /* ******************  투자정보 및 공지 :: 게시판  ********************** */
    .custom-gallery-list-con01-mini .gallery-list li{width:48%;}
    .custom-gallery-list-con01-mini .gallery-list li a .gallery-txt-con .gal-tit{font-size:14px;}
    .custom-gallery-list-con01-mini .gallery-list li .list-info-con p{font-size:12px;}
}








/* ******************  :: 공통 ********************** */
.sub-company-comm-tit{font-size:32px; color:#343434; font-weight:500; letter-spacing:-0.5px; text-align:left; position:relative;}
.sub-company-comm-tit > a{border: 1px solid #ddd;position: absolute; padding:20px;right: 0;;}
.sub-company-comm-tit > a i {position:absolute; line-height:36px; bottom:2px; left:8px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.sub-company-comm-tit > a:hover i {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}


@media all and ( max-width: 1220px ){
	
}

@media all and ( max-width: 800px ){
	/* ****************** 기업 :: 공통 ********************** */
	.sub-company-comm-tit{font-size:19px; line-height:28px;  text-align:left; }
	.sub-company-comm-tit > a {padding:15px;}
	.sub-company-comm-tit > a i {font-size:20px; line-height:26px; left:5px;}
	.sub-company-comm-tit > a {right:0px;}
	
}

@media all and ( max-width: 480px ){
	
}