@charset "utf-8";

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

body {background: #fff;}
/*font-family{"Noto Sans KR", sans-serif;}*/


/* =============== 네비게이션 =============== */
.sub_menu_list {
    display: table;
    width:100%;
    table-layout: fixed;
    background:#fff;
    padding:3px 15px 0 15px;
    border-bottom:1px solid #e6e9eb;
}

.sub_menu_list .list_item {
    display: table-cell;
    
}

.sub_menu_list .list_item .item_link {
    position: relative;
    display: block;
    text-align: center;
    color:#767676;
    
}

.sub_menu_list .list_item .item_link_menu {
    padding:0;
    font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif-light, sans-serif;
    color:#767676;
    position: relative;
    display: inline-block;
    padding:0 5px;
    height:45px;
    white-space: nowrap;
    font-size:16px;
    line-height:45px;
    
}

.sub_menu_list .list_item.is_active .item_link_menu {
	color:#262626;
}

.sub_menu_list .list_item.is_active .item_link_menu:before {
    height:2px;
    position: absolute;
    right:0; bottom:-1px; left:0;
    display: block;
    background: #222;
    content:"";
}





/* =============== 서브 네비게이션 =============== */
.sub_nav {
	height:50px;
	line-height:50px;
	position:relative;
	background-color:#fff;
	border-bottom:1px solid #e0e0e0;
}

.sub_nav h2 {
	font-size: 16px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
  	font-weight: 400;
	text-align:center;
}

.sub_nav a {
	width:30px;
	height:30px;
	display: block;
	position: absolute;
	top:10px;
}

.sub_nav a.left_btn {
	left:15px;
	background:url(../../../image/mobile/recruit/recruit_v1_2018.png) no-repeat;
	background-position:0 0;
	background-size:300px auto;
	-webkit-background-size:300px auto;
}

.sub_nav a.right_btn {
	right:15px;
	background:url(../../../image/mobile/recruit/recruit_v1_2018.png) no-repeat;
	background-position:-40px 0;
	background-size:300px auto;
	-webkit-background-size:300px auto;
}





/* =============== 본문 =============== */
.container {
	display: block;
	background:#fff;
	padding:35px 15px 70px 15px;
}


/* ---------- 셀렉트 네비 --------- */
.tab_list {
	position:relative;
	width:100%;
	z-index: 10;
	margin-bottom:40px;
}

.tab_list .a_positon {
	position: relative;
	display:block;
	width:100%;
	height:49px;
	padding: 0 38px 0 15px;
	line-height: 49px;
	border-bottom:1px solid #0070a3;
	font-size:17px;
	color:#0092bb;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
  	font-weight: 400;
	box-sizing: border-box;
}

.tab_list .a_positon:before {
	content:"";
	position: absolute;
	right:15px;
	top:50%;
	display: inline-block;
	width:15px;
	height:10px;
	background:url(../../../image/mobile/recruit/recruit_v1_2018.png) no-repeat;
	background-position:-285px 0;
	background-size: 300px auto;
}

.tab_list.open .a_positon:before {
	background-position: -285px -15px;
}

.tab_list.open ul {
	display: block;
}

.tab_list ul {
	position: absolute;
	left:0;
	top:49px;
	background:#fff;
	width:100%;
	text-align: center;
	font-size: 0;
	display: none;
}

.tab_list li {
	position: relative;
	direction: block;
	width:100%;
	height: auto;
	line-height: 41px;
	text-align: left;
	border-bottom:0;
}

.tab_list li a {
	position: static;
	top:auto;
	left:auto;
	display: block;
	width:100%;
	height:49px;
	padding:0 38px 0 15px;
	line-height:49px;
	border:1px solid #e6e6e6;
	border-top:0;
	box-sizing: border-box;
	font-size: 15px;
	color:#767676;
}

.tab_list li.on a {
	width:100%;
	border:1px solid #e6e6e6;
	border-top:0;
	color:#007dc3;
	z-index: 11;
}



/* ---------- 기업소개 --------- */
.logo_iwd {
	display: block;
	text-align:center;
	margin:0 auto;
	padding-bottom:15px;
}

.logo_iwd .iwd_img {
	background: url(../../../image/mobile/recruit/logo_iwed.png) no-repeat;
	background-size:320px auto;
	width:320px;
	height:200px;
	display: inline-block;
	font-size:0;
}

.logo_iwd .ifa_img {
	background: url(../../../image/mobile/recruit/logo_ifamily.png) no-repeat;
	background-size:320px auto;
	width:320px;
	height:200px;
	display: inline-block;
	font-size:0;
}

.txt_tit {
	color:#3b3b3b;
	text-align: center;
	padding:0 3% 0 3%;
	font-size: 17px;
	letter-spacing: -0.5px;
	line-height: 22px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
  	font-weight: 400;
	margin-bottom:25px;
}

.txt_tit em {
	color:#0092bb;
	font-size: 17px;
	letter-spacing: -0.5px;
	line-height: 22px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
  	font-weight: 400;
}

.txt_box {
	display: block;
	position: relative;
	margin-bottom:30px;
}

.txt_box dt {
	position: absolute;
	left:0;
	width:17px;
}

.txt_box dd {
	padding-left:22px;
	color:#505050;
	font-family:"Noto Sans KR", sans-serif;
	font-weight: 300;
	line-height: 20px;
	margin-bottom:18px;
	font-size: 14px;
}

.txt_box .num_ico {
	background:url(../../../image/mobile/recruit/recruit_v1_2018.png) 0 5px no-repeat;
	background-size: 300px auto;
	width:17px;
	height:17px;
	display: inline-block;
	font-size: 0;
}

.txt_box .num_ico.num1 {
	background-position: 0 -120px;
	margin-top:3px;
}

.txt_box .num_ico.num2 {
	background-position: -22px -120px;
	margin-top:3px;

}

figure {margin:0;}
img {max-width:100%;}

.p_img {
	margin:40px 0 40px 0;
}

.p_img img {
	width:100%;
	border:0 none;
}





/* ---------- 기업문화 --------- */
.ins_wrap {
	display: block;
}

.ins_wrap li {
	padding-bottom:70px;
	display: block;
	width:100%;
}

.ins_wrap li:last-child {padding-bottom:0;}

.p_box {
	display: block;
}

.ins_wrap .p_box .p_cimg {
	margin-bottom:20px;
}

.ins_wrap .p_box .p_cimg img {width:100%;}

.ins_wrap .p_box .p_info .tit {
	font-size: 17px;
	color:#333;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-bottom:12px;
	line-height:24px;
	letter-spacing:-0.75px;
}

.ins_wrap .p_box .p_info .tit b {color:#000; font-weight: 900;}

.ins_wrap .p_box .p_info .txt01 {
	font-size: 14px;
	line-height: 20px;
	color:#505050;
	margin-bottom:15px;
	word-wrap: break-word;
	word-break: break-all;
}

.ins_wrap .p_box .p_info .txt02 {
	font-size: 15px;
	line-height:20px;
	color:#0092bb;
	display: inline-block;
	text-decoration:underline;
}





/* ---------- 채용공고 --------- */
.conts_wrap {
	display: block;
}

.conts_wrap .gp1 {
	display: block;
	position:relative;
	margin-bottom:60px;
}

.conts_wrap .gp1 h3 {
	position:relative;
	font-size:20px;
	color:#121212;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-bottom:20px;
	text-align:center;
}

.conts_wrap .gp1 h3:after {
	position: absolute;
	margin-left:-10px;
	left:50%;
	bottom:0;
	width:20px;
	border-bottom:1px solid #000;
	content:"";
	display: block;
	box-sizing: border-box;
}

.conts_wrap .gp1 .pr_box {
	margin-top:35px;
}

.circle_list li {
	display: inline-block;
	margin-bottom:10px;
}

.circle_list li:last-child {margin-bottom:0;}

.circle_list .cl_fr {
	width:100%;
	height:86px;
	border-radius:43px;
	background:#efece8;
	text-align:center;
	box-sizing: border-box;
	padding-top:14px;
}

.circle_list .cl_fr.bgc1 {background:#efece8;}
.circle_list .cl_fr.bgc2 {background:#e6deea;}
.circle_list .cl_fr.bgc3 {background:#dee7ea;}

.circle_list .cl_fr .tit {
	font-size: 18px;
	margin-bottom:5px;
	color:#333;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
}

.circle_list .cl_fr b {
	font-weight: 900;
	font-family:"Noto Sans KR", sans-serif;
	color:#000;
}

.circle_list .cl_fr .txt {
	font-size: 14px;
	line-height: 17px;
	color:#505050;
}



.circle_list .cl_bl {
	width:100%;
	height:54px;
	border-radius:27px;
	background:#333;
	text-align:center;
	box-sizing: border-box;
	line-height: 52px;
}

.circle_list .cl_bl .tit {
	font-size: 18px;
	color:#fff;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 900;
}

.circle_list .cl_bl em {
	color:#f8caca;
	padding-right:5px
}

.circle_list .cl_gr {
	width:100%;
	height:68px;
	border-radius:34px;
	background:#ebebeb;
	text-align:center;
	box-sizing: border-box;
	padding-top:14px;
}

.circle_list .cl_gr .tit {
	font-size: 18px;
	margin-bottom:5px;
	color:#333;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
}

.circle_list .cl_gr .txt {
	font-size: 14px;
	line-height: 17px;
	color:#505050;
}

.circle_list .cl_gr2 {
	width:100%;
	height:115px;
	border-radius:34px;
	background:#ebebeb;
	text-align:center;
	box-sizing: border-box;
	padding-top:15px;
}

.circle_list .cl_gr2 .tit {
	font-size: 18px;
	margin-bottom:5px;
	color:#333;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
}

.circle_list .cl_gr2 .txt {
	font-size: 14px;
	line-height: 17px;
	color:#505050;
	display: inline-block;
}

.circle_list .cl_gr2 .txt:before {
	content:"";
	display: inline-block;
	width:4px;
	height:4px;
	margin-right:5px;
	border-radius: 50%;
	background:#000;
	vertical-align: top;
	margin-top:7px;
	
} 

.circle_list .cl_gr2 .txt.pddt {margin-top:4px;}



.rd_box li {
	float:left;
	width:48.3333%;
	height:217px;
	color:#3b3b3b;
	background:#ebebeb;
	border-radius:5px;
	vertical-align:middle;
	padding-top:33px;
	position: relative;
}

.rd_box li:last-child {float:right;}

.rd_box:after {
	content:"";
	display: block;
	clear:both;
}

.rd_box li .tit {
	font-size:16px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
	margin-bottom:20px;
	text-align:center;
	letter-spacing:-0.5px;
}

.rd_box li .tit:before {
	position: absolute;
	margin-left:-10px;
	left:50%;
	top:20px;
	width:20px;
	border-bottom:1px solid #9e9e9e;
	content:"";
	display: block;
	box-sizing: border-box;
}

.rd_box li .stit {
	text-align:center;
	font-size:17px;
	margin-bottom:7px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing:-0.5px;
}

.rd_box li .stit_tt {
	text-align:center;
	font-size:15px;
	font-family:"Noto Sans KR", sans-serif;
	font-style:normal;
	font-weight: 400;
}

.rd_box li .txt {
	font-size:14px;
	line-height: 20px;
	color:#505050;
	padding:0 15px 0 15px;
	letter-spacing:-0.5px;
	word-break: break-all;
	word-wrap: break-word;
}

.rd_box li .txt:before {
	content:"";
	display: inline-block;
	width:4px;
	height:4px;
	margin-right:5px;
	border-radius: 50%;
	background:#000;
	vertical-align: top;
	margin-top:7px;
} 



.rd_box2 li {
	float:left;
	width:48.3333%;
	height:140px;
	color:#3b3b3b;
	background:#ebebeb;
	border-radius:5px;
	vertical-align:middle;
	padding-top:33px;
	position: relative;
}

.rd_box2 li:last-child {float:right;}

.rd_box2:after {
	content:"";
	display: block;
	clear:both;
}

.rd_box2 li .tit {
	font-size:16px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
	margin-bottom:20px;
	text-align:center;
	letter-spacing:-0.5px;
}

.rd_box2 li .tit:before {
	position: absolute;
	margin-left:-10px;
	left:50%;
	top:20px;
	width:20px;
	border-bottom:1px solid #9e9e9e;
	content:"";
	display: block;
	box-sizing: border-box;
}

.rd_box2 li .txt {
	font-size:14px;
	line-height: 20px;
	color:#505050;
	padding:0 15px 0 15px;
	letter-spacing:-0.5px;
	word-break: break-all;
	word-wrap: break-word;
	text-align:center;
}



.welfare_ta {
	text-align:left;
	border-top:1px solid #3b3b3b;
	border-bottom:1px solid #3b3b3b;
	box-sizing:border-box;
	margin-top:20px;
}

.welfare_ta li:first-child {border-top:0;}

.welfare_ta li {
	padding:15px 0 12px 15px;
	border-top:1px solid #a8a8a8;
}

.welfare_ta li strong {
	float:left;
	font-size:14px;
	color:#333;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-bottom:6px;
	width:80px;
}

.welfare_ta li span {
	color:#777;
	font-size:14px;
	line-height: 20px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	padding-left:80px;
	text-align:left;
	display: block;
}

.pr_box .img_style {
	padding: 0 20px;
	max-width: 640px;
	margin: 0 auto;
	text-align:center;
	display: block;
}

.pr_box .img_style img {max-width: 100%;}



.item_b {
	display: block;
	margin:0 auto;
	margin-bottom:60px;
}

.item_b .doc_img {
	text-align: center;
	margin:0 auto;
	display: block;
	width:150px;
	height:150px;
}

.item_b dl {display: block; margin-top:20px;}

.item_b dl .tit {
	font-size: 17px;
	color:#505050;
	margin-bottom:7px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
	text-align:center;
}

.item_b dl .txt {
	font-size: 15px;
	color:#505050;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	text-align:center;
	line-height: 20px;
}





/* ---------- 생생人터뷰 --------- */
.conts_wrap .gp1 .t_txt {
	font-size:14px;
	color:#505050;
	line-height: 20px;
	text-align:center;
	letter-spacing:-0.5px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	margin-top:12px;
}

.pp_box {
	display: block;
	margin-top:35px;
}

.pp_box .pp_pic {text-align: center;}
.pp_box .pp_pic img {width:100%;}

.pp_box .pp_name {
	font-size: 17px;
	line-height: 22px;
	color:#3b3b3b;
	letter-spacing: -0.5px;
	margin-top:15px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
}

.pp_color {
	color:#c4c4c4;
	display: inline-block;
	padding:0 7px;
}

.pp_box .pp_tit {
	font-size:17px;
	line-height: 26px;
	text-decoration:underline;
	color:#3b3b3b;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 500;
	margin-top:30px;
	margin-bottom:22px;

}



.gp1 .qna {
	display: block;
}

.gp1 .qna .qna_q {
	font-size: 15px;
	color:#333;
	letter-spacing: -0.5px;
	margin-bottom:7px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

.gp1 .qna .qna_a {
	font-size:14px;
	color:#505050;
	letter-spacing:-0.5px;
	font-family:"Noto Sans KR", sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom:25px;
}

.gp1 .qna .qna_a:last-child {
	margin-bottom:0;
}

.conts_wrap .gp1.mar_b {
	margin-bottom:0;
}





/* ---------- 아이패밀리人스토리 --------- */
.lst_thum {
	overflow: hidden;
    line-height: 0;
}

.lst_thum li {
	float: left;
    width: 50%;
}

.lst_thum li a {
	display: block;
    margin: 0 3px 6px;
}

.lst_thum li a p {
	position: relative;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}

.lst_thum li img {
	border-radius: 1px;
    -webkit-border-radius: 1px;
	width: 100%;
    height: auto;
}

.lst_thum li a p:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    content:"";
}