﻿
#lnb-area #lnb-background{
	background-image:url('/UserData/gyungshin/Layouts/gyungshin_Layout/Images/subtop_new.jpg');
	background-color: #000;
	background-repeat:no-repeat;
	background-position:top center;
	color:#fff;
	height:256px;
    text-align: center;
	width:100%;
}
#lnb-area #lnb-background h1{
    position:absolute; 
    top:42%; 
    right:0px;
    font-size:50px;
    margin:0px;
}
#lnb-area #lnb-menu>ul{background:#252525;margin-top:-1px;text-align:center;}
#lnb-area #lnb-menu>ul>li{
	display:inline-block;
}
#lnb-area #lnb-menu>ul>li>a{
	color:#7C7C7C;
	display:inline-block;
	padding:14px 21px;
	text-decoration:none;
	font-size:16px;
}
#lnb-area #lnb-menu>ul>li>a:hover{
	color:#fff;
}
#lnb-area #lnb-menu>ul>li.active>a{
	color:#fff;
	font-weight:bold;
}

.subtitle  { position:absolute; top:37%; line-height:290%; }
.subtitle span { font-size:38px; font-family:NanumMyeongjo; font-weight:600 }
.subtitle span:first-child { color:#224471; }
.subtitle span:last-child { color:#458acb; }


#lnb-background .container { position:relative; height:100%; }
#small-lnb{float:left;}
#small-lnb ul{list-style:none; padding:0;}
#small-lnb>ul>li>a{
	background:#e8e8e8;
	color:#000;
	display:inline-block;
	margin:4px 0;
	padding:12px;
	width:100%;
	
	font-size:16px;
}
#small-lnb>ul>li.active>a{
	background:#66B6E9;
	color:#fff;
}

#content-area{margin:21px 0;}
#unit7338 { position:relative; top:-3px !important; }

@media(max-width:996px) {
	#small-lnb{text-align:center;width:100%!important;}
	#small-lnb li{display:inline-block;}
	#content{max-width:100%!important;}
}

.content_outcome .section .list li {
    overflow: hidden;
    height: 100px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.content_outcome .section .list .tit_area {
    float: left;
    width: 330px;
    height: 100%;
    color: #252525;
}
.content_outcome .section .list1 .tit_area {
    background: #dff5ff;
}
.content_outcome .section .list .tit {
    margin: 30px 0 0 80px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}
.content_outcome .section .list .tit2 {
    margin: 8px 0 0 80px;
    font-size: 16px;
    line-height: 14px;
}
.content_outcome .section .list .desc_area {
    float: right;
    width: 758px;
    height: 100%;
    font-weight: 500;
    color: #666;
}
.content_outcome .section .list1 .desc_area {
    background: url(../images/recruit/bg_outcome_list1.gif) no-repeat left center;
}

.page_recruit_outcome {background-image:url(../images/recruit/bg_outcome_intro.jpg);}
.content_outcome .section .img {margin-top:71px; height: 544px;}
.content_outcome .section .tit_comm.sub {margin-top:80px;}
.content_outcome .section .list1 .tit_area {background: #dff5ff;}
.content_outcome .section .list1 .desc_area {background:url(../images/recruit/bg_outcome_list1.gif) no-repeat left center;}
.content_outcome .section .list2 .tit_area {background: #f4f4f4}
.content_outcome .section .list2 .desc_area {background:url(../images/recruit/bg_outcome_list2.gif) no-repeat left center; }
.content_outcome .section .list {}
.content_outcome .section .list li {overflow: hidden; height: 100px; margin-bottom:10px; border: 1px solid #ccc}
.content_outcome .section .list .tit_area {float:left; width:330px; height: 100%; color:#252525;}
.content_outcome .section .list .desc_area {float:right; width:758px; height: 100%; font-weight: 500; color:#666;}
.content_outcome .section .list .tit {margin:30px 0 0 80px; font-size: 20px; font-weight: 500; line-height: 20px;}
.content_outcome .section .list .tit2 {margin:8px 0 0 80px; font-size: 16px; line-height: 14px;}
.content_outcome .section .list .desc {margin:42px 0 0 66px; font-size: 18px; line-height: 18px;}


.board-num_58 .each-document { width:23% !important; margin-right:1% !important; }
.board-num_58 .gallery .theme-list > .each-document > a.title-image { width:100% !important; height:250px !important; }
.board-num_58 .gallery .theme-list > .each-document > a.title { width:100% !important; }


@media(max-width:768px)
{
	#lnb-background .container { padding:0px !important; }
	.subtitle { width:100%; text-align:center; top:30px; line-height:180%; }
	.subtitle span { font-size:26px; }
	#lnb-area #lnb-background { height:170px; }
	#lnb-area #lnb-background h1 { width:100%; left:0px !important; font-size:38px; bottom:30px !important; line-height:100% !important; top:inherit !important; }
	#lnb-area #lnb-menu>ul>li>a { font-size:14px; padding:10px; }
	
	
	.board-num_58 .each-document { width:48% !important; margin-right:1% !important; }
.board-num_58 .gallery .theme-list > .each-document > a.title-image { width:100% !important; height:130px !important; }
.board-num_58 .gallery .theme-list > .each-document > a.title { width:100% !important; }

}