@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Common */  
/*@font-face {
 font-family: 'NanumGothic';
 src: url('../../font/NanumGothic.eot'); 
 src: local(※), url('../../font/NanumGothic.woff') format('woff');
}*/

html {
	font-family: "Noto Sans KR", sans-serif;;
}

img { vertical-align: top; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;} 
body,input,textarea,select,button,table{font-family: "Noto Sans KR", sans-serif;font-size:8.5pt;font-weight:normal;}                         
img,fieldset{border:0;}                                                                                                           
ul,ol{list-style:none;}                                                                                                           
em,address{font-style:normal;}                                                                                                    
input, select, button {
vertical-align: middle;
}                                                                              

a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }

a:link, a:visited {
	font-weight:normal;
	color: #383838;                                                                                                                 
	text-decoration: none;                                                                                                             
}

body {
	color: #797979;
	position: relative;
}

#wrapper {

}

#header, #footer, #bodyarea {
	clear: both;
	/*overflow: hidden;*/
	min-width: 1004px;
	width: 100%;
}


#main_header{
	clear: both;
	min-width: 1004px;
	width: 100%;
	height:700px;
	background: #f7f7f7 url('/resources/images/new_main/main_bg.png') 0 0 repeat-x;
}

#sub_header{
	clear: both;
	min-width: 1004px;
	width: 100%;
	height:198px;
	background: #f7f7f7 url('/resources/images/new_main/sub_bg.png') 0 0 repeat-x;
}


#main_header .container .logo{
    text-align: center;
    padding-top: 35px;
	margin-top: 0px;
}
.container {
	clear: both;
	/*overflow: hidden;*/
	width: 1004px;
	margin: 0 auto;
	position: relative;

	*zoom: 1;
}

.container > .logo{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* header */
#open_category {
	display: none;
	background: #fff;
	border: 2px solid #2b2b2b;
	overflow: hidden;
	width: 300px;
	position: relative;
	right: -480px;
	z-index: 99999;
}
#open_category li {
	float: left;
	width: 90px;
	margin: 0 5px;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
}

#open_category li:hover {
	background: #e9e9e9;
}


/* header */
#sub_open_category {
	display: none;
	background: #fff;
	border: 2px solid #2b2b2b;
	overflow: hidden;
	width: 300px;
	position: relative;
	right: -480px;
	z-index: 99999;
}
#sub_open_category li {
	float: left;
	width: 90px;
	margin: 0 5px;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
}

#sub_open_category li:hover {
	background: #e9e9e9;
}

#recommend_tag a {
	color: #797979 !important;
}

.open_category_layout{
    width: 700px;
    height: 200px;
    display: table;
    margin: 0 auto;
}


	float: left;
	width: 90px;
	margin: 0 5px;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
}

#sub_open_category li:hover {
	background: #e9e9e9;
}


.sub_open_category_layout{
    width: 700px;
    height: 200px;
    display: table;
    margin: 0 auto;
}

.main_box {
	display: table;
    margin: 0 auto;
    left: 5px;
    height: 308px;
    /* overflow: hidden; */
    /* background: #fff url(/resources/images/n_main/body/job/job_goingbox.jpg) no-repeat; */
    width: 1434px  !important;
	background:none  !important;
}

.number_top {
    position: relative;
    height: 50px !important;
    background:none  !important;
    margin-bottom: 40px;
}


.main_box .items {
    width: 1434px !important;
    margin-right: 0px !important;
}

.main_box .items > li {
    width: 239px  !important;
    height: 238px !important;
}

.sub_box{
    position: relative;
    float: left;
    width: 1004px;
}

.rank_top{
	width:584px;
	float: left;
}

.rank_top ul{
	border-bottom: 1px solid #b7b7b7;
}

.rank_top li{
	border-top: 1px solid #b7b7b7;
	height:83px;
}

.rank_top .rollover_img{
	vertical-align: middle;
}

.rank_top .img_layout{
    height: 83px;
    position: relative;
    float: left;
    width: 50px;
    line-height: 83px;
    text-align: center;
    vertical-align: middle;
}

.rank_top .list_img_layout{
	float:right;
	height: 83px;
    position: relative;
    float: right;
    width: 85px;
    line-height: 83px;
    text-align: center;
    vertical-align: middle;
}


.rank_top .list_img{
	width:80px;
	height:60px;
	vertical-align: middle;
}

.number_top{
	margin-top:20px  !important;
	margin-bottom:20px  !important;
}

.number_search{
	width:1004px;
	left:0  !important;
    height: 50px;
}

.list_item{
    margin-top: 30px;
}

.number_search .form-search{
	margin-top: 5px;
}

.number_search select {
    width: 247px  !important;
    font-size: 16px  !important;
    padding: 7px 0  !important;
    /* height: 42px; */
}

.number_search .ani_text1{
	position: relative;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-right: 20px;
    line-height: 50px;
}


.list_item li {
    padding: 20px 17px !important;
    width: 299px;
    float: left;
    position: relative;
	clear: none !important;
	height: 354px;
	line-height: 1.6 !important; 
	border-bottom: 0px !important; 
}


.list_item .desc {
    width: 300px !important; 
    margin-top: 10px !important; 
}

.list_item .desc .info {
    margin-top: 10px  !important; 
    font-size: 13px !important;
}

.list_item .desc .tel{
	font-size:16px;
}

.rank_top .desc{
	position: relative;
    float: left;
	color:#5d5d5d;
	display: table;
    height: 83px;
}

.rank_top .desc .text_layout{
	display: table-cell;
    vertical-align: middle;
	width:444px;
}

.rank_top .desc .title{
	font-size: 16px;
    font-weight: bold;
	color:#565656;
}


.list_item{
    float: left;
    position: relative;
    width: 1004px;
}

.sub_box .items {
	float: left;
    width: 420px !important;
    margin-right: 0px !important;
}

.sub_box .items > li {
    width: 140px  !important;
    height: 140px !important;
	float:left;
}


.top_logo {
	float: left;
	margin: 43px 156px 0 0;
}
.top_search {
	float: left;
	margin: 57px 91px 31px 0;
	position: relative;
    left: 33%;
}
.top_search .searchInput { margin-right: -6px; border: 3px solid #0090d9; height: 44px; width: 280px; padding: 0 10px; line-height: 36px; }

.sub_top_search {
	float: left;
    display: table;
    margin: 44px auto;
}
.sub_top_search .searchInput { margin-right: -6px; border: 3px solid #0090d9; height: 44px; width: 280px; padding: 0 10px; line-height: 36px; }

.top_call { margin-top: 51px; float: right; }

.main_grp_menu{
	clear: both;
	overflow: hidden;
	height: 50px;
	line-height:50px;
	background-color:#0090d9;
	color:#fff;
}

.main_grp_menu .inner{
	width:1004px;
	display:table;
	margin:0 auto;
}

.gnb_wrap {
	clear: both;
	overflow: hidden;
	height: 60px;
	background-color: #0090d9;
    margin-top: 65px;
}
	.gnb {
	    display: table;
	    margin: 0 auto;
	    overflow: hidden;
	    height: 60px;
	}
		.gnb > li {
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			text-align: center;
			width: 155px;
			height: 60px;
			line-height: 60px;
			background: url('/resources/images/new_main/split.png') left top no-repeat;
			float: left;
		}
		.gnb > li img {
			margin-top: 0px;
		}
		.gnb .home {
		    width: 120px;
			background: 0 none;
		}
		.gnb .category {
			width: 180px;
			background: url('/resources/images/new_main/split.png') left top no-repeat;
		}

.category_searchBox {
	line-height: 35px;
	overflow: hidden;
	clear: both;
}
	.category_searchBox img {
		margin-top: 5px;
	}
	.quick_tag {
		float: left;
		width: 250px;
		padding: 0 10px;
		margin-right: 10px;
	}

	.quick_search {
		float: right;
		margin-top:20px;
		margin-bottom:20px;
	}
	.quick_search form > div {
		float: left;
		margin-right: 5px;
	}

	.quick_search form select {
		padding: 0 4px;
		height: 40px;
		line-height: 25px;		
		width: 156px;
	}
	.quick_search form input[type=text] {
		padding: 0 4px;
		height: 36px;
		line-height: 23px;
		width: 288px;
	}

/* footer */
#footer {
	height: 101px;
	margin-top: 60px;
	padding: 20px 0 0 0;
	/*background: #d8d8d8 url('/resources/images/n_main/footer/footer_bg.png') 0 0 repeat-x;*/
	background-color: #d8d8d8;
}
.footer_logo { float: left; width: 300px; text-align: right; }
.footer_text { float: left; width: 654px; text-align: left; margin-top: 23px; padding-left:50px; font-weight:bold;}



/*popup*/


.popup_box{
	margin-left:10px;
}

.b-iframe{
	width:980px;
	height:530px;
}


#popup2{
	margin-top:50px;
}

#popup2 .popup_top{
	font-family:"Malgun Gothic",Arial,sans-serif;
    background: url("/resources/images/new_main/top.png")  no-repeat;
    width: 980px;
	height: 50px;
	background-size: 980px;
}

#popup2 .b-close{
	background: url("/resources/images/new_main/close.png")  no-repeat;
	cursor: pointer; 
	text-align: center;
	width:23px;
	height:23px;
	right:1px;
	position: absolute;
	margin: 20px 20px 0 0px;
}

#popup2 .popup_title{
    color: #353535;
    font-size: 16pt;
    font-weight: bold;
    /*width: 747px;*/
    vertical-align: middle;
    text-align: left;
    padding: 15px 20px 0 20px;
}


#popup2 .detail_layout{
	position: relative;
    float: left;
    margin-top: 5px;
    width: 940px;
    margin-left: 20px;
}

#popup2 .detail_layout li{
	width: 50%;
    float: left;
}


.theme_more{
    position: relative;
    overflow: hidden;
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 30px;
}




/*pagenation*/

.page-nation {
	/*float:left;*/
	clear: both;
	margin-top: 20px;
	color: #08c;
	width:1004px;
    text-decoration: none;
}
.page-nation ul {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}
.page-nation ul > li {
    display: inline;
}
.page-nation ul > li > a, .page-nation ul > li > span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
	color: #08c;
    text-decoration: none;
}
.page-nation ul > li > a:hover, .page-nation ul > li > a:focus, .page-nation ul > .active > a, .page-nation ul > .active > span {
    background-color: #f5f5f5;
}
.page-nation ul > .active > a, .page-nation ul > .active > span {
    color: #999;
    cursor: default;
}
.page-nation ul > .disabled > span, .page-nation ul > .disabled > a, .page-nation ul > .disabled > a:hover, .page-nation ul > .disabled > a:focus {
    background-color: transparent;
    color: #999;
    cursor: default;
}
.page-nation ul > li:first-child > a, .page-nation ul > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
}
.page-nation ul > li:last-child > a, .page-nation ul > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}



@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
figure.snip1384 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #000000;
}
figure.snip1384 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip1384 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
figure.snip1384:after,
figure.snip1384 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.snip1384:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.65);2018-08-05
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
figure.snip1384 figcaption {
  z-index: 1;
  padding: 40px;
}
figure.snip1384 h3,
figure.snip1384 .links {
  width: 100%;
  margin: 5px 0;
  padding: 0;
}
figure.snip1384 h3 {
  line-height: 1.1em;
  font-weight: 700;
  font-size: 1.4em;
  text-transform: uppercase;
  opacity: 0;
  text-align: center;
}

figure.snip1384 p {
  font-size: 0.8em;
  font-weight: 300;
  letter-spacing: 1px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
figure.snip1384 i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 20px 25px;
  font-size: 34px;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

figure.snip1384 .mg_img{
	opacity: 0;
}


figure.snip1384 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}




figure.snip1384:hover img,
figure.snip1384.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 1;
  opacity: 1;
}

figure.snip1384 .mg_img:hover img
figure.snip1384 .mg_img.hover img,{
	opacity: 1;
	zoom: 0;
}



figure.snip1384:hover:after,
figure.snip1384.hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
figure.snip1384:hover h3,
figure.snip1384.hover h3,
figure.snip1384:hover p,
figure.snip1384.hover p,
figure.snip1384:hover i,
figure.snip1384.hover i {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}