@charset "euc-kr";

#contentsWrap.mainCon{padding-top:0 !important;padding-bottom:14px !important}
@media screen and (max-width: 639px){
	#contentsWrap.mainCon{padding-top:0 !important;padding-bottom:4px !important}
}

/* 탭메뉴 컨텐츠 */
.mainTabCon>ul{width:100%;box-sizing:border-box}
.mainTabCon>ul>li{position:relative;float:left;width:25%;;box-sizing:border-box;text-align:center;background-color:#f8f8f8}
.mainTabCon>ul>li:first-child{width:27%;border-left:1px solid #dadada}
.mainTabCon>ul>li:last-child{width:27%;background:#f8f8f8 url(/msiren/image/main/tab_bar_last.gif) 100% 50% repeat-y}
.mainTabCon>ul>li:nth-child(2),.mainTabCon>ul>li:nth-child(3){width:23%}
.mainTabCon>ul>li>a{display:inline-block;width:100%;height:50px;line-height:50px;border-top:1px solid #dadada;border-bottom:1px solid #dadada}
.mainTabCon>ul>li.on{background-image:none}
.mainTabCon>ul>li.on>a{color:#fff;font-weight:bold;background:#3586e3;border-top:1px solid #3586e3;border-bottom:1px solid #3586e3}
.mainTabCon>ul>li>a:hover{text-decoration:none}
.mainTabCon>ul>li.on>a>span.ico{position:absolute;bottom:-8px;left:45%;width:15px;height:8px;background:url(/msiren/image/main/ico_arr_tab_on.png) no-repeat}
.mainTabCon>ul>li.bar{background:#f8f8f8 url(/msiren/image/main/tab_bar.gif) 100% 50% no-repeat;background-size:contain}
.mainTabCon .tabContents{width:auto;border:1px solid #dadada;border-top:none}
.mainTabCon .articleArea{overflow:hidden;padding:7% 3.5%}
.mainTabCon article{width:43%;padding:0 3%}
.mainTabCon article span.thumb{display:block}
.mainTabCon article p{margin-top:10px}
.mainTabCon article p a{display:block;width:99%;max-height:70px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

@media screen and (min-width: 640px) and (max-width: 710px){
	.mainTabCon>ul>li>a{font-size:22px}
}
@media screen and (max-width: 414px){
	.mainTabCon>ul>li>a{height:40px;line-height:40px}
	.mainTabCon>ul>li.on>a>span.ico{bottom:-5px;left:45%;width:9px;height:5px;background:url(/msiren/image/main/ico_arr_tab_on_sm.png) no-repeat}
}
@media screen and (max-width: 320px){
	.mainTabCon>ul>li>a{height:40px;line-height:40px;font-size:11px}
	.mainTabCon article span.thumb img.res{height:89px}
}
@media screen (min-width: 321px) and (max-width: 375px){
	.mainTabCon article span.thumb img.res{min-height:93px}
}

/*하단 2banner */
.banner2{overflow:hidden}
.banner2 .fleft{width:50%;margin-left:-1px}
.banner2 .fright{width:50%;border-left:1px solid #e5e5e5}

/* 공지사항 */
.noticeArea{overflow:hidden;height:30px}
.noticeArea strong{vertical-align:top}
.noticeArea strong,
.noticeArea a{display:inline-block;float:left;line-height:30px}
.noticeArea em{display:inline-block;margin:0 7px;color:#b7cce3;line-height:30px}
.noticeArea .btnMore{float:right;padding-right:10px;line-height:30px;background:url(/msiren/image/main/btn_arr_more.gif) 100% 44% no-repeat;color:#ccc} /* 20150722 수정 */
.noticeArea .ellipsis{width:60%;height:28px;white-space:nowrap}/* 20150724 수정 */

@media screen and (max-width: 639px){
	.noticeArea .btnMore{background-image:url(/msiren/image/main/btn_arr_more_sm.gif)}

}
@media screen and (max-width: 380px){	
	.noticeArea .fontNormal{font-size:10px}
}

.mainTabCon article p a::after {content: "..."}/* 20150724 추가 */

/*20150821 추가*/
header,nav,.gnbArea,nav .inWrap,#contentsWrap.mainCon,.contents,.slideArea,#slides,.slidesjs-container,.slidesjs-control,
.slidesjs-control>a,.slideArea>a>img,.mainTabCon,.mainTabCon>ul,.contents section,.contents section .fleft{position:relative;vertical-align:top}
.gnbArea .gnb,.gnbArea>h1,.gnbArea h1>a,.gnbArea .login{display:block;position:relative;vertical-align:top;box-sizing:border-box;padding:0}
.mainTabCon>ul>li>a{height:100%;position:relative}

.login a{display:inline-block}