@charset "utf-8";



/****************************************************************************************************
	base
 ****************************************************************************************************/

/* font face */
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:300; src:url(../font/NotoSansCJKKR-Light.woff) format('woff'), url(../font/NotoSansCJKKR-Light.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:400; src:url(../font/NotoSansCJKKR-Regular.woff) format('woff'), url(../font/NotoSansCJKKR-Regular.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:500; src:url(../font/NotoSansCJKKR-Medium.woff) format('woff'), url(../font/NotoSansCJKKR-Medium.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:700; src:url(../font/NotoSansCJKKR-Bold.woff) format('woff'), url(../font/NotoSansCJKKR-Bold.woff2) format('woff2')}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
table {border-collapse:collapse; border-spacing:0;}
a, a:focus, a:hover {text-decoration:none;}
a, button, input[type="button"], input[type="image"], input[type="submit"] {cursor:pointer;}

/* reset custermize */
html {width:100%; height:100%; box-sizing:border-box;}
body {width:100%; height:100%; font-family:'Noto Sans CJK KR', sans-serif; font-weight:400; letter-spacing:-0.024em; overflow-x:hidden; word-break:break-all;}/* 'NanumSquare-R', 'Spoqa Han Sans', */
*, ::after, ::before {box-sizing:inherit;}
input[type="text"], input[type="password"], input[type="date"], textarea, select, input[type="checkbox"], input[type="radio"], label, button, input[type="image"], input[type="submit"] {display:inline-block; margin:0; padding:0; font-family:'Noto Sans CJK KR', sans-serif; font-weight:400; letter-spacing:-0.024em;}/* 'NanumSquare-R', 'Spoqa Han Sans', */
input[type="text"], input[type="password"], input[type="date"], textarea, select {width:100%; transition:border-color .15s ease-in-out, background-color .15s ease-in-out; border:1px solid rgba(0,0,0,0.16);}
caption {position:absolute; text-indent:-9999px; height:0; font-size:0; line-height:0;}

/* flex */
.flex_box{display: flex; align-items: center;}
.flex_box_c{display: flex; align-items: center; justify-content:center;}
/* position - left, right */
.pst_l	{position:absolute; left:0; top:0;}
.pst_r	{position:absolute; right:0; top:0;}

/* float - left, right */
.fl_l	{float:left;}
.fl_r	{float:right;}

/* text align */
.ta_l	{text-align:left;}
.ta_c	{text-align:center;}
.ta_r	{text-align:right;}

/* text ellipsis */
.txt_elps 			{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* clear both */
.cl_b				{clear:both;}
.cl_b_aftr::after	{display:block; content:''; clear:both;}

/* div vertical align middle */
.d_va_m				{font-size:0; line-height:0; text-align:center;}
.d_va_m::before		{display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
.d_va_m > div		{display:inline-block; vertical-align:middle;}

/* hide */
.hdn 	{position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}

/* overflow hidden */
.of_h	{overflow:hidden;}
.of_x_h	{overflow-x:hidden;}
.of_y_h	{overflow-y:hidden;}

/* responsive - show, hide */
.dp_n		{display:none;}

@media (min-width:1180px) {
	.dp_n_p	{display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.dp_n_t	{display:none;}
}
@media (max-width:767px) {
	.dp_n_m	{display:none;}
}

/* width */
.w_a    {width:auto		!important;}
.w_12p  {width:12.5%	!important;}
.w_16p  {width:16.6666%	!important;}
.w_20p  {width:20%		!important;}
.w_25p  {width:25%		!important;}
.w_33p  {width:33.3333%	!important;}
.w_37p  {width:37.5%	!important;}
.w_40p  {width:40%		!important;}
.w_50p  {width:50%		!important;}
.w_60p  {width:60%		!important;}
.w_62p  {width:62.5%	!important;}
.w_66p  {width:66.6666%	!important;}
.w_75p  {width:75%		!important;}
.w_80p  {width:80%		!important;}
.w_83p  {width:83.3333%	!important;}
.w_87p  {width:87.5%	!important;}
.w_100p {width:100%		!important;}

/* margin top */
.mg_t0	{margin-top:0		!important;}
.mg_t4	{margin-top:4px		!important;}
.mg_t8	{margin-top:8px		!important;}
.mg_t12	{margin-top:12px	!important;}
.mg_t16	{margin-top:16px 	!important;}
.mg_t20	{margin-top:20px 	!important;}
.mg_t24	{margin-top:24px 	!important;}
.mg_t28	{margin-top:28px 	!important;}
.mg_t32	{margin-top:32px 	!important;}
.mg_t36	{margin-top:36px 	!important;}
.mg_t40	{margin-top:40px 	!important;}
.mg_t44	{margin-top:44px 	!important;}
.mg_t48	{margin-top:48px 	!important;}
.mg_t52	{margin-top:52px 	!important;}
.mg_t56	{margin-top:56px 	!important;}
.mg_t60	{margin-top:60px 	!important;}
.mg_t64	{margin-top:64px 	!important;}

/* margin left right */
.mg_lr1 {margin:0 1px !important;}

/* margin left */
.mg_l2	{margin-left:2px !important;}

/* margin left */
.mg_r2	{margin-right:2px !important;}
.mg_r4	{margin-right:4px !important;}

/* padding left */
.pd_l2	{padding-left:2px !important;}
.pd_l4	{padding-left:4px !important;}

/* padding right */
.pd_r2	{padding-right:2px !important;}
.pd_r4	{padding-right:4px !important;}

/* padding top */
.pd_t6	{padding-top:6px;}

/* hr line */
.hr_line {margin:32px 0 0 0; padding:0; border:0; display:block; width:100%; height:1px; background:#ddd;}

/* text color */
.tc_red		{color:#e85a71	!important;}
.tc_green	{color:#3ac569	!important;}
.tc_blue	{color:#548cf1	!important;}
.tc_navy	{color:#5b56e1	!important;}
.tc_black	{color:#666572	!important;}
.tc_gray	{color:#dddddd	!important;}
.tc_white	{color:#fbfbfb	!important;}

/* btn */
.btn			{display:inline-block; font-family:'Noto Sans CJK KR', sans-serif; font-size:0; line-height:0; border:1px solid transparent; vertical-align:middle;}/* 'NanumSquare-R', 'Spoqa Han Sans', */
.btn > span		{display:inline-block;}
.btn *			{vertical-align:middle;}

.btn_lg			{padding:6px 18px; border-radius:2px;}
.btn_lg span	{font-size:18px; line-height:26px;}
.btn_lg span	{font-size:15px; line-height:24px;}
.btn_md			{padding:4px 14px; border-radius:2px;}
.btn_md span	{font-size:15px; line-height:24px;}
.btn_md span	{font-size:15px; line-height:24px;}
.btn_sm			{padding:4px 14px; border-radius:2px;}
.btn_sm span	{font-size:14px; line-height:23px;}
.btn_xs			{padding:4px 14px; border-radius:2px;}
.btn_xs span	{font-size:14px; line-height:24px;}

.btn_red		{background:#e85a71; color:#fff;}
.btn_orange 	{background:#f68d04; color:#fff;}
.btn_green		{background:#3ac569; color:#fff;}
.btn_blue		{background:#17b7eb; color:#fff;}
.btn_navy		{background:#09589a; color:#fff;}
.btn_black		{background:#1d2d3c; color:#fff;}
.btn_gray		{background:#dddddd; color:#222;}
.btn_white		{background:#fbfbfb; color:#222; border:1px solid rgba(0,0,0,0.16);}

input[type="submit"].btn_lg,
input[type="button"].btn_lg	{font-size:18px; line-height:26px; padding:6px 32px;}
input[type="submit"].btn_md,
input[type="button"].btn_md {font-size:16px; line-height:24px; padding:4px 24px;}
input[type="submit"].btn_sm,
input[type="button"].btn_sm {font-size:14px; line-height:22px; padding:2px 16px;}
input[type="submit"].btn_xs,
input[type="button"].btn_xs {font-size:12px; line-height:20px; padding:0 8px;}

.btn [class^="ico_"] {display:inline-block; width:16px; height:16px; background-repeat:no-repeat; background-position:center center; margin-right:4px;}

.btn .ico_list {background-image:url(../images/ifi_btn/ico_list_b.png);}
.btn .ico_search {background-image:url(../images/ifi_btn/ico_search_w.png);}
.btn .ico_reset {background-image:url(../images/ifi_btn/ico_reset_b.png);}
.btn .ico_upload {background-image:url(../images/ifi_btn/ico_upload_b.png);}
.btn .ico_download {background-image:url(../images/ifi_btn/ico_download_b.png);}

/* tab - function */
.tab_common .tab_content 	{display:none;}
.tab_common .tab_content.on {display:block;}
.tab_access .tab_box .tab_content, .tab_access .tab_box .btn_more 		{display:none;}
.tab_access .tab_box.on .tab_content, .tab_access .tab_box.on .btn_more {display:block;}

/* list tgl */
.lt_l 				{cursor:pointer;}
.lt_p .lt_c 		{display:none;}
.lt_p.open .lt_c 	{display:block;}

/* inline block width check*/
.ib_w {display:inline-block; text-overflow:ellipsis; white-space:nowrap;}

/* div inline block to table */
@media (min-width:1180px) {
    .l_ib_t {display:inline-block;}
	.l_ib_t > div {display:inline-block;}
}
@media (min-width:768px) and (max-width:1179px) {
    .l_ib_t {display:inline-block;}
    .l_ib_t > div {display:inline-block;}
}
@media (max-width:767px) {
    .l_ib_t {display:table; width:100%; table-layout:fixed;}
    .l_ib_t > div {display:table-cell;}
}

/* div table to block */
@media (min-width:1180px) {
    .l_t_b {display:table; width:100%; table-layout:fixed;}
    .l_t_b > div {display:table-cell; padding:0 1px;}
}
@media (min-width:768px) and (max-width:1179px) {
    .l_t_b {display:table; width:100%; table-layout:fixed;}
    .l_t_b > div {display:table-cell; padding:0 1px;}
    
	.pd_t6{padding-top:0px;}
}
@media (max-width:767px) {
    .l_t_b {display:block;}
	.l_t_b > div {display:block;}
	.l_t_b > div ~ div {margin-top:4px;}

	.l_t_b div[class^="w_"] {width:100% !important;}
	
	.pd_t6{padding-top:0px; position:absolute; right:0;}
}

/* list col count */
@media (min-width:1180px) {
	.cnt9-6-3 > ul > li {width:11.1111%;}
	.cnt8-6-4 > ul > li {width:12.5%;}
	.cnt8-4-4 > ul > li {width:12.5%;}
	.cnt8-4-2 > ul > li {width:12.5%;}
	.cnt6-6-4 > ul > li {width:16.6666%;}
	.cnt6-4-2 > ul > li {width:16.6666%;}	
	.cnt6-4-1 > ul > li {width:16.6666%;}
	.cnt5-3-2 > ul > li {width:20%;}
	.cnt5-3-1 > ul > li {width:20%;}
	.cnt4-4-2 > ul > li {width:25%;}
	.cnt4-4-1 > ul > li {width:25%;}
	.cnt4-3-2 > ul > li {width:25%;}
	.cnt4-3-1 > ul > li {width:25%;}
	.cnt4-2-2 > ul > li {width:25%;}
	.cnt4-2-1 > ul > li {width:25%;}
	.cnt3-3-3 > ul > li {width:33.3333%;}
	.cnt3-3-2 > ul > li {width:33.3333%;}
	.cnt3-3-1 > ul > li {width:33.3333%;}
	.cnt3-2-2 > ul > li {width:33.3333%;}		
	.cnt3-2-1 > ul > li {width:33.3333%;}
	.cnt2-2-2 > ul > li {width:50%;}
	.cnt2-2-1 > ul > li {width:50%;}
	.cnt2-4-2 > ul > li {width:50%;}
	.cnt1-1-1 > ul > li {width:100%;}
	li.formp {width:66.66%}
	li.formp select {width:40.5%}
}
@media (min-width:768px) and (max-width:1179px) {
	.cnt9-6-3 > ul > li {width:16.6666%;}
	.cnt8-6-4 > ul > li {width:16.6666%;}
	.cnt8-4-4 > ul > li {width:25%;}
	.cnt8-4-2 > ul > li {width:25%;}
	.cnt6-6-4 > ul > li {width:16.6666%;}
	.cnt6-4-2 > ul > li {width:25%;}
	.cnt6-4-1 > ul > li {width:25%;}
	.cnt5-3-2 > ul > li {width:33.3333%;}
	.cnt5-3-1 > ul > li {width:33.3333%;}	
	.cnt4-4-2 > ul > li {width:25%;}
	.cnt4-3-2 > ul > li {width:33.3333%;}
	.cnt4-3-1 > ul > li {width:33.3333%;}
	.cnt4-4-1 > ul > li {width:25%;}
	.cnt4-2-2 > ul > li {width:50%;}
	.cnt4-2-1 > ul > li {width:50%;}
	.cnt3-3-3 > ul > li {width:33.3333%;}	
	.cnt3-3-2 > ul > li {width:33.3333%;}
	.cnt3-3-1 > ul > li {width:33.3333%;}
	.cnt3-2-2 > ul > li {width:50%;}	
	.cnt3-2-1 > ul > li {width:50%;}
	.cnt2-2-2 > ul > li {width:50%;}
	.cnt2-2-1 > ul > li {width:50%;}
	.cnt2-4-2 > ul > li {width:25%;}
	.cnt1-1-1 > ul > li {width:100%;}
	li.formp {width:100%}
	li.formp select {width:100%}

}
@media (max-width:767px) {
	.cnt9-6-3 > ul > li {width:33.3333%;}
	.cnt8-6-4 > ul > li {width:25%;}
	.cnt8-4-4 > ul > li {width:25%;}
	.cnt8-4-2 > ul > li {width:50%;}
	.cnt6-6-4 > ul > li {width:25%;}
	.cnt6-4-2 > ul > li {width:50%;}
	.cnt6-4-1 > ul > li {width:100%;}
	.cnt5-3-2 > ul > li {width:50%;}
	.cnt5-3-1 > ul > li {width:100%;}	
	.cnt4-4-2 > ul > li {width:50%;}
	.cnt4-4-1 > ul > li {width:100%;}
	.cnt4-3-2 > ul > li {width:50%;}
	.cnt4-3-1 > ul > li {width:100%;}	
	.cnt4-2-2 > ul > li {width:50%;}
	.cnt4-2-1 > ul > li {width:100%;}
	.cnt3-3-3 > ul > li {width:33.3333%;}
	.cnt3-3-2 > ul > li {width:50%;}
	.cnt3-3-1 > ul > li {width:100%;}
	.cnt3-2-2 > ul > li {width:50%;}		
	.cnt3-2-1 > ul > li {width:100%;}
	.cnt2-2-2 > ul > li {width:50%;}
	.cnt2-2-1 > ul > li {width:100%;}
	.cnt2-4-2 > ul > li {width:50%;}
	.cnt1-1-1 > ul > li {width:100%;}
	li.formp {width:100%}
	li.formp select {width:100%}
}

/* title */
[class^="s_title"] {position:relative; display:block; font-weight:500; word-break:break-word;}
.s_title_1 {font-size:20px; line-height:28px; color:#000; margin-top:32px;}
.s_title_2 {font-size:18px; line-height:26px; color:#111; margin-top:24px; padding-left:24px;}
.s_title_2::before {display:block; content:''; width:16px; height:16px; position:absolute; left:0; top:5px; background:url(../images/ifi_sub_cmn/blt_h5.png) no-repeat center center;}
.s_title_3 {font-size:16px; line-height:24px; color:#222; margin-top:16px; padding-left:20px;}
.s_title_3::before {display:block; content:''; width:14px; height:14px; position:absolute; left:0; top:5px; background:url(../images/ifi_sub_cmn/blt_h6.png) no-repeat center center;}

[class^="s_title"].blt_none {padding-left:0;}
[class^="s_title"].blt_none::before {display:none;}

/* descript */
.p_descript {display:block; font-size:18px; line-height:26px; color:#222; padding:2px 0; font-weight:500;}
.s_descript {display:block; font-size:15px; line-height:24px; color:#444; padding:2px 0; margin-top:8px;}
.i_descript {display:block; font-size:14px; line-height:22px; color:#666; padding:2px 0; margin-top:4px;}
.a_descript {position:relative; display:block; padding:2px 0 2px 20px; font-size:15px; line-height:20px; color:#f57d20; margin-top:4px;}
.a_descript::before {display:block; content:"※"; position:absolute; left:0; top:2px; width:16px; text-align:center;}

/* list type */
.s_list {font-size:15px; line-height:24px; margin-top:8px;}
.s_list ul, .s_list ol {padding-top:2px; padding-bottom:2px;}
.s_list li {position:relative; padding:2px 0 2px 20px; color:#444;}
.s_list li li {color:#666;}
.s_list .sl_dot {display:block; width:4px; height:4px; border-radius:2px; background:#ddd; position:absolute; left:6px; top:11px;}
.s_list .sl_bar {display:block; width:8px; height:2px; border-radius:2px; background:#ddd; position:absolute; left:4px; top:12px;}
.s_list .sl_txt {display:block; width:16px; position:absolute; left:0; top:2px;}
.s_list .sl_rnum {display:block; width:18px; height:18px; border-radius:10px; font-family:'Century Gothic'; font-size:11px; line-height:18px; color:#fff; background:#09589a; text-align:center; position:absolute; left:-3px; top:3px;}
.s_list .data_table, .s_list .box_image {margin-bottom:8px;}

/* link text */
.s_link_text {color:#467be1; border-bottom:1px dotted #467be1; margin-bottom:-1px;}
.s_link_text .ico_window {position:relative; display:inline-block; width:16px; height:16px; border-radius:8px; background:#467be1; vertical-align:middle; margin:-3px 0 0 3px;}
.s_link_text .ico_window::before {position:absolute; right:50%; bottom:50%; width:6px; height:6px; border:0; border-top:1px solid #fff; border-right:1px solid #fff; margin:0 -4px -2px 0;}
.s_link_text .ico_window::after {position:absolute; left:50%; top:50%; width:6px; height:6px; border:0; border:1px solid #fff; margin:-2px 0 0 -4px;}

/* 일반 텍스트, 리스트 사이 버튼 */
.s_descript .btn_xs, .s_list .btn_xs {vertical-align:top; margin:0 4px;}

/* btns */
.s_btn {font-size:0; line-height:0; text-align:center; margin-top:60px;}
.s_btn::after {display:block; content:''; clear:both;}
.s_btn .btn {margin:2px;}
.s_btn .fl_l > * {margin-left:0; margin-right:4px;}
.s_btn .fl_r > * {margin-right:0; margin-left:4px;}

/* iframe */
.s_ifrm {display:block; margin:0; padding:0; width:100%; overflow:auto;}

/* data table */
.data_table {margin-top:8px;}
.data_table * {vertical-align:middle;}
.data_table table {table-layout:fixed; border-collapse:separate; width:100%; border-top:1px solid #333; border-left:1px solid #ddd;}
.data_table table th,
.data_table table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px 16px;}
.data_table table th {color:#222;}
.data_table table td {color:#444;}
.data_table table thead th {font-size:15px; line-height:24px; font-weight:500; letter-spacing:-0.048em; background:#f8f8f8; border-bottom:1px solid #bbb;}
.data_table table tbody th {background:#fdfdfd; color:#4475cb;}
.data_table table tbody th,
.data_table table tbody td {font-size:15px; line-height:24px; position:relative;}
.data_table table tfoot th,
.data_table table tfoot td {font-size:15px; line-height:24px; font-weight:500; letter-spacing:-0.048em; color:#09589a; background:#f8f8f8; padding-top:20px; padding-bottom:20px;}

.data_table .bg_b th,
.data_table .bg_b td,
.data_table .bg_b {background:#ddedfc; color:#09589a;}

.data_table .ta_l {text-align:left;}
.data_table .ta_c {text-align:center;}
.data_table .ta_r {text-align:right;}
.data_table .va_t {vertical-align:top;}

/* box */
[class^="box_"] {position:relative; padding:20px 24px; margin-top:32px;}
.box_image {border:1px solid #ddd;}
.box_image img {display:block; max-width:100%; margin:0 auto;}
.box_image .ico_zoom {display:none; position:absolute; bottom:-1px; right:-1px; width:40px; height:40px; background:url(../images/ifi_sub_cmn/ico_expension.png) no-repeat #000 center center;  opacity:0.48;}
.box_image .ico_zoom .ico_window {display:none;}
.box_line {border:1px solid #ddd;}
.box_gray {background:#f5f5f5;}
.box_ifi {background:#ddedfc; padding:32px 64px; border-radius:120px;}
.box_ifi .p_descript {color:#09589a; font-size:20px; line-height:28px;}

@media (max-width:767px) {
	.box_image {padding:16px;}
	.box_image .ico_zoom {display:block;}
	.box_ifi {padding:20px 24px; border-radius:8px;}
	.box_ifi .p_descript {color:#1262a6; font-size:18px; line-height:26px;}
}

/* ico_window */
.ico_window {position:relative; display:inline-block; width:12px; height:12px; vertical-align:middle; margin-left:4px;}
.ico_window::before, .ico_window::after {display:block; content:''; position:absolute;}
.ico_window::before {right:0; bottom:0; width:10px; height:10px; border:1px solid #666; border-top:0; border-left:0; opacity:0.48;}
.ico_window::after {left:0; top:0; width:10px; height:10px; border:1px solid #666;}



/****************************************************************************************************
	layout
 ****************************************************************************************************/

/* width catch */
.w_catch {position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden;}

/* snb */
.snb a {position:fixed; left:0; top:0; width:100%; display:block; background:rgba(4,108,197,0.48); color:#fff; font-size:15px; line-height:20px; padding:20px; text-align:center; z-index:999; opacity:0; transform:translate(0,-60px); transition:opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;}
.snb a:focus {opacity:1; transform:translate(0,0);}

/* tnb */
.tnb {font-size:0; line-height:0; background:#f5f5f8;}
.tnb > div {position:relative; width:1180px; margin:0 auto; padding:4px 0; text-align:right;}
.tnb ul, .tnb ul li {display:inline-block;}
.tnb ul li {padding:2px 0; margin:0 0 0 16px;}
.tnb ul li a,
.tnb ul li span {display:block; font-size:12px; line-height:20px; font-weight:500; color:#666;}

/* body_bg */
.body_shadow {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.64); z-index:900; opacity:0; transition:opacity 0.3s ease-out; display:none;}
.body_shadow.on {opacity:1;}

/* header */
.header {position:relative; font-size:0; line-height:0; border-bottom:1px solid #ddd; z-index:20;}
.header .h_logo {display:block; float:left;}
.header .h_logo a {display:block; background:url(../images/ifi_header/ifi.svg) no-repeat left top; background-size:auto 100%;}
.header .h_total_srch {display:block; float:left; width:24px; height:24px; background:url(../images/ifi_header/ico_search.png) no-repeat center center;}
.header .h_total_menu {display:block; float:left; width:24px; height:24px; position:relative; background:url(../images/ifi_header/ico_hm.png) no-repeat center center;}
 
@media (min-width:1180px) {
	.header .h_inner {width:1180px; height:88px; margin:0 auto;}
	.header .h_logo {padding:22px 0 18px 0;}
	.header .h_logo a {width:286px; height:48px;}
	.header .h_total_srch {margin:32px 16px; margin-right:0;}
	.header .h_total_menu {margin:32px 16px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.header .h_inner {height:64px;}
	.header .h_logo {padding:14px 24px 10px 24px;}
	.header .h_logo a {width:240px; height:40px;}
	.header .h_total_srch {margin:20px 12px; margin-right:24px;}
	.header .h_total_menu {margin:20px 12px;}
}
@media (max-width:767px) {
	.header .h_inner {height:56px;}
	.header .h_logo {padding:14px 16px 10px 16px;}
	.header .h_logo a {width:190px; height:32px;}
	.header .h_total_srch {margin:16px 8px; margin-right:16px;}
	.header .h_total_menu {margin:16px 8px;}
}
 
/* gnb */
.gnb {float:left; padding:0 0 0 16px;}
.gnb > ul::after {display:block; content:''; clear:both;}
/* .gnb > ul > li {position:relative; float:left; padding:24px 16px;} */
.gnb > ul > li {position:relative; float:left; padding:24px 14px;}
.gnb > ul > li > a {position:relative; display:block; font-size:20px; line-height:20px; font-weight:500; letter-spacing:-0.048em; color:#333; padding:10px 0;}
.gnb > ul > li.on > a {color:#4475cb;}
.gnb > ul > li > a::after {position:absolute; left:0; bottom:0; display:block; content:''; width:0; height:1px; background:#333; transition:width .15s ease-in-out;}
.gnb > ul > li:hover > a::after, .gnb > ul > li > a:focus::after {width:100%;}
.gnb > ul > li.on > a::after {background:#4475cb;}
.gnb > ul > li > div {position:absolute; top:100%; width:1180px; z-index:10; text-align:left; display:none;}/* background:#4475cb; */
.gnb > ul > li.over > div {display:block; z-index:20;}
.gnb > ul > li.on > div {display:block; z-index:15;}
.gnb > ul > li > div > ul {display:inline-block; padding:8px 0;}
.gnb > ul > li > div > ul > li {display:inline-block; padding:0 16px;}
.gnb > ul > li > div > ul > li > a {display:block; padding:4px 0; text-align:center;}
.gnb > ul > li > div > ul > li > a > span {position:relative; display:inline-block; font-size:14px; line-height:20px; color:rgba(255,255,255,0.56); white-space:nowrap;}
.gnb > ul > li > div > ul > li > a:hover > span {color:#fff;}
.gnb > ul > li > div > ul > li.on > a > span {color:#fff;}
.gnb_bg {position:absolute; left:0; top:100%; width:100%;}
.gnb_bg > div {background:#4475cb; height:0; transition:height .2s ease-out; z-index:800;}
 
/* total search */
.total_srch {position:fixed; left:0; top:0; width:100%; background:#4475cb; opacity:0; transform:translate(0,-25%); transition:opacity .24s ease-out, transform .24s ease-out; z-index:910; display:none;}
.total_srch.open {opacity:1; transform:translate(0,0);}
.total_srch > fieldset {position:relative;}
.total_srch input[type=text] {position:relative; border:0; border-bottom:1px solid rgba(255,255,255,0.56); background:none; color:rgba(255,255,255,0.56); outline:0;}
.total_srch input[type=text]:focus {color:#fff; border-bottom:1px solid #fff;}
.total_srch input[type=text]::placeholder {color:rgba(255,255,255,0.56);}
.total_srch .btn_search,
.total_srch .btn_close {position:absolute; top:50%; display:block; text-align:center; font-size:0; line-height:0; opacity:0.56;}
.total_srch .btn_search:hover,
.total_srch .btn_close:hover {opacity:1;}
.total_srch .btn_search {background:url(../images/ifi_header/global_search_ico_search.png) no-repeat center center;}
.total_srch .btn_close {background:url(../images/ifi_header/global_search_ico_close.png) no-repeat center center;}
 
@media (min-width:1180px) {
	.total_srch > fieldset {width:1180px; height:120px; margin:0 auto; padding:36px 0;}
	.total_srch input[type=text] {width:calc(100% - 96px); height:48px; font-size:18px; line-height:26px; padding:11px 8px;}
	.total_srch .btn_search,
	.total_srch .btn_close {width:48px; height:48px; margin:-24px 0 0 0;}
	.total_srch .btn_search {right:48px;}
	.total_srch .btn_close {right:0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.total_srch > fieldset {height:64px; padding:12px;}
	.total_srch input[type=text] {width:calc(100% - 80px); height:40px; font-size:16px; line-height:24px; padding:8px 6px;}
	.total_srch .btn_search,
	.total_srch .btn_close {width:40px; height:40px; margin:-20px 0 0 0;}
	.total_srch .btn_search {right:52px;}
	.total_srch .btn_close {right:12px;}
}
@media (max-width:767px) {
	.total_srch > fieldset {height:56px; padding:12px;}
	.total_srch input[type=text] {width:calc(100% - 64px); height:32px; font-size:14px; line-height:22px; padding:5px 4px;}
	.total_srch .btn_search,
	.total_srch .btn_close {width:32px; height:32px; margin:-16px 0 0 0;}
	.total_srch .btn_search {right:44px;}
	.total_srch .btn_close {right:12px;}
}

/* total menu */
.total_menu {position:fixed; top:0; opacity:0; transition:opacity .3s ease-out, transform .3s ease-out; z-index:910; display:none;}
.total_menu.open {opacity:1; transform:translate(0,0);}
.total_menu .tm_member_info {background:#4475cb;}
.total_menu .tm_member_info > div {position:relative; padding:20px 24px; padding-left:92px; min-height:96px;}
.total_menu .tm_member_info .tmi_icon {position:absolute; left:24px; top:20px; width:56px; height:56px; border-radius:28px; background:url(../images/ifi_header/ico_person.png) no-repeat #fff center center; text-align:center;}
.total_menu .tm_member_info .tmi_descript {display:block; font-size:18px; line-height:1; color:#fff; margin-top:8px;}
.total_menu .tm_member_info .tmi_btns {font-size:0; line-height:0; margin:10px 0 0 1px;}
.total_menu .tm_member_info .tmi_btns * {vertical-align:middle;}
.total_menu .tm_member_info .tmi_btns li {display:inline-block; padding-right:8px; margin-right:8px; border-right:1px solid rgba(255,255,255,0.16);}
.total_menu .tm_member_info .tmi_btns li:last-child {padding:0; margin:0; border:0;}
.total_menu .tm_member_info .tmi_btns li a {display:block; color:rgba(255,255,255,0.56);}
.total_menu .tm_member_info .tmi_btns li a span {display:block; font-size:12px; line-height:1;}

.total_menu .btn_close:hover {opacity:1;}

@media (min-width:1180px) {
	.total_menu {left:0; width:100%; max-height:100%; overflow:hidden; overflow-y:auto; transform:translate(0,-25%); background:#fff;}
	.total_menu > div {position:relative; width:1180px; margin:0 auto; padding:64px 0;}
	.total_menu .btn_close {display:block; width:48px; height:48px; position:absolute; right:0; top:0; text-align:center; z-index:920; background:url(../images/ifi_header/global_menu_ico_close_b.png) no-repeat center center; opacity:0.56;}
	.total_menu .tm_list > ul {margin:-16px;}
	.total_menu .tm_list > ul::after {display:block; content:''; clear:both;}
	.total_menu .tm_list > ul > li {float:left; width:20%; padding:16px;}
	.total_menu .tm_list > ul > li:nth-child(5n+1) {clear:both;}
	.total_menu .tm_list > ul > li > p {display:block; padding:12px 8px; border-bottom:1px solid #222;}
	.total_menu .tm_list > ul > li > p > span {display:block; font-size:18px; line-height:26px; font-weight:500; color:#222;}
	.total_menu .tm_list > ul > li.on > p > span {color:#4475cb;}
	.total_menu .tm_list > ul > li > div {margin-top:8px;}
	.total_menu .tm_list > ul > li > div > ul {padding:4px 0;}
	.total_menu .tm_list > ul > li > div > ul > li {position:relative; padding:4px 0; padding-left:8px;}
	.total_menu .tm_list > ul > li > div > ul > li::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#444; position:absolute; left:0; top:14px;}
	.total_menu .tm_list > ul > li > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#666;}
	.total_menu .tm_list > ul > li > div > ul > li.on > a {color:#4475cb;}
}
@media (max-width:1179px) {
	.total_menu {right:0; width:320px; height:100%; transform:translate(75%,0); background:#fff;}
	.total_menu > div {position:relative; height:100%; max-height:100%; overflow:hidden; overflow-y:auto;}
	.total_menu .btn_close {display:block; width:48px; height:48px; position:absolute; right:0; top:0; text-align:center; z-index:920; background:url(../images/ifi_header/global_search_ico_close.png) no-repeat center center; opacity:0.56;}
	.total_menu .tm_list > ul > li > p {position:relative; display:block; border-bottom:1px solid #ddd; padding:12px 50px 12px 20px; cursor:pointer;}
	.total_menu .tm_list > ul > li > p > span {display:block; font-size:16px; line-height:24px; font-weight:500; color:#222;}
	.total_menu .tm_list > ul > li.on > p > span {color:#4475cb;}
	.total_menu .tm_list > ul > li > p::after {display:block; content:''; width:48px; height:48px; background:url(../images/ifi_header/ico_plus.png) no-repeat center center; position:absolute; right:0; top:0;}
	.total_menu .tm_list > ul > li.open > p::after {background:url(../images/ifi_header/ico_minus.png) no-repeat center center;}
	.total_menu .tm_list > ul > li > div {display:none; background:#f5f5f5; padding:12px 20px;}
	.total_menu .tm_list > ul > li.open > div {display:block;}
	.total_menu .tm_list > ul > li > div > ul {padding:2px 0;}
	.total_menu .tm_list > ul > li > div > ul > li {position:relative; padding:2px 0 2px 8px;}
	.total_menu .tm_list > ul > li > div > ul > li::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#444; position:absolute; left:0; top:12px;}
	.total_menu .tm_list > ul > li > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#666;}
	.total_menu .tm_list > ul > li > div > ul > li.on > a {color:#4475cb;}
}

/* footer */
.footer {font-size:0; line-height:0; border-top:1px solid #aaa; background:#f8f8f8;}
.footer .fnb ul li {display:inline-block; padding:0 0 0 10px; margin:0 0 0 10px; border-left:1px solid #ddd;}
.footer .fnb ul li:first-child {padding:0; margin:0; border:0;}
.footer .fnb ul li a {display:block; font-size:13px; line-height:1; letter-spacing:-0.048em; color:#333;}
.footer .fnb .f_private a {color:#4475cb;}
.footer .copyright {margin:16px 0 0 0;}
.footer .copyright p {display:block; font-size:12px; line-height:20px; color:#999;}

@media (min-width:1180px) {
	.footer > div {width:1180px; margin:0 auto; padding:32px 0; padding-bottom:40px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.footer > div {padding:32px 24px; padding-bottom:40px;}
}
@media (max-width:767px) {
	.footer > div {padding:32px 16px; padding-bottom:40px;}
}

/* content */
@media (min-width:1180px) {
	.content {width:1180px; margin:0 auto; padding:48px 0 0 0;}
	.content.on {padding-top:92px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.content {padding:32px 24px 0 24px;}
}
@media (max-width:767px) {
	.content {padding:24px 16px 0 16px;}
}
 
/* sub top */
.sub_top {font-size:0; line-height:0; border-bottom:1px solid #ddd;}
.sub_top::after {display:block; content:''; clear:both;}
.sub_top * {vertical-align:middle;}
.sub_top .st_title h3 {font-weight:500; letter-spacing:-0.048em; color:#222;}
.sub_top .st_location {padding:9px 0;}
.sub_top .st_location > ul::after {display:block; content:''; clear:both;}
.sub_top .st_location > ul > li {float:left; padding:0 0 0 12px; margin-left:8px; background:url(../images/ifi_sub_cmn/sub_top_ico_arrow.png) no-repeat left center;}
.sub_top .st_location > ul > li:first-child {padding:0; margin:0; background:none;}
.sub_top .st_location > ul > li:first-child > a {width:18px; height:20px; background:url(../images/ifi_sub_cmn/ico_home.png) no-repeat center center;}
.sub_top .st_location > ul > li > a {display:block;}
.sub_top .st_location > ul > li > a > span {display:block; font-size:14px; line-height:22px; color:#222;}
.sub_top .st_location > ul > li:last-child > a > span {color:#4475cb; font-weight:500;}

@media (min-width:1180px) {
	.sub_top {padding-bottom:20px;}
	.sub_top .st_title h3 {font-size:30px; line-height:38px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.sub_top {padding-bottom:18px;}
	.sub_top .st_title h3 {font-size:28px; line-height:36px;}
}
@media (max-width:767px) {
	.sub_top {padding-bottom:16px;}
	.sub_top .st_title h3 {font-size:26px; line-height:34px;}
}

/* tab */
.tab_flt {font-size:0; line-height:0; margin-top:32px;}
.tab_flt > ul {margin:-1px;}
.tab_flt > ul::after {display:block; content:''; clear:both;}
.tab_flt > ul > li {display:block; float:left; padding:1px;}
.tab_flt > ul > li > a {position:relative; display:block; background:#eee; text-align:center; color:#333;}
.tab_flt > ul > li > a > span {display:inline-block; vertical-align:middle;}
.tab_flt > ul > li > a > .tf_num {display:inline-block; font-family:'Century Gothic'; letter-spacing:0; vertical-align:middle; margin-left:6px; color:red;}
.tab_flt > ul > li.on > a {background:#4475cb; color:#fff;}
.tab_flt > ul > li.on > a > .tf_num {color:#fff;}
.tab_flt > ul > li.on > a::after {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:rgba(0,0,0,0.16);}

@media (min-width:1180px) {
	.tab_flt > ul > li > a {padding:10px 12px;}
	.tab_flt > ul > li > a > span {font-size:16px; line-height:24px;}
	.tab_flt > ul > li > a > .tf_num {font-size:16px; line-height:24px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.tab_flt > ul > li > a {padding:9px 11px;}
	.tab_flt > ul > li > a > span {font-size:14px; line-height:22px;}
	.tab_flt > ul > li > a > .tf_num {font-size:14px; line-height:22px;}
}
@media (max-width:767px) {
	.tab_flt > ul > li > a {padding:8px 10px;}
	.tab_flt > ul > li > a > span {font-size:12px; line-height:20px;}
	.tab_flt > ul > li > a > .tf_num {font-size:12px; line-height:20px;}
}

/* search area */
.search_area {font-size:0; line-height:0; text-align:center; background:#eee; border-radius:4px; padding:16px 20px; margin-top:32px;}
.search_area * {vertical-align:middle;}
.search_area input,
.search_area select {font-size:15px; line-height:24px; font-weight:500; height:35px; padding:4px;}
.search_area input {padding:4px 8px;}

@media (min-width:1180px) {
	.search_area input {width:360px;}
	.modal .search_area input {width:320px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.search_area input {width:280px;}
}
@media (max-width:767px) {
	.search_area {padding:8px;}
}

/* detail search area */
.detail_search_area {border:2px solid #000; border-radius:4px; margin-top:32px;}
.detail_search_area .sa_t {font-size:0; line-height:0; padding:12px 24px;}
.detail_search_area .sa_t::after {display:block; content:''; clear:both;}
.detail_search_area .sa_t h4 {display:inline-block; font-size:16px; line-height:24px; font-weight:500;}
.detail_search_area .sa_t .btn_tgl {display:inline-block; padding:2px 0;}
.detail_search_area .sa_t .btn_tgl > span {display:inline-block; font-size:14px; line-height:22px; color:#666; vertical-align:middle;}
.detail_search_area .sa_t .btn_tgl::after {display:inline-block; content:''; width:20px; height:20px; background:url(../images/ifi_sub_cmn/search_area_ico_open.png) no-repeat center center; vertical-align:middle;}
.detail_search_area.open .sa_t .btn_tgl::after {background-image:url(../images/ifi_sub_cmn/search_area_ico_close.png);}
.detail_search_area .sa_t .btn_tgl .txt_open {display:inline-block;}
.detail_search_area .sa_t .btn_tgl .txt_close {display:none;}
.detail_search_area.open .sa_t .btn_tgl .txt_open {display:none;}
.detail_search_area.open .sa_t .btn_tgl .txt_close {display:inline-block;}
.detail_search_area .sa_c {background:#f8f8f8; padding:12px 24px; border-top:1px solid rgba(0,0,0,0.04)}
.detail_search_area .sa_c .sa_form {margin-right:-24px;}
.detail_search_area .sa_c .sa_form::after {display:block; content:''; clear:both;}
.detail_search_area .sa_c .sa_form > ul > li {position:relative; float:left; padding:4px 0; padding-left:100px; padding-right:24px; min-height:36px;}
.detail_search_area .sa_c .sa_form > ul > li.title_none {padding-left:0;}
.detail_search_area .sa_c .sa_form > ul > li.sa_title_s {padding-left:80px;}
.detail_search_area .sa_c .sa_form .sa_title {display:block; font-size:15px; line-height:24px; font-weight:500; color:#222; position:absolute; left:0; top:4px; padding:4px; padding-left:16px;}
.detail_search_area .sa_c .sa_form .sa_title::before {display:block; content:''; width:8px; height:8px; border-radius:4px; border:3px solid #bbb; position:absolute; left:0; top:50%; margin-top:-4px;}
.detail_search_area .sa_c .s_btn {margin-top:12px;}

/* board top */
.board_top {font-size:0; line-height:0; margin-top:32px;}
.board_top::after {display:block; content:''; clear:both;}
.board_top * {vertical-align:middle;}
.board_top > div {padding:2px 0;}
.board_top > .fl_l > * {margin-right:6px;}
.board_top > .fl_r > * {margin-left:6px;}
.board_top .bt_descript {display:inline-block; font-size:14px; line-height:20px; padding:1px 0; color:#666;}
.board_top .bt_count {display:inline-block; padding:1px 0;}
.board_top .bt_count span {display:inline-block; font-size:14px; line-height:20px; font-weight:500; color:#444;}
.board_top .bt_count strong {display:inline-block; font-family:'Century Gothic'; font-size:14px; line-height:20px; letter-spacing:0; color:red; padding:0 2px;}
.board_top .bt_slct {display:inline-block;}
.board_top .bt_slct > div {display:inline-block; padding-left:2px;}
.board_top .bt_slct .bts_title {display:inline-block; font-size:12px; line-height:20px; font-weight:500; color:#222; padding:1px 4px 1px 8px;}
.board_top .bt_slct select {height:22px; font-size:12px; line-height:20px; padding:0 0 0 2px;}
.board_top .bt_slct input[type="text"] {height:22px; font-size:12px; line-height:20px; padding:0 4px;}
.board_top .s_title_1,
.board_top .s_title_2 {display:inline-block; line-height:22px; margin-top:0;}
.board_top .btn_more {display:inline-block; height:22px; font-size:12px; line-height:20px; font-weight:500; color:#467be1; padding:1px 0 1px 20px; background:url(../images/ifi_sub_cmn/ico_bt_btn_more.png) no-repeat left center;}

.board_top > .fl_r > input[type="radio"],
.board_top > .fl_r > .f_label_12 {margin-left:0 !important;}
.board_top > .fl_r > .f_label_12 {padding-top:1px; padding-bottom:1px;}

/* gallery list */
.gallery_list {margin-top:8px;}
.gallery_list > ul::after {display:block; content:''; clear:both;}
.gallery_list > ul > li {float:left;}
.gallery_list > ul > li > div {border:1px solid #ddd;}
.gallery_list .gl_img {display:block; overflow:hidden; position:relative; font-size:0; line-height:0; background:url(../images/ifi_sub_cmn/no_image.png) no-repeat center center;}
.gallery_list .gl_img img {display:inline-block; width:100%; margin:-100% 0; vertical-align:middle;}
.gallery_list .gl_img::before {display:inline-block; width:0; height:100%; vertical-align:middle; content:'';}
.gallery_list .gl_img::after {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.04); content:'';}
.gallery_list .gl_descript {padding:16px 20px;}
.gallery_list .gl_ttl {display:block; font-size:15px; line-height:22px; color:#222; height:66px; text-overflow:ellipsis; overflow:hidden;}
.gallery_list .gl_date {display:block; font-size:14px; line-height:20px; color:#666; letter-spacing:0; font-family:'Century Gothic'; margin-top:16px;}
.gallery_list .no_list {width:100%;}
.gallery_list .no_list > p {display:block; padding:96px 0; font-size:12px; line-height:20px; font-weight:500; text-align:center; color:#666; border-top:1px solid #333; border-bottom:1px solid #ddd;}

@media (min-width:1180px) {	
	.gallery_list > ul {margin:-8px;}
	.gallery_list > ul > li {padding:8px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.gallery_list > ul {margin:-8px;}
	.gallery_list > ul > li {padding:8px;}
}
@media (max-width:767px) {
	.gallery_list > ul {margin:-4px;}
	.gallery_list > ul > li {padding:4px;}
}

/* board_list_li */
.board_list_li {border-top:1px solid #333; margin-top:8px;}
.board_list_li > ul > li {position:relative; padding:20px 16px; border-bottom:1px solid #ddd;}
.board_list_li > ul > li::after {display:block; content:''; clear:both;}
.board_list_li .bl_l img {display:block; width:100%;}
.board_list_li .bl_r {width:100%;}
.board_list_li .bl_link {display:block; font-size:18px; line-height:26px; color:#222;}
.board_list_li .bl_descript {display:block; font-size:14px; line-height:22px; color:#666; text-overflow:ellipsis; overflow:hidden; margin-top:8px;}
.board_list_li .bl_info {font-size:0; line-height:0; margin-top:16px;}
.board_list_li .bl_info * {vertical-align:middle;}
.board_list_li .bl_info [class^="bl_"] {display:inline-block; font-size:12px; line-height:20px; padding:2px 0; margin-right:16px;}
.board_list_li .bl_info .bl_tag {color:#047be0; padding-left:24px; background:url(../images/ifi_sub_cmn/ico_tag.png) no-repeat left 4px;}
.board_list_li .bl_info .bl_date {color:#888; padding-left:20px; background:url(../images/ifi_sub_cmn/ico_calendar_g.png) no-repeat left 4px;}
.board_list_li .bl_info .bl_source {color:#047be0; padding-left:20px; background:url(../images/ifi_sub_cmn/ico_source.png) no-repeat left 4px;}

.board_list_li .bl_info > ul > li {position:relative; display:inline-block; font-size:12px; line-height:20px; color:#888; padding:2px 0; padding-right:9px; margin-right:8px;}
.board_list_li .bl_info > ul > li::after {display:block; content:''; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-6px;}
.board_list_li .bl_info > ul > li:last-child::after {display:none;}

@media (min-width:1180px) {
    .board_list_li > ul > li > div {float:left;}
    .board_list_li .bl_l {padding-top:4px;}
    .board_list_li .bl_l {width:160px; padding-right:24px;}
    .board_list_li .bl_l + .bl_r {width:calc(100% - 160px);}
    .board_list_li .bl_link {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    .board_list_li .bl_descript {max-height:44px;}
}
@media (min-width:768px) and (max-width:1179px) {
    .board_list_li > ul > li > div {float:left;}
    .board_list_li .bl_l {padding-top:4px;}
    .board_list_li .bl_l {width:120px; padding-right:20px;}
    .board_list_li .bl_l + .bl_r {width:calc(100% - 120px);}
    .board_list_li .bl_link {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    .board_list_li .bl_descript {max-height:44px;}
}
@media (max-width:767px) {
    .board_list_li .bl_info > div {float:none; display:inline-block;}
    .board_list_li .bl_descript {max-height:66px;}
    .board_list_li .bl_l + .bl_r {margin-top:16px;}
}

/* board_list_table */
.board_list_table {margin-top:8px;}
.board_list_table * {vertical-align:middle;}
.board_list_table table {table-layout:fixed; width:100%; border-top:1px solid #333;}
.board_list_table table th,
.board_list_table table td {border-bottom:1px solid #ddd; text-align:center;}
.board_list_table table td.ta_l {text-align:left;}
.board_list_table table th {font-size:15px; line-height:24px; font-weight:500; letter-spacing:-0.048em; padding:10px 10px 12px; color:#222; background:#f8f8f8;}
.board_list_table table td {font-size:15px; line-height:24px; padding:10px 10px 12px; color:#444;}
.board_list_table .bl_fl0 {font-size:0; line-height:0;}
.board_list_table .bl_link {font-size:15px; line-height:24px; color:#4475cb; margin-right:6px;}
.board_list_table .bl_link:hover {text-decoration:underline;}
.board_list_table [class^="ico_"] {display:inline-block; width:16px; height:16px; margin-right:6px;}
.board_list_table .ico_lock {background:url(../images/ifi_sub_cmn/ico_lock.png) no-repeat center center;}
.board_list_table .ico_new {background:url(../images/ifi_sub_cmn/ico_new.png) no-repeat center center;}
.board_list_table .ico_file {background:url(../images/ifi_sub_cmn/ico_file.png) no-repeat center center; margin:0;}
.board_list_table .no_list {display:block; padding:96px 0; font-size:15px; line-height:20px; font-weight:400; color:#666;}
.board_list_table .bl_fl0 .btn,
.board_list_table i.btn {margin-right:6px;}
.board_list_table .bl_btn .btn {margin-right:0;}
.board_list_table table th .hdn {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}

/* faq list */
.faq_list {margin-top:32px;}
.faq_list > ul {border-top:1px solid #000;}
.faq_list .fl_q,
.faq_list .fl_a {display:block; position:relative; border-bottom:1px solid #ddd;}
.faq_list .fl_q {padding:16px 56px 16px 64px;}
.faq_list .fl_a {display:none; background:#f8f8f8; padding:17px 20px 17px 64px;}
.faq_list .open .fl_a {display:block;}
.faq_list .fl_q > i,
.faq_list .fl_a > i {position:absolute; left:16px; top:12px; display:block; width:32px; height:32px; border-radius:16px; font-size:16px; line-height:32px; font-weight:500; text-align:center;}
.faq_list .fl_q > i {color:#09589a; background:#ddedfc;}
.faq_list .fl_a > i {color:#fff; background:#09589a;}
.faq_list .fl_q span {display:block; font-size:16px; line-height:24px;}
.faq_list .fl_q::after {display:block; content:''; width:48px; height:48px; background:url(../images/ifi_sub_cmn/faq_ico_arrow_down.png) no-repeat center center; position:absolute; right:0; top:50%; margin-top:-24px;}
.faq_list .open .fl_q::after {background-image:url(../images/ifi_sub_cmn/faq_ico_arrow_up.png);}
.faq_list .fl_a p {display:block; font-size: 16px; line-height: 24px;}
.faq_list .fl_a .fla_c {padding:4px 0; margin-top:8px;}
.faq_list .fl_a .fla_c .attach_list {position:relative; padding:28px 0 0 0;}
.faq_list .fl_a .s_btn {margin-top:12px;}
.faq_list .no_list {padding:96px 0; font-size:12px; line-height:20px; font-weight:500; text-align:center; color:#666; border-bottom:1px solid #ddd;}

/* board view */
.board_view {margin-top:32px; border-top:1px solid #444;}
.board_view .bv_t {font-size:0; line-height:0; padding:16px; border-bottom:1px solid #ddd;}
.board_view .bv_t::after {display:block; content:''; clear:both;}
.board_view .bv_t * {vertical-align:middle;}
.board_view .bv_t > div {padding:4px 0;}
.board_view .bv_t .btn {margin-right:8px;}
.board_view .bv_t h4 {display:inline; font-size:20px; line-height:28px; color:#222;}
.board_view .bv_t [class^="txt_"] {display:inline-block; position:relative; font-size:14px; line-height:22px; color:#666; padding:3px 0; padding-left:8px; margin-left:6px;}
.board_view .bv_t [class^="txt_"]::before {display:block; content:''; width:2px; height:2px; border-radius:2px; background:#ddd; position:absolute; left:0; top:13px;}
.board_view .bv_t [class^="btn_"] {margin-top:-2px; margin-bottom:-2px;}
.board_view .bv_t .bvt_class {margin-top:8px;}
.board_view .bv_t .bvt_class > ul::after {display:block; content:''; clear:both;}
.board_view .bv_t .bvt_class > ul > li {position:relative; float:left; padding:2px 8px 2px 0; margin-right:8px;}
.board_view .bv_t .bvt_class > ul > li::before {display:block; content:''; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-6px;}
.board_view .bv_t .bvt_class > ul > li:last-child::before {display:none;}
.board_view .bv_t .bvt_class > ul > li > .bvc_ttl,
.board_view .bv_t .bvt_class > ul > li > .bvc_detail,
.board_view .bv_t .bvt_class > ul > li > a {display:inline-block; font-size:14px; line-height:20px; color:#888;}
.board_view .bv_t .bvt_class > ul > li > .bvc_ttl {padding-right:4px;}
.board_view .bv_t .bvt_class > ul > li > .bvc_detail {color:#444; font-weight:500;}
.board_view .bv_t .bvt_class > ul > li > a {color:#047be0; font-weight:500;}
.board_view .bv_c {padding:16px; border-bottom:1px solid #ddd;}
.board_view .bv_c:empty::before {display:block; content:'본문 준비중 입니다.'; font-size:14px; line-height:22px; font-weight:500; color:#888; padding:96px 0; text-align:center;}
.board_view .bv_c .bvc_txt {line-height:1.5; white-space:pre-wrap;}
.board_view .bv_b {padding:16px; border-bottom:1px solid #ddd;}
.board_view .bv_b > div {padding:4px 0;}
.board_view .attach_list {position:relative; padding:0 0 0 65px;}

@media (max-width:767px) {
	.board_view .attach_list {padding:28px 0 0 0;}
}

/* attach_list */
.attach_list * {vertical-align:middle;}
.attach_list ul li {padding:2px 0;}
.attach_list ul li:first-child {padding-top:4px;}
.attach_list ul li:last-child {padding-bottom:4px;}
.attach_list .al_title {position:absolute; left:0; top:0; padding:4px 0; display:block; font-size:15px; line-height:20px; color:#888;}
.attach_list .txt_file {display:inline; font-size:15px; line-height:20px; color:#4475cb; vertical-align:middle; margin-right:12px; padding-left:22px; background-image:url(../images/ifi_sub_cmn/ico_common.png); background-repeat:no-repeat; background-position:left 1px; word-break:break-word;}
.attach_list .txt_file:hover {text-decoration:underline;}
.attach_list .mi {display:inline-block; font-size:12px; line-height:20px; color:#666; padding-left:12px; background:url(../images/ifi_sub_cmn/attach_list_ico_delete.png) no-repeat left 6px; vertical-align:middle;}
.attach_list .btn_delete {display:inline-block; font-size:12px; line-height:20px; color:#666; padding-left:12px; background:url(../images/ifi_sub_cmn/attach_list_ico_delete.png) no-repeat left 6px; vertical-align:middle;}
.attach_list .ico_hwp {background-image:url(../images/ifi_sub_cmn/ico_hwp.png);}
.attach_list .ico_pdf {background-image:url(../images/ifi_sub_cmn/ico_pdf.png);}
.attach_list .ico_ppt {background-image:url(../images/ifi_sub_cmn/ico_ppt.png);}
.attach_list .ico_word {background-image:url(../images/ifi_sub_cmn/ico_word.png);}
.attach_list .ico_excel {background-image:url(../images/ifi_sub_cmn/ico_excel.png);}
.attach_list .ico_jpg {background-image:url(../images/ifi_sub_cmn/ico_jpg.png);}
.attach_list .ico_video {background-image:url(../images/ifi_sub_cmn/ico_video.png);}
.attach_list .ico_zip {background-image:url(../images/ifi_sub_cmn/ico_zip.png);}
.attach_list .ico_gif {background-image:url(../images/ifi_sub_cmn/ico_gif.png);}
.attach_list .ico_txt {background-image:url(../images/ifi_sub_cmn/ico_txt.png);}
.attach_list .ico_swf {background-image:url(../images/ifi_sub_cmn/ico_swf.png);}

/* reply area */
.reply_area {border-top:1px solid #333; margin-top:32px;}
.reply_area textarea {width:100%; height:80px; resize:none; padding:8px 16px; font-size:14px; line-height:22px;}
.reply_area .rar_guide {display:block; position:absolute; right:0; bottom:0; font-size:11px; line-height:19px; letter-spacing:0; color:#999; text-align:right; padding:8px 12px;}
.reply_area .rar_guide * {vertical-align:top;}
.reply_area .rar_guide strong, 
.reply_area .rar_guide span {font-family:'Century Gothic'; font-weight:bold;}
.reply_area .rar_guide strong {color:#000;}

.ra_regist {position:relative; padding:24px; background:#f8f8f8; border-bottom:1px solid #ddd;}
.ra_regist * {vertical-align:middle;}
.ra_regist .f_tbl > div {position:relative;}
.ra_regist .f_tbl .btn {width:80px; height:80px; text-align:center;}
.ra_regist .f_tbl .btn::before {display:inline-block; width:0; height:100%; content:''; vertical-align:middle;}
.ra_regist .f_tbl .btn span {vertical-align:middle;}

.ra_box {position:relative; padding:24px; font-size:0; line-height:0; border-bottom:1px solid #ddd;}
.ra_box .rab_t span {position:relative; display:inline-block; font-size:12px; line-height:20px; padding:0 8px 0 9px;}
.ra_box .rab_t span::before {display:block; content:''; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-6px;}
.ra_box .rab_t span:first-child {padding-left:0;}
.ra_box .rab_t span:first-child::before {display:none;}
.ra_box .rab_t .rab_title {color:#4475cb;}
.ra_box .rab_t .rab_date {font-family:'Century Gothic'; letter-spacing:0; color:#777;}
.ra_box .rab_c {margin-top:12px;}
.ra_box .rab_c p {display:block; font-size:14px; line-height:22px; word-wrap:break-word; word-break:keep-all; padding-bottom:4px;}
.ra_box .rab_c .rab_regist {position:relative;}
.ra_box .s_btn {margin-top:12px;}

@media (max-width:767px) {
	.ra_regist {padding:16px;}
	.ra_box {padding:16px;}
}

/* paging */
.paging {font-size:0; line-height:0; text-align:center; margin-top:32px;}
.paging * {vertical-align:top;}
.paging a, 
.paging strong {display:inline-block; border:1px solid transparent; margin:0 2px;}
.paging a, 
.paging strong {width:36px; height:36px; font-family:'Century Gothic'; font-size:15px; line-height:34px; font-weight:bold; text-align:center; color:#333; border-radius:2px; background-repeat:no-repeat;}
.paging a {color:#000;}
.paging a:hover {background:rgba(0,0,0,0.04);}
.paging strong {color:red; border-color:#ddd;}
.paging a[class^="p_"], 
.paging strong[class^="p_"] {background-image:url(../images/ifi_sub_cmn/paging_bg.png); background-repeat:no-repeat; border-color:transparent;}
.paging a.p_first {background-position:-1px -1px;}
.paging a.p_first:hover {background-position:-1px -41px;}
.paging strong.p_first {background-position:-1px -81px;}
.paging a.p_prev {background-position:-41px -1px;}
.paging a.p_prev:hover {background-position:-41px -41px;}
.paging strong.p_prev {background-position:-41px -81px;}
.paging a.p_next {background-position:-81px -1px;}
.paging a.p_next:hover {background-position:-81px -41px;}
.paging strong.p_next {background-position:-81px -81px;}
.paging a.p_last {background-position:-121px -1px;}
.paging a.p_last:hover {background-position:-121px -41px;}
.paging strong.p_last {background-position:-121px -81px;}
.paging .p_number {display:inline-block;}

/* page skip */
.page_skip {border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin-top:32px;}
.page_skip ul li {position:relative; min-height:46px;}
.page_skip ul li:first-child {border-bottom:1px solid #dedfe4;}
.page_skip .ps_title {display:block; position:absolute; left:0; top:0; font-size:15px; line-height:24px; padding:12px 20px; text-align:center;}
.page_skip .ps_title::after {content:''; display:inline-block; width:18px; height:18px; margin:2px; margin-left:10px; vertical-align:top;}
.page_skip ul li:first-child .ps_title::after {background:url(../images/ifi_sub_cmn/ico_arrow_up.png) no-repeat center center;}
.page_skip ul li:last-child .ps_title::after {background:url(../images/ifi_sub_cmn/ico_arrow_down.png) no-repeat center center;}
.page_skip .ps_detail {display:block; padding:12px 20px 12px 104px; font-size:15px; line-height:24px; color:#666; word-wrap:break-word; word-break:keep-all;}
.page_skip .ps_detail a {display:block; color:#4475cb;}
.page_skip .ps_detail a:hover {text-decoration:underline;}

/* edit_area */
.edit_area {font-size:0; line-height:0; text-align:left; margin-top:32px;}
.edit_area table {table-layout:fixed; border-collapse:separate; width:100%; border-top:1px solid #333;}
.edit_area table > tbody > tr > th,
.edit_area table > tbody > tr > td {padding:12px 16px; border-bottom:1px solid #ddd;}
.edit_area table th {position:relative; background:#f8f8f8;}
.edit_area table > thead > tr > th {text-align:center; padding:7px 16px; border-bottom:1px solid #ddd;}
.edit_area table > tbody > tr > th {text-align:left;}
.edit_area .ea_title {position:relative; display:inline-block; font-size:15px; line-height:24px; font-weight:500; letter-spacing:-0.048em; padding:3px 0;}
/* .edit_area .ea_essential::after {display:block; content:'*'; color:#e85a71; position:absolute; left:-8px; top:-4px;} */
.edit_area .ico_dot {display:block; width:4px; height:4px; border-radius:2px; background:#e85a71; position:absolute; right:12px; top:12px;}
.edit_area .attach_list + .f_tbl {margin-top:4px;}
.edit_area .check_list > ul::after {display:block; content:''; clear:both;}
.edit_area .check_list > ul > li {float:left;}
.edit_area .fbr_etc {float:left; width:40%;}

@media (max-width:767px) {
	.edit_area {border:1px solid #bbb; padding:16px;}
	.edit_area table {border-top:0;}
	.edit_area table th {background:0;}
	.edit_area table > tbody > tr > th,
	.edit_area table > tbody > tr > td {border-bottom:0; padding:0;}
	.edit_area table, .edit_area table thead, .edit_area table tbody, .edit_area table tfoot, .edit_area table thead tr, .edit_area table tbody tr, .edit_area table tfoot tr, .edit_area table thead tr th, .edit_area table tbody tr th, .edit_area table tbody tr td, .edit_area table tfoot tr td {display:block;}
	.edit_area table tbody tr th {position:relative; display:inline-block; padding:16px 8px 0 0; text-align:left;}	
	.edit_area tr:first-child th:first-child {padding-top:0;}
	.edit_area table tbody tr td {padding-top:4px;}
	.edit_area .ico_dot {position:absolute; left:-4px; top:16px;}
	.edit_area tr:first-child th:first-child .ico_dot {top:0;}
	.edit_area .fbr_etc {width:100%;}
}

/* table scroll */
[class*="tbl_scrl_"] {overflow-x:auto; overflow-y:hidden;}

@media (min-width:1180px) {
	.tbl_scrl_p > table {width:1380px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.tbl_scrl_p > table {width:1380px;}
	.tbl_scrl_t > table {width:1380px;}
}
@media (max-width:767px) {
	.tbl_scrl_p > table {width:1380px;}
	.tbl_scrl_t > table {width:1380px;}
	.tbl_scrl_m > table {width:860px;}	
}

/* s_form */
.s_form * {vertical-align:middle;}

.s_form input[type="text"], .s_form input[type="password"], .s_form input[type="date"], .s_form select {font-size:15px; line-height:24px; height:33px;}
.s_form input[type="text"], .s_form input[type="password"], .s_form input[type="date"] {padding:3px 6px;}
.s_form select {padding:3px;}
.s_form input[type="checkbox"],
.s_form input[type="radio"] {vertical-align:middle;}
.s_form textarea {min-width:100%; max-width:100%; min-height:120px; padding:10px 15px; font-size:15px; line-height:22px;}

/*.s_form .btn_sm > span {font-size:12px;}*/

.f_srch {position:relative;}
.f_srch input[type="text"] {padding-right:28px;}
.f_srch .btn_search {display:block; width:28px; height:28px; position:absolute; right:0; top:0;}
.f_srch .ico_calendar {background:url(../images/ifi_sub_cmn/ico_calendar.png) no-repeat center center;}
.f_srch .ico_upload {background:url(../images/ifi_sub_cmn/ico_upload.png) no-repeat center center;}

.f_tbl {display:table; table-layout:fixed; width:100%;}
.f_tbl > div {display:table-cell;}
.f_tbl .btn {margin-left:2px;}
.f_tbl ~ .f_tbl {margin-top:4px;}

[class^="f_txt_"] {display:inline-block;}
[class^="f_label_"] {display:inline-block; padding-left:4px; padding-right:8px;}
[class^="f_label_"] input {margin-right:4px;}
.f_txt_12, .f_label_12 {font-size:15px; line-height:24px; padding-top:4px; padding-bottom:4px;}
.f_txt_14, .f_label_14 {font-size:15px; line-height:24px; padding-top:3px; padding-bottom:3px;}

.f_w_dash {width:20px; text-align:center; font-size:12px; line-height:28px;}
.f_w_date {width:104px;}
.f_w_file {width:60px;}
.f_w_file .btn_sm {width:28px; height:28px; padding-left:0; padding-right:0; text-align:center;}
.f_w_file .btn_sm [class^="ico_"] {display:inline-block; width:22px; height:22px; margin-right:0;}
.f_w_file .btn_sm .ico_delete {background:url(../images/ifi_sub_cmn/ico_delete.png) no-repeat center center;}
.f_w_file .btn_sm .ico_add {background:url(../images/ifi_sub_cmn/ico_add.png) no-repeat center center;}

.f_chk_list::after {display:block; content:''; clear:both;}
.f_chk_list > li {float:left;}

/* step list A */
.step_list_A > ul {padding:16px 0;}
.step_list_A > ul:after {display:block; content:''; clear:both;}
.step_list_A > ul > li {position:relative; float:left; padding:16px 0;}
.step_list_A > ul > li::after {position:absolute; top:16px; display:block; content:''; width:40px; height:40px; background:url(../images/ifi_sub_cmn/step_list_ico_arrow.png) no-repeat center center;}
.step_list_A > ul > li:last-child::after {display:none;}
.step_list_A .sl_title {position:relative; padding:8px 0 8px 48px;}
.step_list_A .sl_title em {position:absolute; left:0; top:0; display:block; width:40px; height:40px; border-radius:20px; background:#29b0e5; font-family:'Century Gothic'; font-size:17px; line-height:40px; color:#fff; font-weight:bold; text-align:center;}
.step_list_A .sl_title span {display:block; font-size:16px; line-height:24px; font-weight:500;}

/* 통합검색 */
.searchWrap{display:inline-flex; align-items:center; position:relative; height:36px; margin-left:20px;}
.searchWrap_l{margin:30px 0 0 0;}
input[name="search_word"]{outline:none; width:180px; height:36px; background:#ececec; border:none; border-radius:18px;  padding:0 65px 0 15px; color:#222; font-size:12px; -webkit-transition:all .3s ease; transition: all .3s ease;}
.searchWrap_l input[name="search_word"]{width:900px;}
input[name="search_word"]:focus,
input[name="search_word"]:active{width:200px !important; border-radius:0 !important; }
.searchWrap_l input[name="search_word"]:focus,
.searchWrap_l input[name="search_word"]:active{width:900px !important;}
input::-webkit-input-placeholder{color:#777;}
	/* ^ 아이콘(검색하기) */
	.schButton{outline:none;position:absolute; right:0; top:0; width:auto; height:auto; padding:6px 12px 6px 0;}
	.schButton .schButtonWrap{display:flex; align-items:center; justify-content:flex-end; margin:0;}
	.schButton .searchIcon{border: 0; width:22px; height:22px; display:inline-block; font-size:0; padding:0; background:transparent;}
	.schButton .searchIcon span{height:100%; width:100%; display:block; position:relative;} 
	.schButton .searchIcon span:before, .schButton .searchIcon span:after{content:''; display:block; position:absolute; top:1px; left:1px;  -webkit-transition:all .3s ease; transition: all .3s ease; }
	.schButton .searchIcon span:before{width:16px; height:16px; border:1px #777 solid; border-radius:100%;}
	.schButton .searchIcon span:after{width:1px; height:7px; background:#777; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:14px; left:17px;}
	.schButton .searchIcon.active{width:60px; }
	.schButton .searchIcon.active span:before{content:'검색'; width:60px; height:22px; border-radius:30px; background:#555; border:none !important; color:#fff; font-weight:300; font-size:12px; line-height:20px;}
	.schButton .searchIcon.active span:after{transform: scale(0);}		
	.schButton .searchIcon.active:hover span:before{background:#578ad5;}

@media (min-width:1180px) {
	.step_list_A.cnt4-3-1 > ul > li:nth-child(4n+1) {clear:both;}
	.step_list_A > ul > li {padding-right:80px;}
	.step_list_A > ul > li::after {right:20px;}
}
@media (min-width:700px) and (max-width:900px) {
	.searchWrap_l input[name="search_word"]{width:72.222vw;}
	.searchWrap_l input[name="search_word"]:focus,
	.searchWrap_l input[name="search_word"]:active{width:72.222vw !important;}
}
@media (min-width:768px) and (max-width:1179px) {
	.step_list_A.cnt4-3-1 > ul > li:nth-child(3n+1) {clear:both;}
	.step_list_A > ul > li {padding-right:72px;}
	.step_list_A > ul > li::after {right:16px;}
}
@media (max-width:767px) {
	.step_list_A > ul > li {padding-right:64px;}
	.step_list_A > ul > li::after {right:12px;}
	input[name="search_word"]{width:150px;} 
}
@media (max-width:700px){
	.searchWrap_l input[name="search_word"]{width:350px;}
	.searchWrap_l input[name="search_word"]:focus,
	.searchWrap_l input[name="search_word"]:active{width:350px !important;}
}

/* step title */
.step_title {position:relative; font-size:0; line-height:0; margin-top:32px;}
.step_title .st_descript {display:block; font-size:18px; line-height:26px; font-weight:500;}
.step_title .st_tag {display:inline-block; border-radius:20px; font-weight:700; letter-spacing:0; padding:6px 24px; background:#29b0e5;}
.step_title .st_tag span {display:inline-block; font-size:20px; line-height:28px; color:#fff;}
.step_title .st_tag em {display:inline-block; font-size:21px; line-height:28px; color:#fff; font-family:'Century Gothic'; margin-left:4px;}

@media (min-width:1180px) {
	.step_title {padding:7px 0; padding-left:132px;}
	.step_title .st_tag {position:absolute; left:0; top:0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.step_title {padding:7px 0; padding-left:132px;}
	.step_title .st_tag {position:absolute; left:0; top:0;}
}
@media (max-width:767px) {
	.step_title .st_descript {margin-top:12px;}
}

/* legend top */
.legend_top {font-size:0; line-height:0; text-align:center; margin-top:32px;}
.legend_top > ul {margin:-4px 0;}
.legend_top > ul > li {display:inline-block; position:relative; padding:4px 0;}
.legend_top .lt_bar {display:block; height:12px; background:#eee;}
.legend_top > ul > li:nth-child(1) .lt_bar {background:#086A87;}
.legend_top > ul > li:nth-child(2) .lt_bar {background:#01A9DB;}
.legend_top > ul > li:nth-child(3) .lt_bar {background:#2ECCFA;}
.legend_top > ul > li:nth-child(4) .lt_bar {background:#A9E2F3;}
.legend_top > ul > li:nth-child(5) .lt_bar {background:#CEECF5;}
.legend_top > ul > li:nth-child(6) .lt_bar {background:#CEF6F5;}
.legend_top > ul > li:nth-child(7) .lt_bar {background:#E0F2F7;}
.legend_top .lt_txt {display:block; font-size:11px; line-height:19px; color:#333; padding:4px 0;}

@media (min-width:1180px) {
	.legend_top {padding:16px 12.5%;}
	.legend_top > ul > li {width:12.5%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.legend_top {padding:16px 0;}
	.legend_top > ul > li {width:100px;}
}
@media (max-width:767px) {
	.legend_top {padding:16px 0;}
	.legend_top > ul > li {width:100px;}
}

/* chart list count */
.chart_list_count {background:#f8f8f8; font-size:12px; line-height:20px; margin-top:32px;}
.chart_list_count > ul::after {display:block; content:''; clear:both;}
.chart_list_count > ul > li {float:left;}
.chart_list_count > ul > li > div::after {display:block; content:''; clear:both;}
.chart_list_count .clc_square {display:block; float:left; width:20px; height:20px; margin-right:6px;}
.chart_list_count .clc_name {display:block; float:left;}
.chart_list_count .clc_number {display:block; float:right; font-family:'Century Gothic'; font-weight:bold; letter-spacing:0; color:#17b7eb;}

@media (min-width:1180px) {
	.chart_list_count {padding:32px;}
	.chart_list_count > ul > li > div {padding:8px 16px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.chart_list_count {padding:24px;}
	.chart_list_count > ul > li > div {padding:6px 12px;}
}
@media (max-width:767px) {
	.chart_list_count {padding:16px;}
	.chart_list_count > ul > li > div {padding:4px 8px;}
}

/* piechart area */
.piechart_area > div::after {display:block; content:''; clear:both;}

@media (min-width:1180px) {
	.piechart_area > div {margin:-48px;}
	.piechart_area > div > div {width:50%; float:left; padding:48px;}
	.piechart_area #db_l {width:388px; height:388px; margin:0 auto;}
	.piechart_area .chart_list_count {margin-top:0 !important;}
}
@media (min-width:768px) and (max-width:1179px) {
	.piechart_area #db_l {width:60%; margin:0 auto;}
}
@media (max-width:767px) {
	.piechart_area #db_l {width:80%; margin:0 auto;}
}

/* .line_chart_chk {background:#f8f8f8; text-align:center; padding:16px 20px;}
.line_chart_chk * {vertical-align:middle;}
.line_chart_chk label {padding:4px 8px 4px 4px; font-size:12px; line-height:19px;} */



/****************************************************************************************************
	content
 ****************************************************************************************************/
 
/* 국제금융기구 소개 */
.intro_ifi * {word-wrap:break-word; word-break:keep-all;}
.intro_ifi .ii_top {padding:48px; background:url(../images/ifi_content/ii_top_bg.png) no-repeat right top; background-size:cover;}
.intro_ifi .ii_top > div {position:relative;}
.intro_ifi .ii_top .ii_slogan {display:block; font-size:34px; line-height:40px; color:#098ed9;}
.intro_ifi .ii_top p {color:#222;}

@media (min-width:1180px) {
	.intro_ifi .ii_top {padding:48px;}
	.intro_ifi .ii_top > div {padding-right:50%;}
	.intro_ifi .ii_top img {display:block; position:absolute; right:0; top:0; max-width:50%; max-height:96%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.intro_ifi .ii_top {padding:36px;}
	.intro_ifi .ii_top img {display:block; position:absolute; right:0; top:0; max-width:50%; max-height:96%;}
}
@media (max-width:767px) {
	.intro_ifi .ii_top {padding:24px;}
	.intro_ifi .ii_top img {display:none;}
}

/* 국제금융기구 안내 */
.ifi_guide_top {text-align:center;}
.ifi_guide_top h4 {display:block; font-weight:500;}
.ifi_guide_top p {display:block; color:#666;}

.ifi_guide_list > ul {border-top:1px solid #000;}
.ifi_guide_list > ul > li {border-bottom:1px solid #ddd;}
.ifi_guide_list > ul > li > div::after {display:block; content:''; clear:both;}

.ifi_guide_list .igl_img > a  {position:relative; display:block; width:100%;}
.ifi_guide_list .igl_img > a > img {display:block; width:100%; height:100%;}
.ifi_guide_list .igl_img > a > span {display:block; width:100%; padding:12px 16px; background:#eee; font-size:13px; line-height:20px; font-weight:500; color:#222; word-wrap:break-word; word-break:keep-all; position:absolute; left:0; bottom:0; z-index:5;}
.ifi_guide_list .igl_img > a .ico_window {display:none;}
.ifi_guide_list .igl_descript .igld_title {display:block; font-weight:500;}
.ifi_guide_list .igl_descript .igld_list {margin-top:12px;}
.ifi_guide_list .igl_descript .igld_list > ul > li {position:relative; padding:4px 0 4px 180px;}
.ifi_guide_list .igl_descript .igld_list .igldl_title {display:block; font-size:15px; line-height:22px; font-weight:500; padding:2px 0 2px 8px; position:absolute; left:0; top:4px;}
.ifi_guide_list .igl_descript .igld_list .igldl_title::before {display:block; content:''; width:2px; height:2px; border-radius:1px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;}

@media (min-width:1180px) {
	.ifi_guide_top {padding:48px 10.5%;}
	.ifi_guide_top h4 {font-size:32px; line-height:40px;}
	.ifi_guide_top p {font-size:16px; line-height:24px; margin-top:12px;}
	.ifi_guide_list > ul > li {padding:32px;}
	.ifi_guide_list > ul > li > div > div {float:left;}
	.ifi_guide_list .igl_img {width:33.3333%;}
	.ifi_guide_list .igl_descript {width:66.6666%; padding-left:32px;}
	.ifi_guide_list .igl_descript .igld_title {font-size:24px; line-height:32px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ifi_guide_top {padding:40px 10%;}
	.ifi_guide_top h4 {font-size:28px; line-height:36px;}
	.ifi_guide_top p {font-size:15px; line-height:23px; margin-top:12px;}
	.ifi_guide_list > ul > li {padding:28px;}
	.ifi_guide_list > ul > li > div > div {float:left;}
	.ifi_guide_list .igl_img {width:33.3333%;}
	.ifi_guide_list .igl_descript {width:66.6666%; padding-left:28px;}
	.ifi_guide_list .igl_descript .igld_title {font-size:22px; line-height:30px;}
}
@media (max-width:767px) {
	.ifi_guide_top {padding:32px 7.5%;}
	.ifi_guide_top h4 {font-size:24px; line-height:32px;}
	.ifi_guide_top p {font-size:14px; line-height:22px; margin-top:12px;}
	.ifi_guide_list > ul > li {padding:24px 0;}
	.ifi_guide_list .igl_descript {padding-top:24px;}
	.ifi_guide_list .igl_descript .igld_title {font-size:20px; line-height:28px;}
}

/* 신탁기금 - 기금개요 */
.fund_overview_list {margin-top:8px;}
.fund_overview_list > ul {border-top:1px solid #000;}
.fund_overview_list > ul > li {border-bottom:1px solid #ddd;}
.fund_overview_list > ul > li > div {position:relative;}
.fund_overview_list .fol_img {display:block; font-size:0; line-height:0; text-align:center; background:#eff0f4;}
.fund_overview_list .fol_img::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.fund_overview_list .fol_img img {display:inline-block; max-width:64%; max-height:64%; vertical-align:middle;}
.fund_overview_list .fol_title {display:block; font-size:20px; line-height:28px; font-weight:500;}

@media (min-width:1180px) {
	.fund_overview_list > ul > li {padding:28px 32px;}
	.fund_overview_list > ul > li > div {padding-left:124px; min-height:88px;}
	.fund_overview_list .fol_img {position:absolute; left:0; top:-4px; width:96px; height:96px; border-radius:48px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.fund_overview_list > ul > li {padding:24px 28px;}
	.fund_overview_list > ul > li > div {padding-left:112px; min-height:80px;}
	.fund_overview_list .fol_img {position:absolute; left:0; top:-4px; width:88px; height:88px; border-radius:44px;}
}
@media (max-width:767px) {
	.fund_overview_list > ul > li {padding:20px 24px;}
	.fund_overview_list .fol_img {width:80px; height:80px; border-radius:40px;}
	.fund_overview_list .fol_title {margin-top:16px;}
}

/* 해외 입찰사이트 안내 */
.site_link {margin-top:32px;}
.site_link .sl_img .ico_window {display:none;}
.site_link > ul {border-top:1px solid #000;}
.site_link > ul > li {border-bottom:1px solid #ddd;}
.site_link > ul > li > div {position:relative;}
.site_link .sl_img {display:block; border:1px solid #eee; text-align:center;}
.site_link .sl_img::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.site_link .sl_img img {display:inline-block; max-width:72%; max-height:56%; vertical-align:middle;}
.site_link .sl_info .sli_ttl {display:block; font-weight:500;}
.site_link .sl_info .i_descript {margin-top:16px;}

@media (min-width:1180px) {
	.site_link > ul > li {padding:32px;}
	.site_link > ul > li > div {padding-left:352px; min-height:120px;}
	.site_link .sl_img {width:320px; height:120px; position:absolute; left:0; top:0;}
	.site_link .sl_info .sli_ttl {font-size:24px; line-height:32px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.site_link > ul > li {padding:28px;}
	.site_link > ul > li > div {padding-left:268px; min-height:110px;}
	.site_link .sl_img {width:240px; height:110px; position:absolute; left:0; top:0;}
	.site_link .sl_info .sli_ttl {font-size:22px; line-height:30px;}
}
@media (max-width:767px) {
	.site_link > ul > li {padding:24px 0;}
	.site_link .sl_img {height:100px;}
	.site_link .sl_info {padding-top:24px;}
	.site_link .sl_info .sli_ttl {font-size:20px; line-height:28px;}
}

/* 채용안내 - 상세(레이아웃) */
.recruit_guide_top .ico_window {display:none;}
.recruit_info .ri_box ~ .ri_box {border-top:1px solid #eee;}
.recruit_info .ri_box .s_title_1 {margin-top:0 !important;}
.recruit_bank .no_list {padding:64px 0;}

@media (min-width:1180px) {
	.recruit_info {padding:0 20px;}
	.recruit_info .ri_box {padding:48px 0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.recruit_info {padding:0 48px;}
	.recruit_info .ri_box {padding:40px 0;}
}
@media (max-width:767px) {
	.recruit_info .ri_box {padding:32px 0;}
}

/* career fair - 상단 */
.career_fair_top {background:url(../images/ifi_content/career_fair_top_bg.png) no-repeat #0074ff right bottom; border-radius:16px; margin-top:32px;}
.career_fair_top .cft_tag {display:block; font-size:13px; line-height:21px; color:#ffee6d;}
.career_fair_top .cft_title {font-size:0; line-height:0; letter-spacing:0; font-weight:700; color:#fff;}
.career_fair_top .cft_title span {display:inline-block;}
.career_fair_top .cft_title em {display:inline-block; font-family:'Century Gothic';}
.career_fair_top .s_descript {color:rgba(255,255,255,0.72);}
.career_fair_top .btn_sm > span {font-size:12px;}

@media (min-width:1180px) {
	.career_fair_top {padding:44px 48px; min-height:320px; background-position:right 80px bottom 0;}
	.career_fair_top .cft_title {margin-top:4px;}
	.career_fair_top .cft_title span {font-size:40px; line-height:48px;}
	.career_fair_top .cft_title em {font-size:41px; line-height:48px; margin-left:8px;}
	.career_fair_top .s_descript {margin-top:20px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.career_fair_top {padding:36px 40px; min-height:280px; background-size:auto 120%;background-position:right 48px bottom 0;}
	.career_fair_top .cft_title {margin-top:4px;}
	.career_fair_top .cft_title span {font-size:34px; line-height:42px;}
	.career_fair_top .cft_title em {font-size:35px; line-height:42px; margin-left:8px;}
	.career_fair_top .s_descript {margin-top:16px;}
}
@media (max-width:767px) {
	.career_fair_top {padding:28px 32px; background-image:none;}
	.career_fair_top .cft_title {margin-top:4px;}
	.career_fair_top .cft_title span {font-size:28px; line-height:36px;}
	.career_fair_top .cft_title em {font-size:29px; line-height:36px; margin-left:8px;}
	.career_fair_top .s_descript {margin-top:12px;}
}

/* career fair - 상단 */
.recruit_guide_top {background:url(../images/ifi_content/recruit_guide_top_bg.png) repeat-y left top; background-size:100% 1px; border-radius:16px; margin-top:32px;}
.recruit_guide_top > div {position:relative;}
.recruit_guide_top .rgt_tag {display:block; font-size:15px; line-height:21px; color:#fff; padding-left:1px;}
.recruit_guide_top .rgt_title {font-weight:500; color:#fff;}
.recruit_guide_top .s_descript {color:rgba(255,255,255,0.72);}
.recruit_guide_top .rgt_link {display:inline-block; font-size:15px; line-height:20px; color:#fff; padding-right:14px; background:url(../images/ifi_content/recruit_guide_top_ico_arrow.png) no-repeat right center;}

@media (min-width:1180px) {
	.recruit_guide_top > div {padding:44px 48px; min-height:320px; background:url(../images/ifi_content/recruit_guide_top_map.png) no-repeat right -72px top -160px;}
	.recruit_guide_top .rgt_title {font-size:32px; line-height:40px; margin-top:4px;}
	.recruit_guide_top .s_descript {margin-top:16px;}
	.recruit_guide_top .rgt_link {position:absolute; left:48px; bottom:48px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.recruit_guide_top > div {padding:36px 40px; min-height:280px; background:url(../images/ifi_content/recruit_guide_top_map.png) no-repeat right -72px top -80px; background-size:auto 120%;}
	.recruit_guide_top .rgt_title {font-size:28px; line-height:36px; margin-top:4px;}
	.recruit_guide_top .s_descript {margin-top:12px;}
	.recruit_guide_top .rgt_link {position:absolute; left:40px; bottom:40px;}
}
@media (max-width:767px) {
	.recruit_guide_top > div {padding:28px 32px; background-image:none;}
	.recruit_guide_top .rgt_title {font-size:24px; line-height:32px; margin-top:4px;}
	.recruit_guide_top .rgt_link {margin-top:24px;}
}

/* 통합검색 */
.ts_box {margin-top:32px;}
.ts_box .tsb_top p {font-size:0; line-height:0;}
.ts_box .tsb_top p > span,
.ts_box .tsb_top p > strong {font-size:16px; line-height:24px; vertical-align:middle;}
.ts_box .tsb_top p > strong {font-family:'Century Gothic'; font-weight:bold; letter-spacing:0; color:red;}
.ts_box .tsb_list {margin-top:12px;}
.ts_box .tsb_list dl:first-child {border-top:1px solid #000;}
.ts_box .tsb_list dl {padding:20px 16px; border-bottom:1px solid #ddd;}
.ts_box .tsb_list dl dt {font-size:0; line-height:0;}
.ts_box .tsb_list dl dt a {font-size:18px; line-height:26px; color:#467be1; vertical-align:middle; margin-right:8px;}
.ts_box .tsb_list dl dt span {font-size:14px; line-height:22px; vertical-align:middle; font-family:'Century Gothic'; letter-spacing:0; color:#666;}
.ts_box .tsb_list dl dd .s_descript {text-overflow:ellipsis; overflow:hidden;}
.ts_box .tsb_list dl dd .i_descript {margin-top:16px;}
.ts_box .tsb_more {margin-top:16px; text-align:right;}
.ts_box .tsb_more a {display:inline-block; font-size:12px; line-height:20px; padding-left:20px; color:#467be1; background:url(../images/ifi_sub_cmn/ico_bt_btn_more.png) no-repeat left center;}

.ts_box .gallery_list {margin-top:12px;}

@media (min-width:1180px) {
	.ts_box .tsb_list dl dd .s_descript {max-height:44px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ts_box .tsb_list dl dd .s_descript {max-height:66px;}
}
@media (max-width:767px) {
	.ts_box .tsb_list dl dd .s_descript {max-height:88px;}
}

/* 로그인 */
.login_area {font-size:0; line-height:0;}
.login_area * {vertical-align:middle;}
.login_area input[type=text], 
.login_area input[type=password] {font-size:15px; line-height:22px; font-weight:500; padding:10px 14px 12px; margin:0 0 8px 0;}
.login_area .la_comment {display:block; font-size:12px; line-height:20px; color:#dc321e; margin:0 0 4px 0;}
.login_area .la_link {margin-top:40px; border-top:1px solid #ddd; text-align:center;}
.login_area .la_link ul {padding:24px 0 0 0;}
.login_area .la_link ul li {display:inline-block; padding:0 10px; border-left:1px solid #ddd;}
.login_area .la_link ul li:first-child {border:0;}
.login_area .la_link ul li a {display:block; font-size:15px; line-height:1; color:#777;}
.login_area .la_link ul li a:hover {text-decoration:underline;}
.login_area .la_save {margin:0 0 16px 0;}
.login_area .la_save label {padding:4px 0 4px 8px; font-size:15px; line-height:22px;}
.login_area .btn {width:100%; text-align:center;}
.login_area .btn_lg {padding:10px 0;}
.login_area .btn_lg span {font-size:16.5px; letter-spacing:0;}

@media (min-width:1180px) {
	.login_area {width:640px; margin:0 auto; padding:80px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.login_area {width:480px; margin:0 auto; padding:80px;}
}
@media (max-width:767px) {
	.login_area {padding:40px 0;}
}

/* 아이디 비밀번호 찾기 */
.idpw_area::after {display:block; content:''; clear:both;}
.idpw_area > div {float:left;}
.idpw_area .id_result p {display:block; font-size:12px; line-height:18px; text-align:center; margin-top:24px;}
.idpw_area .id_result p strong {color:#4475cb; padding:0 2px;}
.idpw_area .id_result p span {color:#777; padding:0 2px;}

@media (min-width:1180px) {
	.idpw_area {padding:40px;}
	.idpw_area > div {width:50%; padding:40px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.idpw_area > div {width:100%; padding:48px 0 0 0;}
}
@media (max-width:767px) {
	.idpw_area > div {width:100%; padding:24px 0 0 0;}
}

/* 회원가입 */
.join_area {margin-top:24px;}
.join_area .ja_descript {overflow:hidden; overflow-y:auto; background:#fbfbfb; border:1px solid #ddd; padding:28px 32px; height:500px;margin-bottom:15px;}
.join_area .ja_chk {font-size:0; line-height:0; margin-top:8px;}
.join_area .ja_chk * {vertical-align:middle;}
.join_area .ja_chk::after {display:block; content:''; clear:both;}
.join_area .ja_chk p {display:inline-block; font-size:14px; line-height:22px; padding:4px 0;}
.join_area .ja_chk label {display:inline-block; font-size:14px; line-height:22px; padding:4px 0 4px 4px;}
.join_area .ja_chk input[type=checkbox] {margin-left:12px;}
.join_area .ja_chk input[type=radio] {margin-left:12px;}
.join_consultant_chk {margin-top:24px;}
.join_consultant_chk .f_chk .mi {width:21px; font-size:15px; line-height:17px; text-align:center; color:#bbb; border:2px solid #bbb;}
.join_consultant_chk .f_chk label {font-size:14.5px; line-height:21px; letter-spacing:-0.048em; padding-left:29px;}
.join_consultant_chk .f_chk input:checked + label .mi {color:#3ac569; border-color:#3ac569;}
.join_consultant {margin-top:24px;}
.join_consultant .jc_form {margin-top:8px;}
.jcf_box {position:relative; border:1px solid #bbb; margin-top:-1px; font-size:0; line-height:0;}
.jcf_box > div {padding:20px 24px;}
.jcf_box * {vertical-align:middle;}
.jcf_box .btn_delete {display:block; position:absolute; right:0; top:0;}
.jcf_box .btn_delete .mi {width:32px; font-size:16px; line-height:32px; text-align:center;}
.jcfb_edit::after {display:block; content:''; clear:both;}
.jcfb_edit > ul > li {float:left; padding:2px;}
.jcfb_edit > ul > li > div {position:relative; padding:0 10px 0 110px;}
.jcfb_edit.no_ttl > ul > li > div {padding:0 10px;} 
.jcfb_edit input[type="text"], .jcfb_edit input[type="password"], .jcfb_edit select, .jcfb_edit textarea {height:28px; padding:2px 8px; font-size:12px; line-height:20px;}
.jcfb_edit select {padding-right:2px;}
.jcfb_edit textarea {min-width:100%; max-width:100%; min-height:120px;}
.jcfb_edit label {padding:4px 8px 4px 4px; font-size:12px; line-height:20px;}
.jcfb_edit .jcfb_ttl {position:relative; display:block; width:110px; position:absolute; left:0; top:0; padding:4px 0 4px 10px; font-size:13px; line-height:20px;}
.jcfb_edit .txt_common {display:inline-block; font-size:12px; line-height:18px; color:#333; letter-spacing:-0.048em; padding:4px;}
.jcfb_edit .ico_dot {display:block; width:3px; height:3px; border-radius:2px; background:#ff3636; position:absolute; left:4px; top:4px;}
.jcfb_edit .wa {width:auto;}
.jcfb_edit .w100p {width:100%;}

@media (min-width:1180px) {
	.jcfb_edit > ul > li {width:50%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.jcfb_edit > ul > li {width:50%;}
	.jcfb_edit.jcfb_edit_tb > ul > li {width:100%;}
}
@media (max-width:767px) {
	.jcfb_edit > ul > li {width:100%;}
}



/*
 * captcha check
 */
.captcha_check {font-size:0; line-height:0; border:1px solid #ddd; margin-top:32px; background:#f8f8f8;}
.captcha_check > div {width:240px; padding:20px 0; margin:0 auto;}
.captcha_check * {vertical-align:middle;}
.captcha_check img {display:block; width:100%; margin-bottom:4px;}
.captcha_check input {height:28px; padding:2px 8px; font-size:12px; line-height:20px;}
.captcha_check .btn_sm[class*="ico_"] {padding-left:2px; padding-right:2px;}
.captcha_check .btn_sm[class*="ico_"] i {display:block; width:22px; height:22px;}
.captcha_check .ico_refresh i {background:url(../images/ifi_sub_cmn/ico_refresh.png) no-repeat center center;}
.captcha_check .ico_done i {background:url(../images/ifi_sub_cmn/ico_done.png) no-repeat center center;}

.g-recaptcha {width:304px; margin:24px auto;}

/* 로딩중 */
.loading_mail {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.64); z-index:950; opacity:0; transition:opacity .3s ease-out; display:none;}
.loading_mail > div {background:#fff; border:1px solid rgba(0,0,0,0.64); padding:24px; width:160px; position:absolute; left:50%; top:50%; margin:-80px 0 0 -80px;}
.loading_mail > div img {display:block; margin:0 auto;}
.loading_mail > div > p {display:block; text-align:center; font-size:13px; line-height:1.5; letter-spacing:-0.048em; margin-top:16px;}
.loading_mail > div > p > strong {display:block; font-size:19px; line-height:1.5; letter-spacing:-0.048em;}
.loading_mail.show {opacity:1;}

/* 에러화면 */
.error_msg {text-align:center;}
.error_msg > div {display:inline-block;}
.error_msg > div > div {display:block;}
.error_msg p {display:block; line-height:1.4; color:#53565c;}
.error_msg p strong {color:#317dd1;}

@media (min-width:1180px) {
	.error_msg {margin-top:48px;}
	.error_msg > div > div {padding:80px 0 81px 341px; min-height:308px; background:url(../images/ifi_sub_cmn/error_bg.png) no-repeat left center; text-align:left;}
	.error_msg p {font-size:28px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.error_msg {margin-top:48px;}
	.error_msg > div > div {padding:80px 0 81px 341px; min-height:308px; background:url(../images/ifi_sub_cmn/error_bg.png) no-repeat left center; text-align:left;}
	.error_msg p {font-size:24px;}
}
@media (max-width:767px) {
	.error_msg {margin-top:48px;}
	.error_msg > div > div {padding:144px 0 0 0; background:url(../images/ifi_sub_cmn/error_bg.png) no-repeat center top; background-size:auto 120px;}
	.error_msg p {font-size:22px;}
}

/* 완료화면 */
.complete_msg {text-align:center;}
.complete_msg > div {display:inline-block;}
.complete_msg > div > div {display:block;}
.complete_msg p {display:block; line-height:1.4; color:#53565c;}
.complete_msg p strong {color:#317dd1;}

@media (min-width:1180px) {
	.complete_msg {margin-top:48px;}
	.complete_msg > div > div {padding:103px 0 89px 178px; min-height:308px; background:url(../images/content/ico_ugs01.png) no-repeat left center; text-align:left;}
	.complete_msg p {font-size:28px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.complete_msg {margin-top:48px;}
	.complete_msg > div > div {padding:80px 0 81px 341px; min-height:308px; background:url(../images/content/ico_ugs01.png) no-repeat left center; text-align:left;}
	.complete_msg p {font-size:24px;}
}
@media (max-width:767px) {
	.complete_msg {margin-top:48px;}
	.complete_msg > div > div {padding:144px 0 0 0; background:url(../images/content/ico_ugs01.png) no-repeat center top; background-size:auto 120px;}
	.complete_msg p {font-size:22px;}
}

.stat_slct {position:absolute;}
.stat_slct select {font-size:12px; line-height:20px; height:22px;}

@media (min-width:1180px) {
	.stat_slct {top:382px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.stat_slct {top:258px;}
}
@media (max-width:767px) {
	.stat_slct {top:234px;}
}

/* modal */
.modal, .modal-open {overflow:hidden;}
.modal, .modal-backdrop {top:0; right:0; bottom:0; left:0;}
.modal {position:fixed; z-index:900; display:none; -webkit-overflow-scrolling:touch; outline:0;}
.modal.fade .modal-dialog {transition:opacity .3s ease-out, transform .3s ease-out; transform:translate(0, -25%); opacity:0;}
.modal.in .modal-dialog {transform:translate(0, 0); opacity:1;}
.modal-open .modal {overflow-x:hidden; overflow-y:auto;}
.modal-dialog {position:relative; width:auto; margin:10px;}
.modal-content {position:relative; background-color:#fff; border:0; outline:0; box-shadow: 0 0 0 1px rgba(0,0,0,.075);}/* -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5); */
.modal-backdrop {position:fixed; z-index:890; background-color:#000;}
.modal-backdrop.fade {filter:alpha(opacity=0); opacity:0;}
.modal-backdrop.in {filter:alpha(opacity=50); opacity:.5;}
.modal-header .btn_close {position:absolute; width:24px; height:24px; background:url(../images/ifi_header/global_menu_ico_close_b.png) no-repeat center center;}
.modal-header .btn_close .mi {display:none;}
.modal-title {display:block; font-size:16px; line-height:24px; font-weight:700; color:#1d2d3c;}
.modal-body {position:relative; padding:20px 24px;}
.modal-footer {padding:0 24px 16px 24px; text-align:center;}
.modal-scrollbar-measure {position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll;}
.modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before {display:table; content:" ";}
.modal-footer:after, .modal-header:after {clear:both;}
.modal_iframe {border:0; width:100%; height:100%; overflow-y:auto;}

@media (min-width:1180px) {
	.modal-lg {width:900px;}
}
@media (min-width:768px) {
	.modal-dialog {width:600px; margin:30px auto;}
	.modal-header {padding:32px 56px 0 32px; min-height:56px;}
	.modal-body {padding:24px 32px;}
	.modal-footer {padding:0 32px 32px 32px;}
	.modal-header .btn_close {right:32px; top:32px;}
}
@media (max-width:768px) {
	.modal-header {padding:24px 56px 0 24px; min-height:48px;}
	.modal-body {padding:16px 24px;}
	.modal-footer {padding:0 24px 24px 24px;}
	.modal-header .btn_close {right:24px; top:24px;}
}

.modal #openCheck {background:#eee; padding:8px 24px; border-radius:8px; margin-bottom:8px;}

/* 팝업 */
.popup_wrap .p_header {position:relative; padding:12px 48px 12px 20px; background:#17b7eb; font-size:0; line-height:0;}
.popup_wrap .p_header h3 {display:inline-block; font-size:16px; line-height:24px; font-weight:500; color:#fff; padding-right:16px; vertical-align:middle;}
.popup_wrap .p_header em {display:inline-block; font-size:14px; line-height:22px; color:#fff; vertical-align:middle; padding:2px 0; opacity:0.8;}
.popup_wrap .p_header .btn_close {display:block; width:48px; height:48px; position:absolute; right:0; top:0; background:url(../images/ifi_header/global_search_ico_close.png) no-repeat center center;}
.popup_wrap .p_header .btn_close .mi {display:none;}
.popup_wrap .p_content {padding:20px;}
.popup_wrap .p_content .s_btn:last-child {padding-bottom:12px;}

/* 선택한 국가 */
.slct_nation_list {height:240px; overflow-y:scroll; border:1px solid #000;}
.slct_nation_list.board_list_table > table {border-top:0;}
.slct_nation {border:1px solid #bbb; padding:10px 16px; min-height:42px; margin-top:32px;}
.slct_nation > div {position:relative; padding-left:96px; font-size:12px; line-height:20px; color:#555;}
.slct_nation .sn_ttl {display:block; position:absolute; left:0; top:0; font-size:12px; line-height:20px; font-weight:500; color:#222;}

/* 결재자 선택 */
.select_author {display:table; table-layout:fixed; width:100%;}
.select_author > div {display:table-cell;}
.select_author .sa_c {width:44px; text-align:center; vertical-align:middle;}
.select_author [class^="btn_arrow_"] {display:inline-block; width:28px; height:28px; border-radius:2px; background-repeat:no-repeat; background-position:center center; background-color:#ddd; margin:4px;}
.select_author .btn_arrow_up {background-image:url(../images/ifi_sub_cmn/ico_move_up.png);}
.select_author .btn_arrow_down {background-image:url(../images/ifi_sub_cmn/ico_move_down.png);}
.select_author .btn_arrow_right {background-image:url(../images/ifi_sub_cmn/ico_move_right.png);}
.select_author .btn_arrow_left {background-image:url(../images/ifi_sub_cmn/ico_move_left.png);}
.select_author .sa_l select {height:352px;}
.select_author .sa_r .sar_b select {height:320px;}
.select_author .sa_r .sar_btn {width:86px; padding-left:4px;}
.select_author .sa_r .sar_b {margin-top:4px;}
.select_author .sa_r .sar_b .sar_btn {vertical-align:top;}
.select_author .sa_r .sar_b .sar_btn_move {margin-top:112px; text-align:center;}
.select_author .f_tbl .btn {display:block; margin-left:0; text-align:center;}

.bvc_txt.adr_gg > video {  width:100%;  height:auto; display: block;}

/* 권한이 없습니다. */
.no_author {display:block; margin: 150px 0 50px; padding-top:130px !important; font-size:18px; line-height:26px; font-weight:500; color:#666; text-align:center; background:url(../images/common/no_author.png) no-repeat center top;}

@media (min-width:1180px) {
	.no_author {padding:120px 0 60px 0;}
}
@media (min-width:768px) {
	.no_author {padding:108px 0 54px 0;}
}
@media (max-width:768px) {
	.no_author {padding:96px 0 48px 0;}
}

/* 채용 사이트 안내 */
.recruit_site_link {font-size:0; line-height:0; text-align:center; border:1px solid #ddd; border-right:0; border-bottom:0; margin-top:32px;}
.recruit_site_link > ul {margin:-1px;}
.recruit_site_link > ul::after {display:block; content:''; clear:both;}
.recruit_site_link > ul > li {float:left; border:1px solid #ddd; border-left:0; border-top:0; padding:16px;}
.recruit_site_link > ul > li > a {display:block;}
.recruit_site_link .sl_img {display:block; text-align:center;} /* border:1px solid #eee; */
.recruit_site_link .sl_img::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.recruit_site_link .sl_img img {display:inline-block; max-width:72%; max-height:56%; vertical-align:middle;}
.recruit_site_link .sli_ttl {display:block; font-weight:500; color:#222; padding:12px 0;}
.recruit_site_link .s_descript,
.recruit_site_link .i_descript,
.recruit_site_link .ico_window {display:none;}

@media (min-width:1180px) {
	.recruit_site_link > ul > li {width:20%;}
	.recruit_site_link .sl_img {height:80px;}
	.recruit_site_link .sli_ttl {font-size:16px; line-height:24px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.recruit_site_link > ul > li {width:33.3333%;}
	.recruit_site_link .sl_img {height:70px;}
	.recruit_site_link .sli_ttl {font-size:15px; line-height:23px;}
}
@media (max-width:768px) {
	.recruit_site_link > ul > li {width:100%;}
	.recruit_site_link .sl_img {height:60px;}
	.recruit_site_link .sli_ttl {font-size:14px; line-height:22px;}
}

/* 인재정보_추가 */
.join_guide .guide_img {float:left; width:33%}
.join_guide .guide_descript {float:left; width:67%;}
.join_guide .guide_descript h4 {margin-bottom:5px; font-size:24px; line-height:32px; font-weight:600;}
.join_guide .guide_descript p {padding:2px 0; color:#444; font-size:16px; line-height:22px; font-weight:500;}
.join_guide .guide_descript p,
.join_guide .guide_descript ul {margin-bottom:30px;}
.join_guide .guide_descript li {margin-bottom:5px; color:#444; font-size:16px; line-height:22px; font-weight:500;}
.join_guide  div::after {display:block; content:''; clear:both;}

@media (max-width:1180px) {
	.join_guide .guide_img {width:30%}
	.join_guide .guide_descript {width:70%; padding-left:50px;}
}
@media (max-width:767px) {
	.join_guide .guide_img {display:none;}
	.join_guide .guide_descript {width:100%; padding-left:0px;}
}

/* 인재정보 수정 */
.mod_member {display:block; margin: 150px 0 50px; padding-top:130px !important; text-align:center; background:url('../images/common/mod_member.png') no-repeat center top;}
.mod_member p {margin-bottom:20px; font-size:22px; line-height:26px; font-weight:500; color:#666;}
.mod_member strong {color:#317dd1;}

.removeGroup,
.addGroupBtn {padding:5px 14px; font-size:15px; background:#fbfbfb; color:#222; border:1px solid rgba(0,0,0,0.16);}

.iframe_Area {position:relative; width:100%; max-width:1180px; height:700px; border:0 none; overflow:hidden; margin-top:40px;}

/* 이메일발송 */
.mem_email p {height:100px; padding:0 35px 0 120px; font-size:20px; line-height:100px; color:#fff; letter-spacing:-0.05em; font-weight:500; background:#388ef4 url('../images/common/member_email.png') no-repeat 35px center;}
.mem_email .email_input {height:260px; padding:20px 20px 0;}

/* 문자발송 */
.mem_sms p {height:100px; padding:0 35px 0 120px; font-size:20px; line-height:100px; color:#fff; letter-spacing:-0.05em; font-weight:500; background:#388ef4 url('../images/common/member_email.png') no-repeat 35px center;}
.mem_sms .sms_input {height:260px; padding:20px 20px 0;}