@charset "utf-8";

/* font face - noto sans cjk kr, noto serif kr */
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:300; src:url(../font/NotoSansCJKKR-300.woff) format('woff'), url(../font/NotoSansCJKKR-300.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:400; src:url(../font/NotoSansCJKKR-400.woff) format('woff'), url(../font/NotoSansCJKKR-400.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:500; src:url(../font/NotoSansCJKKR-500.woff) format('woff'), url(../font/NotoSansCJKKR-500.woff2) format('woff2')}
@font-face {font-family:'Noto Sans CJK KR'; font-style:normal; font-weight:700; src:url(../font/NotoSansCJKKR-700.woff) format('woff'), url(../font/NotoSansCJKKR-700.woff2) format('woff2')}
@font-face {font-family:'Noto Serif KR'; font-style:normal; font-weight:200; src:url(../font/NotoSerifKR-200.woff) format('woff'), url(../font/NotoSerifKR-200.woff2) format('woff2')}
@font-face {font-family:'Noto Serif KR'; font-style:normal; font-weight:300; src:url(../font/NotoSerifKR-300.woff) format('woff'), url(../font/NotoSerifKR-300.woff2) format('woff2')}
@font-face {font-family:'Noto Serif KR'; font-style:normal; font-weight:400; src:url(../font/NotoSerifKR-400.woff) format('woff'), url(../font/NotoSerifKR-400.woff2) format('woff2')}
@font-face {font-family:'Noto Serif KR'; font-style:normal; font-weight:500; src:url(../font/NotoSerifKR-500.woff) format('woff'), url(../font/NotoSerifKR-500.woff2) format('woff2')}
@font-face {font-family:'Noto Serif KR'; font-style:normal; font-weight:600; src:url(../font/NotoSerifKR-600.woff) format('woff'), url(../font/NotoSerifKR-600.woff2) format('woff2')}
@font-face {font-family:'Noto Serif KR'; font-style:normal; font-weight:700; src:url(../font/NotoSerifKR-700.woff) format('woff'), url(../font/NotoSerifKR-700.woff2) format('woff2')}
@font-face {font-family:'Noto Serif KR'; font-style:normal; font-weight:900; src:url(../font/NotoSerifKR-900.woff) format('woff'), url(../font/NotoSerifKR-900.woff2) format('woff2')}
@font-face {
	font-family:'NotoSans';
	font-style:normal;
	font-weight:400;
	src:url(../font/NotoSans-Regular.eot);
	src:url(../font/NotoSans-Regular.woff) format('woff');
}
@font-face {
	font-family:'NotoSansBold';
	font-style:normal;
	font-weight:700;
	src:url(../font/NotoSans-Bold.eot);
	src:url(../font/NotoSans-Bold.woff) format('woff');
}
@font-face {font-family:'NotoSansKA';font-style:normal;font-weight:400;src:url(../font/NotoSansKA-Regular.eot);src:url(../font/NotoSansKA-Regular.woff) format('woff');
}
@font-face {
	font-family:'NotoSansBoldKA';
	font-style:normal;
	font-weight:700;
	src:url(../font/NotoSansKA-Bold.eot);
	src:url(../font/NotoSansKA-Bold.woff) format('woff');
}
/* 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%;}
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;}

/* reset custermize */
html {width:100%; height:100%; box-sizing:border-box;}
body {width:100%;height:100%;font-family: 'Noto Serif KR', Arial, sans-serif;font-weight:400;overflow-x:hidden;}
*, ::after, ::before {box-sizing:inherit;}
a {transition:color 0.25s ease-out;}
a, a:focus, a:hover {text-decoration:none;}
a, button, input[type="button"], input[type="image"], input[type="submit"] {cursor:pointer;}
input[type="image"]{max-width: 100%;height: auto !important;}

/* 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;}

/* div left right vertical align middle */
.dlf_va_m::after        {display:block; content:''; clear:both;}
.dlf_va_m > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.dlf_va_m > div > *     {display:inline-block; vertical-align:middle;}

/* hidden */
.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;}

/* display none */
.dp_n {display:none;}
.not-found {text-align: center;width: 100% !important;font-size: 24px;margin: 10% 0 0 0;display:block;min-height: 400px;}
.not-found span{font-weight: bold;}
@media (min-width:1400px) {
	.dp_n_m	{display: block;}
	.dp_n_p	{display:none;}
}
@media (max-width:1399px) {
	.dp_n_m	{display: none;}
	.dp_n_p	{display:block;}
	.paging {display: block;}
}

/* display inline block */
.dp_ib {display:inline-block !important; vertical-align:middle;}

/* inline-block to block */
[class^="l_ib_b_"]        {font-size:0; line-height:0;}
[class^="l_ib_b_"] > div  {display:inline-block;}

@media (min-width:1400px) {
}
@media (max-width:1399px) {
    .l_ib_b_m > div {display:block;}
}
@media (max-width:580px) {
.f_relate, .snb .s_b .sb_b{display:none}
}
/* inline-block to table */
[class^="l_ib_t_"]        {font-size:0; line-height:0;}
[class^="l_ib_t_"] > div  {display:inline-block;}

@media (min-width:1400px) {
}
@media (max-width:1399px) {
    .l_ib_t_m       {display:table; table-layout:fixed; width:100%;}
    .l_ib_t_m > div {display:table-cell;}
}


/* block to inline-block */
@media (min-width:1400px) {
}
@media (max-width:1399px) {
    .l_b_ib_m > div {display:inline-block;}
}

/* block to table */
@media (min-width:1400px) {
}
@media (max-width:1399px) {
    .l_b_t_m		{display:table; table-layout:fixed; width:100%;}
    .l_b_t_m > div	{display:table-cell;}
}

/* table to inline-block */
[class^="l_t_ib_"]          {display:table; table-layout:fixed; width:100%;}
[class^="l_t_ib_"] > div    {display:table-cell;}

@media (min-width:1400) {
}
@media (max-width:1399px) {
    .l_t_ib_m		{display:block;}
    .l_t_ib_m > div {display:inline-block;}
}

/* table to block */
[class^="l_t_b_"]       {display:table; table-layout:fixed; width:100%;}
[class^="l_t_b_"] > div {display:table-cell;}

@media (min-width:1400px) {
}
@media (max-width:1399px) {    
    .l_t_b_m, .l_t_b_m > div {display:block;}
}

/* list col count */
@media (min-width:1400px) {
	.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-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%;}
	.cnt1-1-1 > ul > li {width:100%;}
}
@media (max-width:1399px) {
	.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-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%;}
	.cnt1-1-1 > ul > li {width:100%;}
}

/* width */
.w_a    {width:auto		!important;}
.w_12p  {width:14.5%	!important;}
.w_16p  {width:14.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;}

.w_80	{width:80px		!important;}
.w_140	{width:140px	!important;}
.w_310	{width:310px	!important;}
.w_460	{width:460px	!important;}

@media (max-width:1399px) {
	.w_a_m    {width:auto		!important;}
	.w_12p_m  {width:12.5%		!important;}
	.w_16p_m  {width:16.6666%	!important;}
	.w_20p_m  {width:20%		!important;}
	.w_25p_m  {width:25%		!important;}
	.w_33p_m  {width:33.3333%	!important;}
	.w_37p_m  {width:37.5%		!important;}
	.w_40p_m  {width:40%		!important;}
	.w_50p_m  {width:50%		!important;}
	.w_60p_m  {width:60%		!important;}
	.w_62p_m  {width:62.5%		!important;}
	.w_66p_m  {width:66.6666%	!important;}
	.w_75p_m  {width:75%		!important;}
	.w_80p_m  {width:80%		!important;}
	.w_83p_m  {width:83.3333%	!important;}
	.w_87p_m  {width:87.5%		!important;}
	.w_100p_m {width:100%		!important;}
}

/* margin */
.mg_l0	{margin-left:0		!important;}
.mg_l4	{margin-left:4px	!important;}
.mg_l8	{margin-left:8px	!important;}
.mg_l12	{margin-left:12px	!important;}
.mg_l16	{margin-left:16px 	!important;}
.mg_l20	{margin-left:20px 	!important;}
.mg_l24	{margin-left:24px 	!important;}
.mg_l28	{margin-left:28px 	!important;}
.mg_l32	{margin-left:32px 	!important;}
.mg_l36	{margin-left:36px 	!important;}
.mg_l40	{margin-left:40px 	!important;}
.mg_l44	{margin-left:44px 	!important;}
.mg_l48	{margin-left:48px 	!important;}
.mg_l52	{margin-left:52px 	!important;}
.mg_l56	{margin-left:56px 	!important;}
.mg_l60	{margin-left:60px 	!important;}
.mg_l64	{margin-left:64px 	!important;}

.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;}
.mg_t68	{margin-top:68px 	!important;}
.mg_t72	{margin-top:72px 	!important;}
.mg_t80	{margin-top:80px 	!important;}

.mg_r0	{margin-right:0		!important;}
.mg_r4	{margin-right:4px	!important;}
.mg_r8	{margin-right:8px	!important;}
.mg_r12	{margin-right:12px	!important;}
.mg_r16	{margin-right:16px 	!important;}
.mg_r20	{margin-right:20px 	!important;}
.mg_r24	{margin-right:24px 	!important;}
.mg_r28	{margin-right:28px 	!important;}
.mg_r32	{margin-right:32px 	!important;}
.mg_r36	{margin-right:36px 	!important;}
.mg_r40	{margin-right:40px 	!important;}
.mg_r44	{margin-right:44px 	!important;}
.mg_r48	{margin-right:48px 	!important;}
.mg_r52	{margin-right:52px 	!important;}
.mg_r56	{margin-right:56px 	!important;}
.mg_r60	{margin-right:60px 	!important;}
.mg_r64	{margin-right:64px 	!important;}

@media (max-width:1399px) {
	.mg_t8_m	{margin-top:8px		!important;}
	.mg_t16_m	{margin-top:16px	!important;}
}

/* padding */
.pd_l0	{padding-left:0		!important;}
.pd_l4	{padding-left:4px	!important;}
.pd_l8	{padding-left:8px	!important;}
.pd_l12	{padding-left:12px	!important;}
.pd_l16	{padding-left:16px 	!important;}
.pd_l20	{padding-left:20px 	!important;}
.pd_l24	{padding-left:24px 	!important;}
.pd_l28	{padding-left:28px 	!important;}
.pd_l32	{padding-left:32px 	!important;}
.pd_l36	{padding-left:36px 	!important;}
.pd_l40	{padding-left:40px 	!important;}
.pd_l44	{padding-left:44px 	!important;}
.pd_l48	{padding-left:48px 	!important;}
.pd_l52	{padding-left:52px 	!important;}
.pd_l56	{padding-left:56px 	!important;}
.pd_l60	{padding-left:60px 	!important;}
.pd_l64	{padding-left:64px 	!important;}

.pd_t0	{padding-top:0		!important;}
.pd_t4	{padding-top:4px	!important;}
.pd_t5	{padding-top:5px	!important;}
.pd_t8	{padding-top:8px	!important;}
.pd_t12	{padding-top:12px	!important;}
.pd_t16	{padding-top:16px 	!important;}
.pd_t20	{padding-top:20px 	!important;}
.pd_t24	{padding-top:24px 	!important;}
.pd_t28	{padding-top:28px 	!important;}
.pd_t32	{padding-top:32px 	!important;}
.pd_t36	{padding-top:36px 	!important;}
.pd_t40	{padding-top:40px 	!important;}
.pd_t44	{padding-top:44px 	!important;}
.pd_t48	{padding-top:48px 	!important;}
.pd_t52	{padding-top:52px 	!important;}
.pd_t56	{padding-top:56px 	!important;}
.pd_t60	{padding-top:60px 	!important;}
.pd_t64	{padding-top:64px 	!important;}

.pd_r0	{padding-right:0	!important;}
.pd_r4	{padding-right:4px	!important;}
.pd_r8	{padding-right:8px	!important;}
.pd_r12	{padding-right:12px	!important;}
.pd_r16	{padding-right:16px !important;}
.pd_r20	{padding-right:20px !important;}
.pd_r24	{padding-right:24px !important;}
.pd_r28	{padding-right:28px !important;}
.pd_r32	{padding-right:32px !important;}
.pd_r36	{padding-right:36px !important;}
.pd_r40	{padding-right:40px !important;}
.pd_r44	{padding-right:44px !important;}
.pd_r48	{padding-right:48px !important;}
.pd_r52	{padding-right:52px !important;}
.pd_r56	{padding-right:56px !important;}
.pd_r60	{padding-right:60px !important;}
.pd_r64	{padding-right:64px !important;}

.pd_b0	{padding-bottom:0		!important;}
.pd_b4	{padding-bottom:4px		!important;}
.pd_b5	{padding-bottom:5px		!important;}
.pd_b8	{padding-bottom:8px		!important;}
.pd_b12	{padding-bottom:12px	!important;}
.pd_b16	{padding-bottom:16px 	!important;}
.pd_b20	{padding-bottom:20px 	!important;}
.pd_b24	{padding-bottom:24px 	!important;}
.pd_b28	{padding-bottom:28px 	!important;}
.pd_b32	{padding-bottom:32px 	!important;}
.pd_b36	{padding-bottom:36px 	!important;}
.pd_b40	{padding-bottom:40px 	!important;}
.pd_b44	{padding-bottom:44px 	!important;}
.pd_b48	{padding-bottom:48px 	!important;}
.pd_b52	{padding-bottom:52px 	!important;}
.pd_b56	{padding-bottom:56px 	!important;}
.pd_b60	{padding-bottom:60px 	!important;}
.pd_b64	{padding-bottom:64px 	!important;}

/* text color */
.tc_c9a165	{color:#c9a165 !important;}
.tc_111111	{color:#111111 !important;}
.tc_666666	{color:#666666 !important;}
.tc_022a58	{color:#022a58 !important;}
.tc_e73132	{color:#e73132 !important;}
.tc_f0666d	{color:#f0666d !important;}
.tc_9b1024  {color:#9b1024 !important;}
.tc_36c3d3	{color:#36c3d3 !important;}
.tc_323142	{color:#323142 !important;}
.tc_5b56e1	{color:#5b56e1 !important;}
.tc_757480	{color:#757480 !important;}
.tc_888888	{color:#888888 !important;}
.tc_80c437	{color:#80c437 !important;}
.tc_9999a1	{color:#9999a1 !important;}

/* text decoration underline */
.td_underline_9999a1	{border-bottom:1px solid #9999a1;}
.td_underline_e73132	{border-bottom:1px solid #e73132;}

/* font weight */
.fw_b   {font-weight:bold;}
.fw_100 {font-weight:100;}
.fw_200 {font-weight:200;}
.fw_300 {font-weight:300;}
.fw_400 {font-weight:400;}
.fw_500 {font-weight:500;}
.fw_600 {font-weight:600;}
.fw_700 {font-weight:700;}
.fw_800 {font-weight:800;}
.fw_900 {font-weight:900;}

/* font-size + line-height reset */
.fslh_0 {font-size:0; line-height:0;}

/* font family - noto sans cjk kr, noto serif kr, century gothic */
.ff_nss {font-family:'Noto Sans CJK KR';}
.ff_nsf {font-family:'NotoSans', 'NotoSansKA','Arial', 'Helvetica', serif !important;}
.ff_cg  {font-family:'Century Gothic'; letter-spacing:0;}
/* button style */
.btn			{display:inline-block; font-size:0; line-height:0; border:1px solid transparent; vertical-align:middle; text-align:center;}
.btn > *		{display:inline-block; vertical-align:middle;  font-weight:700;}

.btn_lg			{padding:13px 18px;}
.btn_lg > span	{font-size:18px; line-height:26px; padding:0 8px;}
.btn_md			{padding:11px 16px;}
.btn_md > span	{font-size:16px; line-height:24px; padding:0 6px;}
.btn_sm			{padding:8px 14px;}
.btn_sm > span	{font-size:14px; line-height:22px; padding:0 4px;}
.btn_xs			{padding:5px 12px;}
.btn_xs > span	{font-size:12px; line-height:20px; padding:0 2px;}
.btn_xx			{padding:3px 10px;}
.btn_xx > span	{font-size:11px; line-height:18px; padding:0 0px;}

.btn_black		{background:#222222; color:#fff;}
.btn_gold		{background:#c9a165; color:#fff;}
.btn_red		{background:#e73132; color:#fff;}
.btn_orange 	{background:#f68d04; color:#fff;}
.btn_green		{background:#3ac569; color:#fff;}
.btn_skygreen	{background:#25c2bc; color:#fff;}
.btn_sky		{background:#e7f1fd; color:#3a394a;}
.btn_blue		{background:#047be0; color:#fff;}
.btn_navy		{background:#50505f; color:#fff;}
.btn_gray		{background:#eeeeee; color:#3a394a;}
.btn_white		{background:#ffffff; color:#3a394a;}
.btn_disable	{background:#cccccc; color:#fff;}

.btn_line_black		{border-color:#222222; color:#222222;}
.btn_line_red		{border-color:#e73132; color:#e73132;}
.btn_line_orange 	{border-color:#f68d04; color:#f68d04;}
.btn_line_green		{border-color:#3ac569; color:#3ac569;}
.btn_line_skygreen	{border-color:#25c2bc; color:#25c2bc;}
.btn_line_blue		{border-color:#047be0; color:#047be0;}
.btn_line_navy		{border-color:#50505f; color:#50505f;}
.btn_line_gray		{border-color:#eeeeee; color:#eeeeee;}
.btn_line_white		{border-color:#ffffff; color:#ffffff;}

.btn_square		{border-radius:0;}
.btn_round		{border-radius:4px;}
.btn_shadow		{box-shadow:0 8px 16px rgba(0,0,0,0.048);}

/* button + icon */
.btn [class^="ico_"] {background-repeat:no-repeat; background-position:center center;}
.btn .ico_window {display:none !important;}

.btn_lg [class^="ico_"] {width:24px; height:24px; background-size:24px;}
.btn_md [class^="ico_"] {width:20px; height:20px; background-size:20px;}
.btn_sm [class^="ico_"] {width:16px; height:16px; background-size:16px;}
.btn_xs [class^="ico_"] {width:12px; height:12px; background-size:12px;}
.btn_xx [class^="ico_"] {width:8px; height:8px; background-size:8px;}

.btn_sm.btn_line_black .ico_edit {background:url(../images/common/ico_16_edit_b.png) no-repeat center center; width:14px; height:14px; background-size:14px;}
.btn_sm.btn_line_black .ico_more_bottom {background:url(../images/common/ico_16_more_bottom_b.png) no-repeat center center; width:14px; height:14px;}

/* form */
input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], input[type="search"], input[type="checkbox"], input[type="radio"], textarea, select, label, button {display:inline-block; margin:0; padding:0; font-family:Arial, sans-serif; font-weight:400; vertical-align:middle;}
input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], input[type="search"], textarea, select {-webkit-appearance:none; width:100%; background:transparent; background:#fff; color:#222; border:1px solid #ddd;}
select {background-image:url(../images/common/ico_16_selectbox_arrow_down_b.png); background-repeat:no-repeat; transition:transform 0.25s ease-out;}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, textarea:focus, select:focus {outline:none; border-color:#c9a165;}
textarea {max-width:100%; min-width:100%;}
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
::-ms-input-placeholder {color:#999;}
::placeholder {color:#999;}

@media (max-width:768px) {
.btn_sm.btn_line_black .ico_more_bottom {background:url(../images/common/ico_more_bottom_m.png) no-repeat center center;background-size: 100%;}
select {background-image:url(../images/common/ico_selectbox_arrow_down_m.png); background-repeat:no-repeat; transition:transform 0.25s ease-out;}

}



.s_form_lg input[type="text"], .s_form_lg input[type="password"], .s_form_lg input[type="date"], .s_form_lg input[type="number"], .s_form_lg input[type="search"], .s_form_lg input[type="email"], .s_form_lg select, .s_form_lg textarea {font-size:18px; line-height:26px; padding:14px 20px; height:56px;}
.s_form_lg select {padding-right:70px; background-position:right 20px center; background-size:20px auto;}
.s_form_lg textarea {min-height:160px;}
.s_form_md input[type="text"], .s_form_md input[type="password"], .s_form_md input[type="date"], .s_form_md input[type="number"], .s_form_md input[type="search"], .s_form_md input[type="email"], .s_form_md select, .s_form_md textarea {font-size:16px; line-height:24px; padding:11px 16px; height:48px;}
.s_form_md select {padding-right:42px; background-position:right 16px center; background-size:18px auto;}
.s_form_md textarea {min-height:140px;}
.s_form_sm input[type="text"], .s_form_sm input[type="password"], .s_form_sm input[type="date"], .s_form_sm input[type="number"], .s_form_sm input[type="search"], .s_form_sm input[type="email"], .s_form_sm select, .s_form_sm textarea {font-size:14px; line-height:22px; padding:8px 12px; height:40px;}
.s_form_sm select {padding-right:34px; background-position:right 12px center; background-size:16px auto;}
.s_form_sm textarea {min-height:120px;}
.s_form_xs input[type="text"], .s_form_xs input[type="password"], .s_form_xs input[type="date"], .s_form_xs input[type="number"], .s_form_xs input[type="search"], .s_form_xs input[type="email"], .s_form_xs select, .s_form_xs textarea {font-size:12px; line-height:20px; padding:6px 8px; height:32px;}
.s_form_xs select {padding-right:26px; background-position:right 8px center; background-size:14px auto;}
.s_form_xs textarea {min-height:100px;}


.f_srch {position:relative;}
.f_srch .btn_search {display:block; position:absolute; right:0; top:0;}
.s_form_lg .f_srch input {padding-right:56px;}
.s_form_md .f_srch input {padding-right:48px;}
.s_form_sm .f_srch input {padding-right:40px;}
.s_form_xs .f_srch input {padding-right:32px;}
.s_form_lg .f_srch .btn_search {width:56px; height:56px;}
.s_form_md .f_srch .btn_search {width:48px; height:48px;}
.s_form_sm .f_srch .btn_search {width:40px; height:40px;}
.s_form_xs .f_srch .btn_search {width:32px; height:32px;}


.f_srch .ico_calendar   {background:url(../images/common/ico_16_calendar_b.png) no-repeat center center;}
.f_srch .ico_search		{background:url(../images/common/ico_20_search_b.png) no-repeat center center;}
.f_srch .ico_voice		{background:url(../../imagess/nar/globalmenu/search_ico_voice.png) no-repeat center center;}
.f_srch .ico_delete		{background:url(../images/common/ico_delete.png) no-repeat center center;}
.s_form_sm .f_srch .ico_calendar	{background-size:16px;}
.s_form_sm .f_srch .ico_search		{background-size:20px;}
.s_form_xs .f_srch .ico_search		{background-size:12px;}
.s_form_sm .f_srch .ico_voice		{background-size:16px;}
.s_form_xs .f_srch .ico_voice		{background-size:12px;}
@media (max-width:768px) {
.f_srch .ico_search		{background:url(../images/common/ico_search_m.png) no-repeat center center;}
}
.f_unit {position:relative;}
.f_unit .f_txt {position:absolute; right:0; top:0;}
.s_form_lg .f_unit .f_txt {padding-left:10px; padding-right:20px;}
.s_form_md .f_unit .f_txt {padding-left:8px; padding-right:16px;}
.s_form_sm .f_unit .f_txt {padding-left:6px; padding-right:12px;}
.s_form_sm .f_unit.f_unit_count .f_txt {padding:8px 12px; background:#fff; border:1px solid #ddd;}
.s_form_xs .f_unit .f_txt {padding-left:4px; padding-right:8px;}

.f_tbl {display:table; table-layout:fixed; width:100%;}
.f_tbl > div {display:table-cell; vertical-align:middle;}

.f_w_dash, .f_w_emp		{text-align:center; color:#ddd;}
.s_form_lg .f_w_dash	{width:32px; font-size:18px; line-height:56px;}
.s_form_md .f_w_dash	{width:24px; font-size:16px; line-height:48px;}
.s_form_sm .f_w_dash	{width:16px; font-size:14px; line-height:40px;}
.s_form_xs .f_w_dash	{width:8px; font-size:12px; line-height:32px;}
.s_form_lg .f_w_emp		{width:40px; font-size:18px; line-height:56px;}
.s_form_md .f_w_emp		{width:32px; font-size:16px; line-height:48px;}
.s_form_sm .f_w_emp		{width:24px; font-size:14px; line-height:40px;}
.s_form_xs .f_w_emp		{width:16px; font-size:12px; line-height:32px;}

.f_check, .f_radio {position:relative; display:inline-block; vertical-align:middle;}
.f_check input, .f_radio input {display:block; width:0; height:0; overflow:hidden; visibility:hidden;}
.f_check label, .f_radio label {display:block; position:relative;}
.f_check label::before, .f_radio label::before {position:absolute; left:0; top:50%; display:block; content:''; border:1px solid #ddd;}
.f_check label::after {display:block; content:''; position:absolute; left:0; top:50%;}
.f_check input:checked + label::before {border-color:#222;}
.f_check input:checked + label::after {background:url(../images/common/ico_24_checkbox_b.png) no-repeat center center; background-size:100% auto;}
.f_radio label::before {border-radius:100%;}
.f_radio label::after {display:block; content:''; position:absolute; left:0; top:50%; border-radius:100%;}
.f_radio input:checked + label::before {border-color:#222;}
.f_radio input:checked + label::after {background-color:#222;}

.s_form_lg .f_check label, .s_form_lg .f_radio label {padding-left:37px; min-height:26px;}
.s_form_md .f_check label, .s_form_md .f_radio label {padding-left:32px; min-height:24px;}
.s_form_sm .f_check label, .s_form_sm .f_radio label {padding-left:27px; min-height:22px;}
.s_form_xs .f_check label, .s_form_xs .f_radio label {padding-left:22px; min-height:20px;}

.s_form_lg .f_check label::before, .s_form_lg .f_radio label::before {width:28px; height:28px; margin-top:-14px;}
.s_form_md .f_check label::before, .s_form_md .f_radio label::before {width:24px; height:24px; margin-top:-12px;}
.s_form_sm .f_check label::before, .s_form_sm .f_radio label::before {width:20px; height:20px; margin-top:-10px;}
.s_form_xs .f_check label::before, .s_form_xs .f_radio label::before {width:16px; height:16px; margin-top:-8px;}

.s_form_lg .f_check label::after {width:16px; height:16px; margin:-8px 0 0 6px;}
.s_form_md .f_check label::after {width:14px; height:14px; margin:-7px 0 0 5px;}
.s_form_sm .f_check label::after {width:12px; height:12px; margin:-6px 0 0 4px;}
.s_form_xs .f_check label::after {width:10px; height:10px; margin:-5px 0 0 3px;}

.s_form_lg .f_radio label::after {width:16px; height:16px; margin:-8px 0 0 6px;}
.s_form_md .f_radio label::after {width:14px; height:14px; margin:-7px 0 0 5px;}
.s_form_sm .f_radio label::after {width:12px; height:12px; margin:-6px 0 0 4px;}
.s_form_xs .f_radio label::after {width:10px; height:10px; margin:-5px 0 0 3px;}



.f_onoff {position:relative; display:inline-block; vertical-align:middle;}
.f_onoff input[type="checkbox"] {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
.f_onoff input[type="checkbox"] + label {position:relative; display:block; background:#ddd; transition:background 0.25s ease-out;}
.f_onoff input[type="checkbox"]:checked + label {background:red;}
.f_onoff input[type="checkbox"] + label::before {display:block; content:''; border-radius:100%; background:#fff; position:absolute; left:2px; top:2px; transition:left 0.25s ease-out;}
.f_onoff input[type="checkbox"]:checked + label::before {left:calc(50% + 2px);}

.s_form_sm .f_onoff {margin-top:8px;}
.s_form_xs .f_onoff {margin-top:6px;}

.s_form_lg .f_onoff input[type="checkbox"] + label {width:64px; height:32px; border-radius:16px;}
.s_form_md .f_onoff input[type="checkbox"] + label {width:56px; height:28px; border-radius:14px;}
.s_form_sm .f_onoff input[type="checkbox"] + label {width:48px; height:24px; border-radius:12px;}
.s_form_xs .f_onoff input[type="checkbox"] + label {width:40px; height:20px; border-radius:10px;}
.s_form_lg .f_onoff input[type="checkbox"] + label::before {width:28px; height:28px;}
.s_form_md .f_onoff input[type="checkbox"] + label::before {width:24px; height:24px;}
.s_form_sm .f_onoff input[type="checkbox"] + label::before {width:20px; height:20px;}
.s_form_xs .f_onoff input[type="checkbox"] + label::before {width:16px; height:16px;}

[class^="f_txt"], [class^="f_label"] {display:inline-block; color:#333; vertical-align:middle;}
.s_form_lg [class^="f_txt"], .s_form_lg [class^="f_label"] {font-size:18px; line-height:26px; padding:15px 0;}
.s_form_md [class^="f_txt"], .s_form_md [class^="f_label"] {font-size:16px; line-height:24px; padding:12px 0;}
.s_form_sm [class^="f_txt"], .s_form_sm [class^="f_label"] {font-size:14px; line-height:22px; padding:9px 0;}
.s_form_xs [class^="f_txt"], .s_form_xs [class^="f_label"] {font-size:12px; line-height:20px; padding:6px 0;}
.s_form_lg [class^="f_label"] {padding-left:8px; padding-right:12px;}
.s_form_md [class^="f_label"] {padding-left:6px; padding-right:9px;}
.s_form_sm [class^="f_label"] {padding-left:4px; padding-right:6px;}
.s_form_xs [class^="f_label"] {padding-left:2px; padding-right:3px;}

.f_list01 > ul {margin:-4px 0;}
.f_list01 > ul > li {padding:4px 0;}

[class^="f_list"] [class^="fl_title_"] {display:block; position:relative;}
[class^="f_list"] .fl_title_14 {font-size:14px; line-height:22px; color:#3a394a; padding:4px 0;}

[class*="s_form_"] .c_warning {border-color:#e84822 !important;}
[class*="s_form_"] .c_warning::-webkit-input-placeholder {color:#e84822 !important;}
[class*="s_form_"] .c_warning::-moz-placeholder {color:#e84822 !important;}
[class*="s_form_"] .c_warning:-ms-input-placeholder {color:#e84822 !important;}
[class*="s_form_"] .c_warning::-ms-input-placeholder {color:#e84822 !important;}
[class*="s_form_"] .c_warning, [class*="s_form_"] .c_warning::placeholder {color:#e84822 !important;}

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

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

/* list toggle */
.lt_l               		{cursor:pointer;}
.lt_p .lt_c         		{display:none;}
.lt_p.open .lt_c			{display:block;}
.lt_p .lt_l .txt_open 		{display:inline-block;}
.lt_p .lt_l .txt_close 		{display:none;}
.lt_p.open .lt_l .txt_open	{display:none;}
.lt_p.open .lt_l .txt_close {display:inline-block;}

/* slide default */
.s_w		{white-space:nowrap;font-size:0;line-height:0;text-align:left;}
.s_w .sw_l	{display:inline-block; font-size:16px; line-height:24px;}

/* tab - common, access */
.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;}
.tab_scrl .s_w .sw_l {width:auto !important;}

/* sub text */
[class^="s_text_"] {position:relative;display:block;color:#111;padding:2px 0;}
.s_text_12 {font-size:12px; line-height:20px;}
.s_text_14 {font-size:14px; line-height:22px;}
.s_text_16 {font-size:16px; line-height:24px;}
.s_text_18 {font-size:18px; line-height:26px;}
.s_text_20 {font-size:20px; line-height:28px;}
.s_text_22 {font-size:22px; line-height:30px;}
.s_text_24 {font-size:24px; line-height:32px;}
.s_text_26 {font-size:26px; line-height:34px;}
.s_text_28 {font-size:28px; line-height:36px;}
.s_text_30 {font-size:30px; line-height:38px;}
.s_text_32 {font-size:32px; line-height:40px;}
.s_text_34 {font-size:34px; line-height:42px;}
.s_text_36 {font-size:36px; line-height:44px;}
.s_text_38 {font-size:38px; line-height:46px;}
.s_text_40 {font-size:40px; line-height:48px;}

/* sub text icon */
.s_pg_ico {position:absolute; left:0; top:0; padding:2px 0;}
.s_pg_ico_essential {position:absolute; left:0; top:50%; margin-top:-2px; display:block; width:4px; height:4px; border-radius:100%; background:#f0666d;}

/* sub list */
[class^="s_list_"] {color:#111;}
[class^="s_list_"] ul, [class^="s_list_"] ol, [class^="s_list_"] li, [class^="s_list_"] .sl_txt {padding:4px 0;}
[class^="s_list_"] li {position:relative;}
[class^="s_list_"] [class^="sl_"] {display:block;position:absolute;}
[class^="s_list_"] .sl_dot, [class^="s_list_"] .sl_bar {background:#222;}
[class^="s_list_"] .sl_txt {/* left:0; *//* top:0; */ color:#222;font-weight:bold;}

.s_list_16 {font-size:16px; line-height:24px;}
.s_list_16 li {padding-left:16px;}
.s_list_16 .sl_dot {width:4px; height:4px; border-radius:2px; left:4px; top:14px;}
.s_list_16 .sl_bar {width:8px; height:2px; border-radius:2px; left:2px; top:12px;}
.s_list_16 .sl_txt {width:12px; font-size:12px;}

.s_list_14 {font-size:14px; line-height:22px;}
.s_list_14 li {padding-left:16px;}
.s_list_14 .sl_dot {width:4px; height:4px; border-radius:2px; left:4px; top:13px;}
.s_list_14 .sl_bar {width:8px; height:2px; border-radius:2px; left:2px; top:12px;}
.s_list_14 .sl_txt {width:12px; font-size:12px;}

.s_list_12 {font-size:12px; line-height:20px;}
.s_list_12 ul, .s_list_12 ol {padding-top:2px; padding-bottom:2px;}
.s_list_12 li {position:relative; padding:2px 0 2px 16px;}
.s_list_12 .sl_dot {width:2px; height:2px; border-radius:1px; left:6px; top:11px;}
.s_list_12 .sl_bar {width:6px; height:2px; border-radius:2px; left:3px; top:11px;}
.s_list_12 .sl_txt {width:12px; font-size:10px;}

[class^="s_list_"] [class^="data_table_"] {padding-bottom:4px;}



/* link text */
.s_link_text {color:#c9a165; margin:0 2px -1px 2px;}
.s_link_text .ico_window {position:relative; display:inline-block; width:16px; height:16px; border-radius:8px; background:#e73132; 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_link_text_inner {position:relative; display:inline-block; font-size:16px; line-height:24px; color:#c9a165; vertical-align:middle; padding-right:24px;}
.s_link_text_inner::after {display:inline-block; content:''; width:16px; height:16px; background:url(../images/common/ico_16_link_arrow_right_y.png) no-repeat center center; position:absolute; right:0; top:50%; margin-top:-8px;}

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

/* table btn */
.t_btn {margin:0 -2px;}
.t_btn > div {display:table; table-layout:fixed; width:100%;}
.t_btn > div > div {display:table-cell; padding:0 2px;}

/* sub_top */
.s_top {font-size:0; line-height:0;}
.s_top::after {display:block; content:''; clear:both;}
.s_top > div::before {display:inline-block; content:''; height:40px; vertical-align:middle;}
.s_top > div > * {display:inline-block; vertical-align:middle;}
.s_top > div > * ~ * {margin-left:6px;}
.s_top .guide_tgl {position:relative;}
.s_top .guide_tgl > i {display:block; width:24px; height:24px; background:url(../../imagess/nar/common/ico_guide_n.png) no-repeat center center; background-size:16px;}
.s_top .btn_more > span,
.s_top .btn_more::after,
.s_top .st_count span,
.s_top .st_count strong {display:inline-block; vertical-align:middle;}
.s_top .btn_more > span {font-size:16px; line-height:24px; color:#666;}
.s_top .btn_more::after {content:''; width:16px; height:16px; background:url(../images/common/ico_16_more_g.png) no-repeat center center;}
.s_top .st_alert {font-size:14px; line-height:22px; font-weight:bold; color:#fff; padding:0 8px; border-radius:11px; background:#f0666d;}
.s_top .st_count span {font-size:14px; line-height:22px;}
.s_top .st_count strong {font-size:14px; line-height:22px; color:#f0666d; padding:0 2px;}

.s_top [class^="s_text_"] {margin-top:0; padding-top:0; padding-bottom:0;}
.s_top .s_form_sm {margin-top:-6px; margin-bottom:-6px;}
.s_top .s_form_xs {margin-top:-2px; margin-bottom:-2px;}

@media (max-width:1399px) {
	.s_top .btn_more > span {font-size:14px; line-height:22px;}
}

/* sub tab */
.s_tab {font-size:0; line-height:0; overflow:hidden; overflow-x:auto; border-bottom:1px solid #ddd;}
.s_tab > ul {position:relative; width:100%; white-space:nowrap;}
/* .s_tab > ul::after {display:block; content:''; width:100%; height:1px; background:#ddd; position:absolute; left:0; bottom:0; z-index:0;} */
.s_tab > ul > li {display:inline-block;}
.s_tab > ul > li ~ li {margin-left:40px;}
.s_tab > ul > li > a {position:relative; display:block; font-size:16px; line-height:24px; font-weight:bold; color:#666; padding:16px 0;}
.s_tab > ul > li.on > a {color:#111;}
.s_tab > ul > li.on > a::after {display:block; content:''; width:100%; height:4px; background:#c9a165; position:absolute; left:0; bottom:0; z-index:5;}

.s_tab_sub > ul {padding:12px 0;}
.s_tab_sub > ul > li {display:inline-block;}
.s_tab_sub > ul > li > a {display:block; font-size:12px; line-height:20px; font-weight:500; color:#999; padding:6px 12px; border-radius:16px;}
.s_tab_sub > ul > li.on > a {background:#f0666d; color:#fff;}

/* box */
[class^="box_"] {position:relative; padding:26px 30px;}
.box_gray {background:#f5f5f5;}
.box_line_g {border:1px solid #e6e6e6;}

/* div y scroll */
[class^="dy_scrl_"] {overflow:hidden; overflow-y:auto;}
.dy_scrl_520 {max-height:520px;}
.dy_scrl_520 div{font-size:16px; line-height:24px;margin:0 0 30px 0;}
.dy_scrl_520 h3{}
.dy_scrl_520 p{margin: 0 0 15px 0;}
.dy_scrl_520 ul{ margin:0 0 10px 0}
.dy_scrl_520 li{line-height:20px;position: relative;margin: 2px 0 12px 21px;}
.dy_scrl_520 li i{font-size: 13px;line-height:20px;margin: 0 0 13px -17px;position: absolute;}

/* border list scroll */
[class^="bly_scrl"] {overflow:hidden; overflow-y:scroll; border-bottom:1px solid #ddd; width:calc(100% + 17px); margin-right:-17px;}
.bly_scrl_218 {height:218px; max-height:218px;}

/* ico guide */
.ico_guide {position:relative; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.ico_guide .lt_l {display:block; width:16px; height:16px; background:url(../images/common/ico_16_guide_line_b.png) no-repeat center center; background-size:16px; z-index:5;}
.ico_guide .lt_c {width:-webkit-max-content;width:-moz-max-content;width:max-content; background:#fff; padding:11px 15px; border:1px solid #111; border-radius:4px; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:14px; z-index:10;}
.ico_guide .lt_c::before {display:block; content:''; width:16px; height:11px; background:url(../images/common/ico_16_guide_top_bg.png) no-repeat center center; position:absolute; left:50%; bottom:100%; margin:0 0 0 -8px;}
.pa_user .ico_guide .lt_l,
.kpm_top .ico_guide .lt_l {background-image:url(../images/common/ico_16_guide_g.png);}

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

@media (max-width:1399px) {
	.tbl_scrl_m > table {width:1400px !important;}
}


@media (max-width:768px) {
	.not-found {width: 100% !important;font-size: 18px;margin: 10% 0 0 0;/* padding: 0 71px !important; */display: grid;min-height: 140px;}
	.not-found span{font-size:20px}
}




/* board list 01 */
.board_list01 * {vertical-align:middle;}
.board_list01 table {table-layout:fixed; width:100%; border-top:2px solid #333; margin-left:-1px;}
.board_list01 table th,
.board_list01 table td {border-bottom:1px solid #f1f1f1; text-align:center;}
.board_list01 table td.ta_l {text-align:left;}
.board_list01 table th {font-size:16px; line-height:24px; padding:12px 16px; color:#111; background:#f5f5f5; border-left:1px solid #f1f1f1;}
.board_list01 table td {font-size:16px; line-height:24px; padding:12px 16px; color:#111; border-left:1px solid #f1f1f1;}
.board_list01 .bl_link {display:block; font-size:16px; line-height:24px; color:#111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_list01 .bl_link:hover {color:#c9a165;}
.board_list01 .bl_answer {position:Relative; padding:32px; padding-left:72px; background:#f5f5f5;}
.board_list01 .bl_answer > i {display:block; content:''; width:32px; height:32px; position:absolute; left:30px; top:26px; background:url(../images/common/ico_32_answer_b.png) no-repeat center center;}
.board_list01 .no_list {padding:64px 0; font-weight:500; color:#888;}
.board_list01 [class^="ico_"] {display:inline-block; width:16px; height:16px; margin-left:4px;}
.board_list01 .ico_lock {background:url(../images/common/ico_lock.png) no-repeat center center;}
.board_list01 .ico_new {background:url(../images/common/ico_new.png) no-repeat center center;}
.board_list01 .ico_file {background:url(../images/common/ico_file.png) no-repeat center center;}

.board_list01 .btn_xs {margin:0 2px;}
.board_list01 .fslh_0 .btn_xs {margin:0; margin-right:4px;}
.board_list01.bt_none table {border-top:0;}

/* board_list 02 */
.board_list02 > ul {border-top:2px solid #333;}
.board_list02 > ul > li {padding:20px 0; border-bottom:1px solid #f1f1f1;}

/* gallery list01 */
.gallery_list01 > ul {margin-top:-30px;}
.gallery_list01 > ul > li {padding:30px 0 24px 0; border-bottom:1px solid #f1f1f1;}
.gallery_list01 .gl_img {display:block; height:240px; background-color:#eee; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.gallery_list01 .gl_title {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

@media (max-width:1399px) {
	.gallery_list01 .gl_title {text-overflow:initial; overflow:initial; white-space:initial; max-height:48px; overflow:hidden;}
}

/* gallery list02 */
.gallery_list02 > ul {margin:0 -20px; padding-bottom:40px; border-bottom:1px solid #eee;}
.gallery_list02 > ul::after {display:block; content:''; clear:both;}
.gallery_list02 > ul > li {float:left;padding:0 20px;}
.gallery_list02 .gl02_img {position:relative; display:block; height:191px; background-color:#eee; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.gallery_list02 .gl02_img > i {display:block;position:absolute;right:0;bottom:0;font-size:12px;line-height:30px;height:32px;font-weight:bold;color:#fff;padding:0 24px;background:#c9a165;}
.gallery_list02 .gl02_img > span.video {position:absolute; left:0; bottom:0; font-size:0; width:32px; height:32px; background: url('../images/common/ico_play.png') 0 0 no-repeat;}
.gallery_list02 .gl_b {padding:16px 0;}
.gallery_list02 .gl_title {display:block; color:#111; overflow:hidden;}
.gallery_list02 .gl_descript {max-height:66px;}


@media (min-width:1400px) {
	.gallery_list02 > ul > li {width:33.3333%;}
	.gallery_list02 > ul > li:nth-child(3n+1) {display:block; content:''; clear:both;}
	.gallery_list02 > ul > li:nth-child(n+4) {padding-top:40px;}
	.gallery_list02 .gl_title {font-size:18px; line-height:26px; max-height:52px;}
}
@media (max-width:1399px) {
	.gallery_list02 > ul > li {width:100%;}
	.gallery_list02 > ul > li ~ li {padding-top:20px;}
	.gallery_list02 .gl_title {font-size:16px; line-height:24px; max-height:48px;}
}

/* photonew list */
.photonews_list > ul {position:relative; margin:-4px -2px 0;}
.photonews_list > ul::after {display:block; content:''; clear:both;}
.photonews_list > ul > li {float:left; padding:4px 2px 0;}
.photonews_list > ul > li:nth-child(3n+4) {clear:both;}
.photonews_list > ul > li > a {position:relative; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.photonews_list > ul > li > a::before {position:absolute; left:0; bottom:0; display:block; content:''; width:100%; height:50%; background-image:linear-gradient(to bottom, rgba(34, 34, 34, 0), rgba(34, 34, 34, 0.8)); z-index:0;}
.photonews_list > ul > li > a:hover::before {height:100%; background:#c9a165; opacity:0.9;}
.photonews_list > ul > li > a > p {display:block; position:absolute; left:0; bottom:0; width:100%; padding:40px 30px;}
.photonews_list > ul > li > a > p > em {display:inline-block; font-size:12px; line-height:20px; font-weight:bold; color:#fff; padding:6px 15px; background:#c9a165;}
.photonews_list > ul > li > a > p > strong {display:-webkit-box;font-style:italic;color:#fff;white-space:normal;margin-top:8px;max-height:120px;line-height:40px;word-wrap: break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.photonews_list > ul > li > a > p > span {display:block; font-size:14px; line-height:22px; color:#fff; margin-top:8px;}
.photonews_list > ul > li > a > p::after {display:none; content:''; width:42px; height:8px; background:url(../images/main/ico_8_arrow_right_w.png) no-repeat left center; background-size:auto 100%; margin-top:30px;}
.photonews_list > ul > li > a:hover > p::after {display:inline-block;}


@media (min-width:1400px) {
	.photonews_list > ul > li {width:33.3333%;}
	.photonews_list > ul > li:nth-child(1) {width:736px;}
	.photonews_list > ul > li:nth-child(2) {position:absolute; right:0; top:0; width:367.98;}
	.photonews_list > ul > li:nth-child(3) {position:absolute; right:0; top:367.98px; width:367.98;}
	.photonews_list > ul > li > a > p {padding:40px 30px;}
	.photonews_list > ul > li > a > p > strong {font-size: 18px;line-height: 24px;padding: 0px 5px 0 0;}

}
@media (max-width:1399px) {
	.photonews_list > ul > li {width:100%;}
	.photonews_list > ul > li > a > p {padding:20px;}
	.photonews_list > ul > li > a > p > strong {font-size:16px; line-height:24px;}
}

/* illust list */
.illust_list {margin-top:20px;overflow: hidden;}
.illust_list > div {margin:-16px -8px 0;/* height: auto !important; */display: flex;width: 100%;height: 2500px !important;flex-flow: column wrap;align-content: space-around;}
.illust_list > div::after {display:block; content:''; clear:both;}
.illust_list > div > div {padding:16px 8px 0;position: unset !important;display: flex;flex-direction: column;}
.illust_list > div > div > a {display:block;border:1px solid rgba(17, 17, 17, 0.1);}
.illust_list > div > div > a > i {position:relative;display:block;max-height: 485px;min-height: auto;overflow: hidden;}
.illust_list > div > div > a > i > img {display: list-item;width:100%;}
.illust_list > div > div > a:hover > i::before {display:block; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#c9a165; opacity:0.9; z-index:0;}
.illust_list > div > div > a:hover > i::after {position:absolute; left:50%; top:50%; margin:-48px 0 0 -48px; display:block; content:'view'; width:96px; height:96px; border-radius:100%; background:#fff; font-size:20px; line-height:96px; color:#333; text-align:center; z-index:5;}
.illust_list > div > div > a > p,
.illust_list > div > div > a > p > strong,
.illust_list > div > div > a > p > span {display:block;}
.illust_list > div > div > a > p {padding:20px 30px 24px 30px; background:#fff;}
.illust_list > div > div > a > p > strong {color:#333;overflow:hidden;white-space:normal;}
.illust_list > div > div > a > p > span {font-size:12px; line-height:20px; color:#666; margin-top:8px;}
.illust_list > div > div > a > p > em {display:inline-block; font-size:12px; line-height:20px; font-weight:bold; color:#fff; padding:2px 12px; background:#c9a165;}

@media (min-width:1400px) {
    .illust_list > div > div {width:33.3333%;}
    .illust_list > div > div > a > p > strong {font-size:18px;line-height:26px;height:52px;font-family: 'NotoSans', 'NotoSansKA','Arial', 'Helvetica', serif !important;}
}
@media (max-width:1399px) {
    .illust_list > div > div {width:33.333%;}
    .illust_list > div > div > a > p > strong {font-size:16px; line-height:24px; height:48px;}
}

@media (max-width:768px) {
	
	.illust_list > div {margin: -16px 0px 0;height: auto !important;}
    .illust_list > div > div {width:100%;padding: 16px 0 0;}
	.illust_list > div > div > a > i {max-height: 800px}
    .illust_list > div > div > a > p > strong {font-size:16px; line-height:24px; height:48px;}
	.illust_list > div > div > a > i > img {}

/*hr_composition*/
.hr_composition figure table {white-space: nowrap;width: auto;}
.hr_composition figure{overflow: auto;width: 100%; }


}

/* gallery view */
.gallery_view .gv_t .gvt_img img {display:block; width:100%;}
.gallery_view .gv_title {display:-webkit-box;font-weight:900;color:#111;max-height:120px;line-height:40px;word-wrap: break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.gallery_view .gv_btn {font-size:0; line-height:0;}
.gallery_view .gv_btn a {display:inline-block; background-repeat:no-repeat; background-position:center center; vertical-align:middle; border:1px solid #e2e2e2;}
.gallery_view .gv_btn .fl_l a {margin-left:-1px;}
.gallery_view .gv_btn .fl_r a {margin-left:4px;}
.gallery_view .gv_btn .btn_like {width:auto; border-color:#ff5858; margin-right:12px;}
.gallery_view .gv_btn .btn_like::before {display:inline-block; content:''; width:16px; height:16px; background:url(../images/common/ico_14_heart_p.png) no-repeat center center; vertical-align:middle; margin-right:4px;}
.gallery_view .gv_btn .btn_like span {display:inline-block; font-weight:bold; color:#ff5858; vertical-align:middle;}

.gallery_view .gv_btn .btn_txtplus	{background-image:url(../images/common/ico_16_txtplus_b.png);}
.gallery_view .gv_btn .btn_txtreset	{background-image:url(../images/common/ico_16_txtreset_b.png);}
.gallery_view .gv_btn .btn_txtminus	{background-image:url(../images/common/ico_16_txtminus_b.png);}
.gallery_view .gv_btn .btn_print	{background-image:url(../images/common/ico_16_print_b.png);}
.gallery_view .gv_btn .btn_mail		{background-image:url(../images/common/ico_16_mail_b.png);}
.gallery_view .gv_btn .btn_twitter	{background-image:url(../images/common/ico_X.svg);background-size: 16px;}
.gallery_view .gv_btn .btn_facebook	{background-image:url(../images/common/ico_16_facebook_b.png);}
.gallery_view .gv_btn .btn_kakao	{background-image:url(../images/common/ico_16_kakao_b.png);}
.gallery_view .gv_btn .btn_share	{background-image:url(../images/common/ico_16_share_b.png);}
.gallery_view .gv_btn .btn_link		{background-image:url(../images/common/ico_16_link_b.png);}

.gallery_view .gv_c > * {display:block; margin-top:32px;}
.gallery_view .gv_c > .gvc_img_descript {margin-top:16px;}
.gallery_view .gv_c .gvc_descript {color:#111;}
.gallery_view .gv_c .gvc_img_descript {color:#022a58;}
.gallery_view .gv_c .gvc_img {width:100%;}

.gallery_view .gv_t .gvt_slide_wrap {position:relative;}
.gallery_view .gv_t .gvt_slide_wrap .gvt_slide {overflow:hidden;}
.gallery_view .gv_t .gvt_slide_wrap .s_w .sw_l {position:relative; width:100%;vertical-align: top;}
.gallery_view .gv_t .gvt_slide_wrap .s_w .sw_l > .img_caption {position:inherit;left:0;top:0;right:0; width:100%; padding:12px 20px; /*! font-family:'NotoSerif'; */ font-size:16px; line-height:22px;white-space: normal;word-break: break-word;}

.gallery_view .gv_t .gvt_slide_wrap .s_w .sw_l > i {display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.gallery_view .gv_t .gvt_slide_wrap [class^="btn_"] {display:block; border-radius:100%; position:absolute; top:50%; background-color:#fff; opacity:0.9; background-repeat:no-repeat; background-position:center center;}
.gallery_view .gv_t .gvt_slide_wrap [class^="btn_"]:hover {background-color:#c9a165; opacity:1;}
.gallery_view .gv_t .gvt_slide_wrap .btn_prev {left:0; background-image:url(../images/common/ico_24_arrow_left_g.png); transform:rotate(0)}
.gallery_view .gv_t .gvt_slide_wrap .btn_next {right:0; background-image:url(../images/common/ico_24_arrow_left_g.png); transform:rotate(180deg)}
.gallery_view .gv_t .gvt_slide_wrap .btn_prev:hover {background-image:url(../images/common/ico_24_arrow_right_w.png); transform:rotate(180deg)}
.gallery_view .gv_t .gvt_slide_wrap .btn_next:hover {background-image:url(../images/common/ico_24_arrow_right_w.png); transform:rotate(0)}

.gallery_view .gv_t .gvt_slide_wrap .s_p {position:absolute; left:0; width:100%; font-size:0; line-height:0; text-align:center;}
.gallery_view .gv_t .gvt_slide_wrap .s_p .swiper-pagination-bullet {border-radius:100%;background: #e4d0b2; border:2px solid transparent; opacity:1;}
.gallery_view .gv_t .gvt_slide_wrap .s_p .swiper-pagination-bullet.swiper-pagination-bullet-active {background:none; border-color:#c9a165;}

.gallery_view .reporter-li {position:relative; display:inline-block; word-break:normal; padding-right:10px; margin-right:5px;}
.gallery_view .reporter-li:after {content:''; position:absolute; right:0; top:5px; width:1px; height:12px; background: #ddd;}
.gallery_view .gv_c figure.image {text-align:center;margin:32px auto;width:auto;max-width:800px;}
.gallery_view .gv_c figure figcaption {text-align:left;line-height: initial;}
.gallery_view .gv_c figure.image img{width:100%;}
.gallery_view .gv_c .gvc_descript img{width:100%;max-width:800px;}
.arabic .s_w{text-align: right;}

@media (min-width:1400px) {
	.gallery_view .gv_t .gvt_img,
	.gallery_view .gv_t .gvt_slide_wrap {margin-bottom:20px;}
	.gallery_view .gv_t .gvt_slide_wrap .s_w .sw_l > .img_caption {font-size:16px;}
	.gallery_view .gv_title {font-size:30px;}
	.gallery_view .gv_btn {margin-top:24px;}
	.gallery_view .gv_btn a {width:32px; height:32px;}
	.gallery_view .gv_btn .btn_like {padding:5px 12px;}
	.gallery_view .gv_btn .btn_like span {font-size:14px; line-height:22px;}
	.gallery_view .gv_c .gvc_descript {font-size:18px; line-height:26px;}
	.gallery_view .gv_c .gvc_img_descript {font-size:16px; line-height:24px;}

	.gallery_view .gv_t .gvt_slide_wrap [class^="btn_"] {width:56px; height:56px;}
	.gallery_view .gv_t .gvt_slide_wrap .btn_prev {margin:-28px 0 0 -28px;}
	.gallery_view .gv_t .gvt_slide_wrap .btn_next {margin:-28px -28px 0 0;}

	.gallery_view .gv_t .gvt_slide_wrap .s_p {/* bottom:30px; */height:12px;}
	.gallery_view .gv_t .gvt_slide_wrap .s_p .swiper-pagination-bullet {width:12px; height:12px; margin:0 8px;}


}
@media (max-width:1399px) {
	.gallery_view .gv_t .gvt_img,
	.gallery_view .gv_t .gvt_slide_wrap {margin-bottom:20px;}
	.gallery_view .gv_title {font-size:20px; line-height:28px;}
	.gallery_view .gv_btn {margin-top:16px;}
	.gallery_view .gv_btn a {width:24px; height:24px;}
	.gallery_view .gv_btn .btn_like {padding:2px 8px;}
	.gallery_view .gv_btn .btn_like span {font-size:12px; line-height:20px;}
	.gallery_view .gv_btn .btn_print,
	.gallery_view .gv_btn .btn_mail {display:none;}
	.gallery_view .gv_c .gvc_descript {font-size: 16px;line-height:24px;}
	.gallery_view .gv_c .gvc_descript img{max-width: 100% !important;height: auto !important;}
	.gallery_view .gv_c .gvc_img_descript {font-size:14px; line-height:22px;}

	.gallery_view .gv_t .gvt_slide_wrap [class^="btn_"] {width:24px; height:24px; background-size:10px auto;}
	.gallery_view .gv_t .gvt_slide_wrap .btn_prev {margin:-12px 0 0 -12px;}
	.gallery_view .gv_t .gvt_slide_wrap .btn_next {margin:-12px -12px 0 0;}

	.gallery_view .gv_t .gvt_slide_wrap .s_p {/* bottom:16px; */ height:8px;}
	.gallery_view .gv_t .gvt_slide_wrap .s_p .swiper-pagination-bullet {width:8px; height:8px; margin:0 4px;}
}

@media (max-width:768px) {
	.gallery_list02 .gl02_img > span.video {background: url(../images/common/ico_play_m.png) 0 0 no-repeat;}	
.gallery_view .gv_btn .btn_txtplus	{background-image:url(../images/common/ico_textplus_m.png);}
.gallery_view .gv_btn .btn_txtreset	{background-image:url(../images/common/ico_text_m.png);}
.gallery_view .gv_btn .btn_txtminus	{background-image:url(../images/common/ico_textminus_m.png);}
.gallery_view .gv_btn .btn_twitter	{background-image:url(../images/common/ico_X.svg);background-size: 16px;}
.gallery_view .gv_btn .btn_facebook	{background-image:url(../images/common/ico-share-facebook-m.png);}
.gallery_view .gv_btn .btn_link		{background-image:url(../images/common/ico-share-copy-m.png);}
.gallery_view .gv_btn .btn_like::before { background:url(../images/common/ico_14_heart_p_m.png) no-repeat center center; background-size:100%}
.gallery_view .gv_btn .btn_txtplus,
.gallery_view .gv_btn .btn_txtreset	,
.gallery_view .gv_btn .btn_txtminus,
.gallery_view .gv_btn .btn_twitter,
.gallery_view .gv_btn .btn_facebook,
.gallery_view .gv_btn .btn_link{background-size:80%}
.gallery_list02 .gl02_img > span.video {background-size:100%}
.gallery_view .gv_c .gvc_descript {font-size: 14px;line-height:22px;}
.gallery_view .gv_t p.s_text_14 {font-size:12px}
.gallery_view .gv_c figure.image img{width:100%;}
.gallery_view .gv_c figure figcaption {font-size:14px;}

}




/* view_vote */
.view_vote {padding:36px 0 44px 0; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; margin-top:60px;}
.view_vote h5 {display:block; font-weight:bold;}
.view_vote > ul {display:table; table-layout:fixed; width:100%;}
.view_vote > ul > li {display:table-cell; vertical-align:top; text-align:center; cursor:pointer;}
.view_vote > ul > li > div {display:inline-block;}
.view_vote > ul > li > div > i {display:inline-block; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.view_vote > ul > li > div > span,
.view_vote > ul > li > div > strong {display:block;}

.view_vote > ul > li:nth-child(1) > div > i {background-image:url(../images/content/ico_vote01.png)}
.view_vote > ul > li:nth-child(2) > div > i {background-image:url(../images/content/ico_vote02.png)}
.view_vote > ul > li:nth-child(3) > div > i {background-image:url(../images/content/ico_vote03.png)}
.view_vote > ul > li:nth-child(4) > div > i {background-image:url(../images/content/ico_vote04.png)}
.view_vote > ul > li:nth-child(5) > div > i {background-image:url(../images/content/ico_vote05.png)}
.view_vote > ul > li:nth-child(6) > div > i {background-image:url(../images/content/ico_vote06.png)}


.arabic .view_vote {   direction: ltr;text-align: left;}


@media (min-width:1400px) {
	.view_vote h5 {font-size:24px; line-height:32px;}
	.view_vote > ul {margin-top:40px;}
	.view_vote > ul > li > div > i {width:120px; height:120px;}
	.view_vote > ul > li > div > span,
	.view_vote > ul > li > div > strong {font-size:16px; line-height:24px;}
	.view_vote > ul > li > div > span {margin-top:16px;}
	.view_vote > ul > li > div > strong {margin-top:4px;}
}
@media (max-width:1399px) {
	.view_vote h5 {font-size:22px; line-height:30px; text-align:center;}
	.view_vote > ul {margin-top:24px;}
	.view_vote > ul > li > div > i {width:48px; height:48px;}
	.view_vote > ul > li > div > span,
	.view_vote > ul > li > div > strong {font-size:12px; line-height:20px;}
}

/* article slide */
	.article_slide {position:relative; overflow:hidden;}
	.article_slide .s_w .sw_l .as_img {position:relative; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.article_slide .s_w .sw_l .as_img > p {display:block; width:100%; position:absolute; right:0; bottom:0; text-align:right;}
	.article_slide .s_w .sw_l .as_img > p > * {display:inline-block; vertical-align:middle; font-size:12px; line-height:20px; font-weight:bold; padding:10px 24px;}
	.article_slide .s_w .sw_l .as_img > p > strong {background:#c9a165; color:#fff;}
	.article_slide .s_w .sw_l .as_img > p > span {position:relative; background:#f5f5f5; color:#333; padding-left:46px;}
	.article_slide .s_w .sw_l .as_img > p > span::before {display:block; content:''; width:16px; height:16px; background:url(../images/common/ico_16_crown_b.png) no-repeat center center; position:absolute; left:24px; top:50%; margin-top:-8px;}

	.article_slide .s_w .sw_l .as_info {background:#f5f5f5 !important;}
	.article_slide .s_w .sw_l .as_info > i,
	.article_slide .s_w .sw_l .as_info > a,
	.article_slide .s_w .sw_l .as_info > p,
	.article_slide .s_w .sw_l .as_info > span {display:block;}
	.article_slide .s_w .sw_l .as_info > i::before {display:inline-block; content:''; width:14px; height:14px; background:url(../images/common/ico_14_heart_p.png) no-repeat center center; vertical-align:middle;}
	.article_slide .s_w .sw_l .as_info > i > em {font-size:14px; line-height:22px; font-weight:bold; color:#ff5858; vertical-align:middle; margin-left:6px;}
	.article_slide .s_w .sw_l .as_info > a {font-weight:900;color:#333;overflow:hidden;white-space:normal;margin-top:4px;}
	.article_slide .s_w .sw_l .as_info > p {font-size:14px; line-height:22px; color:#888; overflow:hidden; white-space:normal; margin-top:8px;}
	.article_slide .s_w .sw_l .as_info > span {font-size:12px; line-height:20px; color:#666; margin-top:8px;}
	.article_slide .s_w .sw_l .as_info img, .article_slide .s_w .sw_l .as_info iframe, .article_slide .s_w .sw_l .as_info video, .article_slide .s_w .sw_l .as_info table {display: none;}

	.article_slide .mp_b {font-size:0; line-height:0; text-align:center; margin-top:24px;}
	.article_slide .mp_b > div {position:relative; display:inline-block; padding:0 80px;}
	.article_slide .mp_b .s_c {font-size:16px; line-height:24px; font-style:italic; color:#c9a165;} 
	.article_slide .mp_b [class^="btn_"] {position:absolute; top:50%; margin-top:-8px; display:block; width:40px; height:16px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
	.article_slide .mp_b .btn_prev {background-image:url(../images/main/ico_16_prev_y.png); left:0;}
	.article_slide .mp_b .btn_next {background-image:url(../images/main/ico_16_next_y.png); right:0;}


	.article_slide .s_w .sw_l .as_img > p > strong.ico_koreanet,
	.gallery_list02 .gl02_img > i.ico_koreanet,
	.photonews_list.mg_t20 > ul > li > a > p > em.ico_koreanet,
	.ico_koreanet_view:before {background:#c9a165 url('../images/common/ico_koreanet.svg') no-repeat;}

	.article_slide .s_w .sw_l .as_img > p > strong.ico_koreanet {background-position: 18px 7px;background-size: 26px;padding: 10px 22px 11px 53px;content: '';}
	.gallery_list02 .gl02_img > i.ico_koreanet {background-position: 18px 5px;background-size: 23px;padding: 1px 22px 10px 50px;content: '';}
	.photonews_list.mg_t20 > ul > li > a > p > em.ico_koreanet {background-position: 8px 5px; background-size: 23px;padding: 6px 15px 6px 45px;content: '';}
	
	.ico_koreanet_view:before {background-position: 6px 5px;background-size: 20px;padding: 4px 10px 4px 30px; content:'This article is featured on Korea.net';font-size: 14px;position: relative;color: #fff;line-height: 34px;}
	.arabic .article_slide .s_w .sw_l .as_img > p > strong.ico_koreanet {background-position:70px 7px;padding: 10px 55px 10px 22px;}
	.arabic .gallery_list02 .gl02_img > i.ico_koreanet {background-position: 78px 5px;padding: 1px 50px 10px 22px;}
	.arabic .ico_koreanet_view {background:#c9a165;padding:4px 10px; display:initial}
	.arabic .ico_koreanet_view:before {background-position: right 5px;padding: 4px 25px 4px 0;}

@media (min-width:1400px) {
	.article_top {margin-top:80px;}
	.article_slide {padding-right:344px;}
	.article_slide .s_w .sw_l:nth-child(1) {width:100%;}
	.article_slide .s_w .sw_l:nth-child(n+2) {width:340px; position:absolute; right:0;}
	.article_slide .s_w .sw_l:nth-child(2) {top:0;}
	.article_slide .s_w .sw_l:nth-child(3) {top:325px;}

	.article_slide .s_w .sw_l:nth-child(1) .as_info {padding:24px 30px; height:218px;}
	.article_slide .s_w .sw_l:nth-child(1) .as_info > a {font-size:24px; line-height:32px; height:64px;}
	.article_slide .s_w .sw_l:nth-child(1) .as_info > p {height:44px;}
	.article_slide .s_w .sw_l:nth-child(n+2) .as_info {padding:13px 20px;}
	.article_slide .s_w .sw_l:nth-child(n+2) .as_info > a {font-size:16px; line-height:24px; height:48px;}
	.article_slide .s_w .sw_l:nth-child(n+2) .as_info > p {display:none;}

}
@media (max-width:1399px) {
	.article_top {margin-top:60px;}
	.article_slide .s_w .sw_l .as_info {padding:16px 20px; max-height: 176px; -webkit-box-orient: vertical;overflow: hidden;}
	.article_slide .s_w .sw_l .as_info > a {font-size:16px; line-height:24px; max-height:48px;}
	.article_slide .s_w .sw_l .as_info > p {max-height:66px;}
}
@media (max-width:768px) {
.article_slide .s_w .sw_l .as_img > p > span::before {  background:url(../images/common/ico_crown_m.png) no-repeat center center;background-size: contain;}
}

/* contest slide */
.contest_slide {overflow:hidden;}
.contest_slide .s_w .sw_l > a {display:block;}
.contest_slide .s_w .sw_l > a > i {position:relative; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.contest_slide .s_w .sw_l > a:hover > i::before {display:block; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#c9a165; opacity:0.9; z-index:0;}
.contest_slide .s_w .sw_l > a:hover > i::after {position:absolute; left:50%; top:50%; margin:-48px 0 0 -48px; display:block; content:'view'; width:96px; height:96px; border-radius:100%; background:#fff;  font-size:20px; line-height:96px; color:#333; text-align:center; z-index:5;}
.contest_slide .s_w .sw_l > a > p,
.contest_slide .s_w .sw_l > a > p > strong,
.contest_slide .s_w .sw_l > a > p > span {display:block;}
.contest_slide .s_w .sw_l > a > p {padding:20px 30px 24px 30px; background:#222;}
.contest_slide .s_w .sw_l > a > p > span { font-size:14px; line-height:22px; color:#c9a165; font-style:italic;}
.contest_slide .s_w .sw_l > a > p > strong {font-size:16px; line-height:24px; height:48px; color:#fff; overflow:hidden; white-space:normal; margin-top:8px;}

.contest_slide .mp_b {font-size:0; line-height:0; text-align:center; margin-top:24px;}
.contest_slide .mp_b > div {position:relative; display:inline-block; padding:0 80px;}
.contest_slide .mp_b .s_c {font-size:16px; line-height:24px; font-style:italic; color:#c9a165;} 
.contest_slide .mp_b [class^="btn_"] {position:absolute; top:50%; margin-top:-8px; display:block; width:40px; height:16px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.contest_slide .mp_b .btn_prev {background-image:url(../images/main/ico_16_prev_y.png); left:0;}
.contest_slide .mp_b .btn_next {background-image:url(../images/main/ico_16_next_y.png); right:0;}



@media (min-width:1400px) {
	.contest_slide .s_w {margin:0 -20px;}
	.contest_slide .s_w .sw_l {width:33.3333%; padding:0 20px;}
}
@media (max-width:1399px) {
	.contest_slide .s_w .sw_l {width:100%;}
}

/* faq list */
.faq_list {border-top:2px solid #333;}
.faq_list > ul > li > div > div {position:relative; padding:20px 0; padding-right:64px;}
.faq_list .lt_l {padding-left:80px; border-bottom:1px solid #f1f1f1;}
.faq_list .lt_l::after {display:block; content:''; width:24px; height:24px; background:url(../images/common/ico_24_listdown_b.png) no-repeat center center; position:absolute; right:20px; top:50%; margin-top:-12px;}
.faq_list .open .lt_l::after {background-image:url(../images/common/ico_24_listup_b.png);}
.faq_list .lt_l > i {display:block; width:32px; height:32px; font-size:20px; line-height:32px; color:#666; text-align:center; position:absolute; left:24px; top:50%; margin-top:-16px;}
.faq_list .lt_c {background:#f5f5f5; padding-left:100px;}
.faq_list .lt_c::before {display:block; content:''; width:32px; height:32px; position:absolute; left:30px; top:16px; background:url(../images/common/ico_32_answer_b.png) no-repeat center center;}
.faq_list .lt_c > i {display:block; width:32px; height:32px; font-size:20px; line-height:32px; color:#111; text-align:center; position:absolute; left:56px; top:18px;}


@media (max-width:1399px) {
	.faq_list .lt_l {padding-left:40px;}
	.faq_list .lt_l > i {left:4px;}
	.faq_list .lt_c {padding:20px; padding-top:48px;}
	.faq_list .lt_c::before {left:10px; top:12px;}
	.faq_list .lt_c > i {left:36px; top:14px;}
	.t_btn.dp_n_p {display:none;}
}

/* faq list02 */
.faq_list02 > ul > li > div {position:relative;}
.faq_list02 .fl_t {padding:20px; padding-left:48px; border-bottom:1px solid #f1f1f1;}
.faq_list02 .fl_t .f_check {position:absolute; left:14px; top:50%; margin-top:-10px;}
.faq_list02 .fl_b {background:#f5f5f5; padding:20px; padding-top:48px;}
.faq_list02 .fl_b::before {display:block; content:''; width:32px; height:32px; position:absolute; left:10px; top:12px; background:url(../images/common/ico_32_answer_b.png) no-repeat center center;}
.faq_list02 .fl_b > i {display:block; width:32px; height:32px; font-size:20px; line-height:32px; color:#111; text-align:center; position:absolute; left:36px; top:14px;}

/* board view 01 */
.board_view01 {border-top:2px solid #222;}
.board_view01 > div {border-bottom:1px solid #ddd;}
.board_view01 .bv_t {padding:16px 20px; background:#f5f5f5}
.board_view01 .bv_c {padding:24px 20px; min-height:280px;}

/* paging */
.paging {font-size:0; line-height:0; text-align:center;}
.paging * {vertical-align:top;}
.paging a, .paging strong {display:inline-block; margin:0 4px; width:32px; height:32px; font-size:14px; line-height:32px; text-align:center;}
.paging a {color:#999;}
.paging strong {background:#222; color:#fff;}
.paging a[class^="p_"], .paging strong[class^="p_"] {background-repeat:no-repeat; border-color:transparent;}
.paging a.p_first	{background-image:url(../images/common/ico_32_first_g.png);}
.paging a.p_prev	{background-image:url(../images/common/ico_32_prev_g.png);}
.paging a.p_next	{background-image:url(../images/common/ico_32_next_g.png);}
.paging a.p_last	{background-image:url(../images/common/ico_32_last_g.png);}


@media (max-width:768px) {
/* paging */
.paging {font-size:0; line-height:0; text-align:center;}
.paging * {vertical-align:top;}
.paging a, .paging strong {margin: 0 4px 0 0;width: 22px;height: 28px;font-size: 13px;}
.paging a {color:#999;}
.paging strong {background:#222; color:#fff;}
.paging a[class^="p_"], .paging strong[class^="p_"] {background-repeat:no-repeat; border-color:transparent;}
.paging a.p_first	{background-image:url(../images/common/ico_32_first_m.png);background-size: 144%;}
.paging a.p_prev	{background-image:url(../images/common/ico_32_prev_m.png);background-size: 144%;}
.paging a.p_next	{background-image:url(../images/common/ico_32_next_m.png);background-size: 144%;}
.paging a.p_last	{background-image: url(../images/common/ico_32_last_m.png);background-size: 144%;}
.article_slide .mp_b .btn_prev {background-image:url(../images/main/ico_arrow_prev_m.png); left:0;}
.article_slide .mp_b .btn_next {background-image:url(../images/main/ico_arrow_next_m.png); right:0;}

}

/* page skip */
.page_skip {border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.page_skip ul li {position:relative;}
.page_skip ul li:first-child {border-bottom:1px solid #f1f1f1;}
.page_skip .ps_title {display:block; position:absolute; left:0; top:0; font-size:14px; line-height:22px; font-weight:bold; padding:20px; text-align:center;}
.page_skip .ps_detail {display:block; padding:20px; padding-left:96px; font-size:14px; line-height:22px; color:#333;}
.page_skip .ps_detail a {display:block; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.page_skip .ps_detail a:hover {color:#c9a165;}


/* data table */
[class^="data_table_"] {margin-top:8px;}
[class^="data_table_"] table {table-layout:fixed; border-collapse:separate; width:100%; border-top:2px solid #333;}
[class^="data_table_"] table th,
[class^="data_table_"] table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:8px 12px;}
[class^="data_table_"] table th:last-child,
[class^="data_table_"] table td:last-child {border-right:0;}
[class^="data_table_"] table th.bd_r {border-right-width:1px !important;}
[class^="data_table_"] table th {color:#222; font-weight:700;}
[class^="data_table_"] table td {background:#fff; color:#666;}
[class^="data_table_"] table thead th {font-weight:bold; background:#f8f8f8; border-bottom:1px solid #ddd;}
[class^="data_table_"] table tbody th {background:#f8f8f8;}
[class^="data_table_"] table tbody th,
[class^="data_table_"] table tbody td {position:relative;}
[class^="data_table_"] .ta_l {text-align:left;}
[class^="data_table_"] .ta_c {text-align:center;}
[class^="data_table_"] .ta_r {text-align:right;}
[class^="data_table_"] .va_t {vertical-align:top;}
[class^="data_table_"] .no_list {display:block; font-size:13px; line-height:21px; font-weight:bold; color:#888; text-align:center; padding:96px 0;}
.data_table_14 table th,
.data_table_14 table td {font-size:14px; line-height:22px;}
.data_table_12 table th,
.data_table_12 table td {font-size:12px; line-height:20px;}

/* form area b */
.form_area {font-size:0; line-height:0;}
.form_area > ul {border-top:2px solid #222;}
.form_area > ul > li {border-bottom:1px solid #ddd;}
.form_area.form_area_line_none > ul {border-top:0;}
.form_area.form_area_line_none > ul > li {border-bottom:0;}
.form_area > ul > li > div {display:table; table-layout:fixed; width:calc(100% + 32px); margin:0 -16px;}
.form_area > ul > li > div > div {display:table-cell; padding:16px 0; padding-right:16px;}
.form_area .fa_title {width:240px; vertical-align:middle; padding:0; padding-left:32px;}
.form_area.form_area_180 .fa_title {width:180px;}
.form_area .fa_title > div {display:inline-block; vertical-align:middle;}
.form_area .fa_title > div > span {display:inline; vertical-align:middle; font-size:16px; line-height:24px; color:#111;}
.form_area .ico_guide {margin-left:8px;}

@media (max-width:1399px) {
	.form_area > ul {border:0;}
	.form_area > ul > li {border:0;}
	.form_area > ul > li > div,
	.form_area > ul > li > div > div {display:block; width:100%; margin:0; padding:0;}
	.form_area .fa_title {width:100%; padding-left:0; padding-top:40px;}
	.form_area .fa_title + div {padding-top:12px;}
	.form_area.form_area_180 .fa_title {width:100%;}
	.form_area > ul > li:first-child > div > .fa_title:first-child {padding-top:0;}
}

/* upload list */
.upload_list > ul {margin:-10px -5px 0;}
.upload_list > ul::after {display:block; content:''; clear:both;}
.upload_list > ul > li {float:left; padding:10px 5px 0;}
.upload_list > ul > li > div {position:relative; width:160px; height:90px; border:1px solid transparent; background:#f5f5f5;}
.upload_list > ul > li:last-child > div {border:1px dashed #ddd; background:url(../images/common/ico_36_img_g.png) no-repeat #fff center center;}
.upload_list .ul_img {display:block; width:inherit; height:inherit; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.upload_list .btn_delete {position:absolute; right:0; top:0; display:block; width:24px; height:24px; background:url(../images/common/ico_24_upload_delete_b.png) no-repeat center center;}
.upload_list > ul > li:last-child .btn_delete {display:none;}

/* upload video */
.upload_video > div {width:320px; height:180px; border:1px dashed #ddd; background:url(../images/common/ico_36_play_g.png) no-repeat #fff center center;}
.upload_video > div > a {display:block; width:inherit; height:inherit}

/* join area */
.join_area {padding:64px 0 24px;}
.join_area .ja_regist_top {position:relative;}
.join_area .ja_regist_top .jrt_lang {position:absolute; right:0; top:0; padding:10px 0;}
.join_area .ja_regist_top .jrt_lang .lt_l {position:relative; display:block; font-size:16px; line-height:24px; color:#333; padding-right:24px;}
.join_area .ja_regist_top .jrt_lang .lt_l::after {display:block; content:''; width:16px; height:16px; background:url(../images/common/ico_16_lang_arrow_down_b.png) no-repeat center center; position:absolute; right:0; top:50%; margin-top:-8px; transition:transform 0.25s ease-out;}
.join_area .ja_regist_top .jrt_lang.open .lt_l::after {transform:rotate(180deg);}
.join_area .ja_regist_top .jrt_lang > div {position:absolute; right:0; top:100%; margin-top:8px; width:140px; padding:0 20px; background:#fff; border-radius:4px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); z-index:5;}
.join_area .ja_regist_top .jrt_lang > div > ul {padding:10px 0;}
.join_area .ja_regist_top .jrt_lang > div > ul > li {padding:5px 0;}
.join_area .ja_regist_top .jrt_lang > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#111;}
.join_area .ja_regist_top .jrt_lang > div > ul > li > a:hover {color:#c9a165;}
.join_area .ja_complete_top i {display:inline-block; width:60px; height:60px; background:url(../images/common/ico_60_complete.png) no-repeat center center;}

@media (max-width:1399px) {
	.join_area {padding:0;}
}

/* login area */
.login_area {padding:64px 0 24px;}
.login_area .la_login_top i {display:inline-block; width:114px; height:114px; background:url(../images/common/ico_114_logo.png) no-repeat center center;}
.login_area .la_form {max-width:480px; margin:0 auto;}
.login_area .la_form .laf_navi {font-size:0; line-height:0; text-align:center;}
.login_area .la_form .laf_navi > ul > li {position:relative; display:inline-block; padding:0 12px;}
.login_area .la_form .laf_navi > ul > li ~ li::before {display:block; content:''; width:1px; height:12px; background:#ddd; position:absolute; left:0; top:50%; margin-top:-6px;}
.login_area .la_form .laf_navi > ul > li > a {display:block; font-size:14px; line-height:22px; color:#666;}

@media (max-width:1399px) {
	.login_area {padding:0;}
}

/* profile */
.profile_area > .fl_l {width:240px; margin-right:60px;}
.profile_area > .fl_r {width:1100px;}
.profile_area > .fl_l .btn.btn_gold > span {font-family:'Arial'; font-size:14px; font-weight:normal;}

.pa_user {font-size:0; line-height:0; background:#f5f5f5; padding:40px 0; text-align:center;}
.pa_user .pau_thumb {position:relative; display:inline-block;}
.pa_user .pau_thumb > i {display:block; width:70px; height:70px; border-radius:100%; background:url(../images/common/ico_70_user_w.png) no-repeat center center; overflow:hidden;}
.pa_user .pau_thumb .btn_edit {display:block; width:30px; height:30px; background:url(../images/common/ico_30_edit_w.png) no-repeat center center; position:absolute; right:0; bottom:0; margin-right:-15px;}
.pa_user .pau_info > ul > li ~ li {margin-top:16px;}
.pa_user .pau_info .paui_point {display:inline-block; background:#fff; padding:3px 20px;}
.pa_user .pau_info .paui_point > i {display:inline-block; vertical-align:middle; width:16px; height:16px; background:url(../images/common/ico_16_point_y.png) no-repeat center center; margin-right:6px;}

@media (max-width:1399px) {
	.profile_area > .fl_l,
	.profile_area > .fl_r {float:none; width:100%; margin:0;}
}

/* layer popup */
.layer_popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:120px 0; background:rgba(0,0,0,0.5); z-index:20; overflow-y:auto;}
.layer_popup.open {display:block;width: 100%;}
.layer_popup > div {position:relative; margin:0 auto;padding: 30px 30px; background:#fff;}
.layer_popup .btn_close {display:block; width:24px; height:24px; background:url(../images/common/ico_24_popup_close_b.png) no-repeat center center; position:absolute; right:30px; top:30px;}
.layer_popup .lp_t {padding-bottom:32px;display: -webkit-box;}
.layer_popup .lp_t h4 {display:block;font-size:24px;line-height:32px; color:#111;}
.layer_popup .lp_b {padding-top:40px;}
.btn-back {font-size: 16px; display:none;background: #ebebeb;padding: 5px 10px;line-height: 18px;border-radius: 20px;cursor: pointer;margin: 5px 0 0 10px;}

.layer_popup_lg > div {width:840px;}
.layer_popup_md > div {width:640px;}
.history_list  {background: #f7f7f7;padding: 10px;width: 96%;/* border-top: 1px solid #ddd; */}
.history_list p {margin: 5px 0;color: #c9a165;}.history_list p a {text-decoration: underline;color: #c9a165;}
.history_list i {margin: 0 7px 0 5px;}

/* m layer popup */
.m_layer_popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:20; overflow-y:auto;}
.m_layer_popup.open {display:block;}
.m_layer_popup > div {position:relative; padding:50px 20px;}
.m_layer_popup .btn_close {display:block; width:32px; height:32px; background:url(../images/common/ico_48_alert_close_b.png) no-repeat center center; background-size:100%; position:absolute; right:20px; top:12px;}


/* layer alert */
.layer_alert {display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:120px 0; background:rgba(0,0,0,0.5); z-index:20;}
.layer_alert.open {display:block;}
.layer_alert > div {position:relative; width:360px; margin:0 auto; padding:30px; border-radius:4px; background:#fff; box-shadow:0 2px 10px 0 rgba(38, 44, 71, 0.16);}
.layer_alert .btn_close {display:block; width:24px; height:24px; background:url(../images/common/ico_24_alert_close_b.png) no-repeat center center; position:absolute; right:12px; top:12px;}
.layer_alert .la_c {padding-right:16px;}
.layer_alert .s_btn .btn > span {font-family:'Arial';}



/*
	Layout
 */

/* header */
.header {/* position:absolute; */left:0;top:0;width:100%;transition:background 0.25s ease-out;font-size:0;line-height:0;z-index:5;}
.header > div::after {display:block; content:''; clear:both;}
.header .h_l {float:left;}
.header .h_r {float:right;}
.header .h_r > div {position:relative;float:left;}

.header .h_logo {display:block;}
.header .h_logo > a {display:block;height:100%;background:url(../images/header/logo_hr.png) no-repeat left center;background-size:auto 100%;}
.header .h_lang > span {position:relative;display:block;font-size:14px;line-height:20px;color:#fff;padding:20px 53px 20px 46px;z-index: 7;cursor:pointer;}
.header .h_lang > span::before {display:block; content:''; width:20px; height:20px; background:url(../images/header/ico_global.png) no-repeat center center; background-size:100%; position:absolute; left:20px; top:50%; margin-top:-10px;}
.header .h_lang > a::after {display:block; content:''; width:10px; height:10px; background:url(../images/header/ico_10_arrow_down_w.png) no-repeat center center; position:absolute; right:20px; top:50%; margin-top:-5px; transition:transform 0.25s ease-out;}
.header .h_lang.over > span::after {transform:rotate(180deg);}
.header .h_lang > div {display:none; position:absolute;left: 0; top:74px; width:100%; padding:10px 0; background:#222; margin-top:-20px; z-index:5;}
.header .h_lang.over > div {display:block;}
.header .h_lang > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#fff; padding:6px 10px 6px 46px;}
.header .h_lang > div > ul > li > a:hover,
.header .h_lang > div > ul > li > a:focus {color:#c9a165;}
.header .h_user {padding-left:10px;margin-left:10px;}
.header .h_user::before {display:block; content:''; width:1px; height:16px; position:absolute; left:0; top:22px; background:#444;}
.header .h_user > a {position:relative;display:block;font-size:14px;line-height:20px;color:#fff;padding: 20px 24px 16px 46px;z-index: 6;}
.header .h_user > a::before {display:block; content:''; width:20px; height:20px; background:url(../images/header/ico_user.png) no-repeat center center; background-size:100%; position:absolute; left:20px; top:50%; margin-top:-10px;}
.header .h_sns > ul > li {float:left;}
.header .h_sns > ul > li > a {display:block; background-repeat:no-repeat; background-position:center center; background-size:100%;}
/* .header .h_sns .hs_facebook a {background-image:url(../images/header/ico_facebook.png);} */
/* .header .h_sns .hs_instagram a {background-image:url(../images/header/ico_instagram.png);} */

.header .h_user_khs > a {position:relative; display:block; font-size:14px; line-height:20px; color:#fff; padding:20px 53px 20px 46px; z-index:0;}
.header .h_user_khs > a::before {display:block; content:''; width:20px; height:20px; background:url(../images/header/ico_user.png) no-repeat center center; background-size:100%; position:absolute; left:20px; top:50%; margin-top:-10px;}
.header .h_user_khs > a::after {display:block; content:''; width:10px; height:10px; background:url(../images/header/ico_10_arrow_down_w.png) no-repeat center center; position:absolute; right:20px; top:50%; margin-top:-5px; transition:transform 0.25s ease-out;}
.header .h_user_khs.over > a::after {transform:rotate(180deg);}
.header .h_user_khs > div {display:none; position:absolute; left:0; top:100%; width:100%; padding:10px 0; background:#222; margin-top:-20px; z-index:5;}
.header .h_user_khs.over > div {display:block;}
.header .h_user_khs > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#fff; padding:6px 10px 6px 46px;}
.header .h_user_khs > div > ul > li > a:hover,
.header .h_user_khs > div > ul > li > a:focus {color:#c9a165;}
.header .h_user_khs .huk_logout > a {color:#c9a165;}

.header .gnb {position:absolute;left:0;top:0;width:100%;height:120px;background:rgba(0,0,0,0.9);overflow:hidden;transition:background 0.25s ease-out, height 0.25s ease-out;z-index: 5;}
.header:hover .gnb, .header .gnb.on {background:#222;}
.header .gnb > div {width:1400px;margin:0 auto;padding-left:400px;}
/* .header .gnb > div > ul {display:inline-block; vertical-align:top;} */
.header .gnb > div > ul::after {display:block; content:''; clear:both;}
/* .header .gnb > div > ul > li {display:inline-block; vertical-align:top; padding:30px 0;} */
.header .gnb > div > ul > li {display:block;float:left;padding:30px 0;}
.header .gnb > div > ul > li > a {display:block; font-size:16px; line-height:24px; font-weight:bold; color:#fff; padding:18px 30px;}
.header .gnb > div > ul > li.over > a {color:#c9a165;}
.header .gnb > div > ul > li > div {margin-top:30px;}
.header .gnb > div > ul > li > div > ul > li {padding:2px 0; padding-left:30px;}
.header .gnb > div > ul > li > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#fff;}
.header .gnb > div > ul > li > div > ul > li > a:hover,
.header .gnb > div > ul > li > div > ul > li > a:focus {color:#c9a165;}

.header .btn_snb {display:none;float:left; width:24px; height:24px; background:url(../images/header/ico_menu.png) no-repeat center center; background-size:20px auto;}


@media (min-width:1400px) {
	.header {height:120px;}
	.header > div {width:1400px; margin:0 auto;}
	.header .h_l {position:relative;padding:32px 0 36px 0;z-index: 6;}
	.header .h_l a.btn_snb{display:none}
	.header .h_r {position:relative; padding:30px 0; z-index:5;}
	.header .h_logo {width:353px;height:52px;}
	.header .h_sns {padding:14px 0;display: none;}
	.header .h_sns > ul > li {margin-left:12px;}
	.header .h_sns > ul > li > a {width:32px; height:32px;}

}
@media (max-width:1399px) {
	.header {height:120px;background:#222;}
	.header .h_l {padding: 38px 20px;z-index: 11;/* clear: both; *//* overflow: hidden; */position: absolute;}
	.header .h_r {padding: 30px 11px;z-index: 2;}	
	.header .h_logo {width:353px;height:52px;}	
	.header .h_sns > ul > li {margin-left:8px;}
	.header .h_sns > ul > li > a {width:24px; height:24px;}
	.header .gnb > div {width: 565px;padding-left: 0;}
	.header .h_sns {display:none;}
	.header .h_user {padding-left:0;margin-left:0;}
}



@media (max-width:1280px) {
	.header .h_r {padding: 30px 0;}
	.header .h_lang > span {padding: 20px 33px 16px 46px;}
	.header .h_logo {width:273px;height: 36px;}

}
@media (max-width:1024px) {
	.header {height:56px;}
	.header .gnb {display: none;}
	.header .h_lang > span{margin:0}
	.header .h_logo {height:32px;padding: 0 0 0 37px;}
	.header .h_r {padding:0;}
	.header .gnb > div {width:1400px;margin:0 auto;/* padding-left:250px; */}
	.header .btn_snb {display:block;}
	.header .h_l{padding: 15px 0 0 15px;}
	.header .h_lang > span::before {background:url(../images/header/ico_global_m.png) no-repeat center center;background-size:100%;left: 14px;}
	.header .h_user > a::before {background:url(../images/header/ico_user_m.png) no-repeat center center;background-size:100%;left: 7px;}

}

@media (max-width:768px) {
.header .h_r > div {}
.layer_popup.open{margin:0;padding: 0;}
.layer_popup > div {position:relative; margin:0 auto;padding: 20px;height: inherit;}
.layer_popup_md > div {width: 100%;}
.layer_popup .lp_c .dy_scrl_520{max-height: 90%;}
}
@media (max-width:580px) {
	.header .h_logo {height: 26px;width: 206px;padding: 0 0 0 30px;}
	.header .h_lang {width: 50px;}
	.header .h_user {width: 48px;}
.header .gnb > div {width:1400px;margin:0 auto;/* padding-left:250px; */}
.header .h_user > a {padding: 20px 0 16px 0;text-indent: -9999px;}
.header .h_user::before,.header .h_lang > a::after{display:none;}

.header .h_lang > span {padding: 19px 0 17px 0;text-indent: -9999px;}
.header .h_lang > div {width: 102px;padding: 2px 0;margin: -5px 0 0 -12px;top:45px;}
.header .h_lang > div > ul > li > a {display:block; line-height:18px; color:#fff; padding:6px 10px 6px 10px;}

}

/* snb */
.snb {display:none; opacity:0; transform:translateX(-25%); position:fixed; right:0; top:0; width:100%; height:100%; background:#fff; font-size:0; line-height:0; z-index:10; transition:transform 0.25s ease-out, opacity 0.25s ease-out;}
.snb.open {display:block;z-index: 22;}
.snb .s_t {height:56px; border-bottom:1px solid #f1f1f1; padding:16px 20px;}
.snb .s_t .btn_close {display:block; float:left; width:24px; height:24px; background:url(../images/snb/ico_16_close_b.png) no-repeat center center; background-size:16px auto;}

.snb .s_lang {position:relative; float:right;}
.snb .s_lang > a {position:relative; display:block; font-size:13px; line-height:20px; color:#111; padding:2px 28px;}
.snb .s_lang > a::before {display:block; content:''; width:20px; height:20px; background:url(../images/snb/ico_20_lang_b.png) no-repeat center center; background-size:20px auto; position:absolute; left:0; top:50%; margin-top:-10px;}
.snb .s_lang > a::after {display:block; content:''; width:12px; height:12px; background:url(../images/snb/ico_12_arrow_down.png); position:absolute; right:0; top:50%; margin-top:-6px; transition:transform 0.25s ease-out;}
.snb .s_lang.open > a::after {transform:rotate(180deg);}
.snb .s_lang > div {position:absolute; right:0; top:100%; margin-top:8px; width:140px; padding:0 20px; background:#fff; border-radius:4px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); z-index:5;}
.snb .s_lang > div > ul {padding:10px 0;}
.snb .s_lang > div > ul > li {padding:5px 0;}
.snb .s_lang > div > ul > li > a {display:block; font-size:14px; line-height:22px; color:#111;}
.snb .s_lang > div > ul > li > a:hover {color:#c9a165;}

.snb .s_b {background:#1c1c1c; padding:4px 20px;}
.snb .s_b .sb_t {padding:16px 0;}
.snb .s_b .sb_b {border-top:1px solid rgba(255,255,255,0.1); padding:20px 0;}
.snb .s_navi > ul {margin:0 -12px;}
.snb .s_navi > ul::after {display:block; content:''; clear:both;}
.snb .s_navi > ul > li {position:relative; float:left; padding:0 12px;}
.snb .s_navi > ul > li ~ li::before {display:block; content:''; width:1px; height:10px; background:#fff; opacity:0.2; position:absolute; left:0; top:50%; margin-top:-5px;}
.snb .s_navi > ul > li > a {display:block; font-size:14px; line-height:22px; color:#fff;}
/* standby - 간격처리 */
/* .snb .s_relate > ul {font-size:0; line-height:0; text-align:justify;}
.snb .s_relate > ul::after {display:inline-block; content:''; width:100%; height:0;} */
.snb .s_relate > ul {margin:0 -10px; text-align:center;}
.snb .s_relate > ul > li {display:inline-block; vertical-align:middle; padding:0 10px;}
.snb .s_relate > ul > li > a {display:block; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.snb .s_relate > ul > li:nth-child(1) > a {width:86px; height:16px; background-image:url(../images/snb/logo_mcst.png);}
.snb .s_relate > ul > li:nth-child(2) > a {width:36px; height:20px; background-image:url(../images/snb/logo_kocis.png);}
.snb .s_relate > ul > li:nth-child(3) > a {width:78px; height:16px; background-image:url(../images/snb/logo_factskorea.png);}
.snb .s_relate > ul > li:nth-child(4) > a {width:94px; height:28px; background-image:url(../images/snb/office_of_the_20th_president.png);}

.snb .s_c {height:calc(100% - 191px);overflow:hidden;overflow-y:auto;}
.snb .s_c > div {margin: 53px 20px 0; padding-bottom:64px;}/* standby padding-bottom:60px */
.snb .s_c > div > ul > li {position:relative; padding-left:172px;}
.snb .s_c > div > ul > li ~ li {margin-top: 50px;}
.snb .s_c > div > ul > li > a {position:absolute; left:0; top:0; display:block; font-size:16px; line-height:24px; font-weight:900; color:#111; padding:4px 0;}
.snb .s_c > div > ul > li:nth-child(3) > a {max-width:163px; word-break:break-word;}
.snb .s_c > div > ul > li.on > a::after {display:block; content:''; width:100%; height:2px; background:#c9a165;	position:absolute; left:0; bottom:0;}/* standby - on design ?? */
.snb .s_c > div > ul > li > div > ul > li ~ li {margin-top: 8px;}/* standby margin-top:18px */
.snb .s_c > div > ul > li > div > ul > li > a {display:inline-block; font-size:14px; line-height:22px; color:#111; padding:5px 0;}/* standby padding:0;, on design ?? */


@media (max-width:1024px) {
.snb .s_b {background:#1c1c1c;padding:4px 20px;position: fixed;bottom: 0;width:100%}
	.s_c span.close_btn {display:block;content:'';width:20px;height:20px;background: url(../images/header/ico_close_m.png) no-repeat center center;background-size:100%;position:absolute;right: 16px;top: 28px;margin-top:-10px;}

}


/* footer */
.footer {font-size:0; line-height:0; background:#222;}
.footer .f_t::after,
.footer .f_b::after {display:block; content:''; clear:both;}
.footer .f_t .ft_l {float:left;display: none;}
.footer .f_t .ft_r {/* float:right; */text-align: center;}
.footer .f_b {border-top:1px solid rgba(255,255,255,0.1);}

.footer .f_navi > ul::after {display:block; content:''; clear:both;}
.footer .f_navi > ul > li {position:relative; float:left;}
.footer .f_navi > ul > li ~ li::before {display:block; content:''; width:1px; background:#fff; opacity:0.2; position:absolute; left:0; top:50%;}
.footer .f_navi > ul > li > a {display:block; color:#fff;}
.footer .f_copyright h2 {width:90px; height:16px; background:url(../images/footer/logo_koreanet.png) no-repeat center center;}
.footer .f_copyright p {color:#fff; margin-left:10px;}
.footer .f_privacy a {display:inline-block; color:#fff;}

.footer .f_relate > ul > li {display:inline-block; vertical-align:middle; margin-left:42px;}
.footer .f_relate > ul > li > a {display:block; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}

.footer .f_sns {margin-top:16px;}
.footer .f_sns > ul {text-align:right;}
.footer .f_sns > ul > li {display:inline-block; vertical-align:middle; margin-left:8px;}
.footer .f_sns > ul > li > a {display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:center center; background-size:100%; opacity:0.4;}
.footer .f_sns .fs_facebook a {background-image:url(../images/footer/ico_facebook.png);}
.footer .f_sns .fs_instagram a {background-image:url(../images/footer/ico_instagram.png);}
.footer .f_sns .fs_youtube a {background-image:url(../images/footer/ico_youtube.png);}
.btn-back {font-size: 16px; display:none;background: #ebebeb;padding: 5px 10px;line-height: 18px;border-radius: 20px;cursor: pointer;margin: 5px 0 0 10px;}


@media (max-width:768px) {
.footer{width:100%;}
.footer .f_copyright h2 {width:90px; height:16px; background:url(../images/footer/logo_koreanet_m.png) no-repeat center center;background-size: 90px;}
.footer .f_sns .fs_facebook a {background:#fff url(../images/footer/ico_facebook_m.png); background-size:100%; border-radius:100px}
.footer .f_sns .fs_instagram a {background:#fff url(../images/footer/ico_instagram_m.png);background-size:100%; border-radius:100px}
.footer .f_sns .fs_youtube a {background:#fff url(../images/footer/ico_youtube_m.png);background-size:100%; border-radius:100px}

}


@media (min-width:1400px) {
	.footer > div {width:1400px; margin:0 auto;}
	.footer .f_t {padding:22px 0;}
	.footer .f_b {padding:28px 0 40px 0;}
	.footer .f_b .fb_l {float:left;}
	.footer .f_b .fb_r {float:right;}

	.footer .f_navi {padding:8px 0;}
	.footer .f_navi > ul {margin:0 -20px;}
	.footer .f_navi > ul > li {padding:0 20px;}
	.footer .f_navi > ul > li ~ li::before {height:12px; margin-top:-6px;}
	.footer .f_navi > ul > li > a {font-size:16px; line-height:24px;}
	.footer .f_copyright::after {display:block; content:''; clear:both;}
	.footer .f_copyright > * {float:left;}
	.footer .f_copyright h2 {margin-top:3px;}
	.footer .f_copyright p {font-size:14px; line-height:22px;}
	.footer .f_privacy a {font-size:14px; line-height:22px;}

}
@media (max-width:1399px) {
	.footer > div {padding:4px 20px;}
	.footer .f_t {padding:16px 0;display: none;}
	.footer .f_b {padding:20px 0;}
	.footer .f_b .fb_r {margin-top:10px;}

	.footer .f_navi > ul {margin:0 -12px;}
	.footer .f_navi > ul > li {padding:0 12px;}
	.footer .f_navi > ul > li ~ li::before {height:10px; margin-top:-5px;}
	.footer .f_navi > ul > li > a {font-size:14px; line-height:22px;}
	.footer .f_copyright::after {display:block; content:''; clear:both;}
	.footer .f_copyright h2 {float: left;}
	.footer .f_copyright p {float: left;font-size:12px;line-height:16px;}
	.footer .f_privacy {/* text-align:right; */}
	.footer .f_privacy a {font-size:12px; line-height:16px;}

}

/* container */
.container {position:relative;}
.sub_container::after {display:block; content:''; clear:both;}

@media (min-width:1400px) {
	.sub_container {width:1400px;margin:0 auto;padding-top: 100px;padding-bottom:120px;}
	.sub_container > div {float:left;}
	.lnb {width:240px;margin-right:60px;min-height:500px;}
	.content {width:100%;}
	.lnb + .content {width:1100px;}

}
@media (max-width:1399px) {
	.sub_container {padding:86px 20px 60px;min-height:83%;display: flex;width: 100%;}
	.lnb {width:240px;margin-right:60px;min-height:500px;}
	.lnb + .content {width: 100%;}

}
@media (max-width:1024px) {
	.container {clear:both}
	.sub_container {padding:46px 20px 60px;min-height:83%;width: 100%;display: block;}
	.lnb {display:none}
}
@media (max-width:768px) {
	.sub_container {padding:46px 20px 60px;min-height: 77%;width: 100%;display: block;}
}

/* lnb */
.l_kh .lk_t {font-size:0; line-height:0; height:104px; padding:0 20px; background:#222;}
.l_kh .lk_t::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.l_kh .lk_t h2 {display:inline-block; font-size:24px; line-height:32px; font-weight:900; color:#fff; vertical-align:middle;}
.l_kh .lk_b {border:1px solid #eee;}
.l_kh .lk_b > ul > li ~ li {border-top:1px solid #eee;}
.l_kh .lk_b > ul > li > a {display:block;font-size:16px;line-height:24px;color:#111;padding:18px 20px;}
.l_kh .lk_b > ul > li.on > a {font-weight:bold;}
.l_kh .lk_b > ul > li > div > ul {padding:12px 30px 12px 20px; background:#f5f5f5;}
.l_kh .lk_b > ul > li > div > ul > li {position:relative; padding:3px 0 3px 10px;}
.l_kh .lk_b > ul > li > div > ul > li::before {display:block; content:''; width:2px; height:2px; border-radius:100%; background:#111; position:absolute; left:0; top:13px;}
.l_kh .lk_b > ul > li > div > ul > li > a {display:block; font-family:'Noto Sans CJK KR'; font-size:14px; line-height:22px; color:#111;}
.l_kh .lk_b > ul > li > div > ul > li.on > a {text-decoration:underline;}

.l_khs .lk_t h2 {display:block;  font-size:36px; line-height:44px; font-weight:900;}
.l_khs .lk_b {margin-top:20px;}
.l_khs .lk_b > ul {border-top:4px solid #111;}
.l_khs .lk_b > ul > li {border-bottom:1px solid #eee;}
.l_khs .lk_b > ul > li > a {display:block; font-family:'Noto Sans CJK KR'; font-size:16px; line-height:24px; color:#111; padding:18px 30px 18px 10px;}
.l_khs .lk_b > ul > li.on > a {font-weight:bold;}
.l_khs .lk_b > ul > li > div > ul {padding:12px 30px 12px 20px; background:#f5f5f5;}
.l_khs .lk_b > ul > li > div > ul > li {position:relative; padding:3px 0 3px 10px;}
.l_khs .lk_b > ul > li > div > ul > li::before {display:block; content:''; width:2px; height:2px; border-radius:100%; background:#111; position:absolute; left:0; top:13px;}
.l_khs .lk_b > ul > li > div > ul > li > a {display:block; font-family:'Noto Sans CJK KR'; font-size:14px; line-height:22px; color:#111;}
.l_khs .lk_b > ul > li > div > ul > li.on > a {text-decoration:underline;}

.l_news {font-size:0; line-height:0; margin-top:348px;}
.l_news .ln_t h4 {display:block; font-size:20px; line-height:28px; font-weight:900; color:#111;}
.l_news .ln_list {margin-top:16px;}
.l_news .ln_list > ul > li ~ li {margin-top:1px;}
.l_news .ln_list > ul > li > a {position:relative; display:block; background:#f5f5f5; padding:20px 16px; padding-left:108px; height:100px;}
.l_news .ln_list > ul > li > a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.l_news .ln_list > ul > li > a > i {position:absolute; left:16px; top:20px; display:block; width:80px; height:60px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.l_news .ln_list > ul > li > a > p {display:inline-block; font-size:13px; line-height:21px; max-height:63px; color:#111; vertical-align:middle; overflow:hidden;}


/* sub top */
.sub_top_kh {font-size:0;line-height:0;}
.sub_top_kh .st_navi {margin-top:-55px;}
.sub_top_kh .st_navi > ul {margin:0 -6px 0 -13px; padding:17px 0;}
.sub_top_kh .st_navi > ul > li {position:relative; display:inline-block; padding:0 6px 0 13px;}
.sub_top_kh .st_navi > ul > li ~ li::before {display:block; content:'>'; width:7px; height:21px; font-size:13px; line-height:21px; color:#999; position:absolute; left:0; top:0;}
.sub_top_kh .st_navi > ul > li > a {display:block; font-size:13px; line-height:21px; color:#999;}
.sub_top_kh .st_title {padding-bottom:20px;}
.sub_top_kh .st_title::after {display:block; content:''; clear:both;}
.sub_top_kh .st_title > div {height:48px;}
.sub_top_kh .st_title > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.sub_top_kh .st_title > div > * {display:inline-block; vertical-align:middle;}
.sub_top_kh .st_title h3 {font-weight:900;}


.sub_top_khs {font-size:0; line-height:0;}
.sub_top_khs .st_navi {margin-top:-30px; padding-bottom:16px;}
.sub_top_khs .st_navi > ul {margin:0 -6px 0 -13px;}
.sub_top_khs .st_navi > ul > li {position:relative; display:inline-block; padding:0 6px 0 13px;}
.sub_top_khs .st_navi > ul > li ~ li::before {display:block; content:'>'; width:7px; height:21px; font-size:13px; line-height:21px; color:#999; position:absolute; left:0; top:0;}
.sub_top_khs .st_navi > ul > li > a {display:block; font-size:13px; line-height:21px; color:#999;}
.sub_top_khs .st_title {padding-bottom:16px;}
.sub_top_khs .st_title::after {display:block; content:''; clear:both;}
.sub_top_khs .st_title > div {height:40px;}
.sub_top_khs .st_title > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.sub_top_khs .st_title > div > * {display:inline-block; vertical-align:middle;}
.sub_top_khs .st_title h3 {font-size:24px; line-height:32px; font-weight:bold;}

@media (min-width:1400px) {
	.sub_top_kh .st_title h3 {font-size:36px; line-height:48px;}
}
@media (max-width:1399px) {
	.sub_top_kh .st_title h3 {font-size:22px; line-height:30px;}
}





/*
	content
*/
/* about hr*/
.abouthr .a_img {position:relative;margin-bottom:70px;}
.abouthr .a_img img {display:block; width:100%;}
.abouthr .a_img .a_img_txt {padding:24px 20px; position:absolute; left:0; bottom:-20px; padding:20px 0; width:80%; max-width:760px; font-size:22px; font-weight:bold; font-family:'poppins'; line-height:28px; color:#c9a165; background:#fff; }
.abouthr .a_desc_tit {position:relative; margin-bottom:20px; font-weight:bold; font-size:18px; line-height:24px; color:#111; margin: 32px 0 10px 0; }
.abouthr .a_descript { display:block;  color:#111;}
.abouthr .a_desc_tit:before { content:''; position:absolute; left:0; top:15px; width:15px; height:2px; background:#111; top:16px; width:30px; height:4px;}


@media (min-width:1400px) {
	.abouthr .a_img {margin-bottom: 150px;}
	.abouthr .a_img .a_img_txt {padding:50px 40px 0 60px; font-size:46px; font-weight:bold;  line-height:56px;}
	.abouthr .a_desc_tit { padding-left:60px; margin-bottom:20px; font-size:30px; line-height:30px;}
	
	.abouthr .a_descript {padding-left:60px; font-size:18px; line-height:26px;}
}
@media (max-width:1399px) {
	.abouthr .a_descript {font-size:16px; line-height:24px;}
	.abouthr .a_desc_tit:before {display:none}
}

/* 연도별 구성비 */
.hr_composition .hc_img img {display:block; width:100%;}

/* activities*/
.activities {position:relative;}
.activities > div {position:relative;padding: 180px 0 80px;display: flex;}
.activities > ul > li {position:relative;}
.activities > ul > li::after {display:block; content:''; clear:both;}
.activities .a_year {display:block; border-radius:100%; background:#111; font-weight:900; font-style:italic; color:#fff; text-align:center;}
.activities .a_img i,
.activities .a_img i img {display:block; width:100%;}
.activities::before {display:block; content:''; width:1px; height:100%; background:#eee; position:absolute; top:0;}
.activities::after {display:block; content:''; width:10px; height:10px; border-radius:100%; background:#111; position:absolute; bottom:0;}

	.activities .a_info .a_descript li {list-style: outside;padding: 0 0 10px 0;line-height: 24px;}
	.activities .a_info .a_img {list-style: outside;/* padding: 0 0 10px 0; */}




@media (min-width:1400px) {
	.activities::before {left:50%;}
	.activities::after {left:50%; margin-left:-5px;}
	.activities .a_year {position: absolute; left:50%; top:0; margin-left:-48px; width:96px; height:96px; font-size:28px; line-height:96px;}	
	.activities .a_info {margin:0 -80px;}
	.activities .a_info > div {width:50%;padding:0 80px;}
	
	.activities .y2019 .a_img,
	.activities .y2021 .a_img,
	.activities .y2023 .a_img {float:right;}
	
	.activities .y2019 .a_descript,
	.activities .y2021 .a_descript,
	.activities .y2023 .a_descript {float:left;}
	
	.activities .y2018 .a_img,
	.activities .y2020 .a_img, 
	.activities .y2022 .a_img,
	.activities .y2024 .a_img {float:left;}
	
	.activities .y2018 .a_descript,
	.activities .y2020 .a_descript, 
	.activities .y2022 .a_descript,
	.activities .y2024 .a_descript {float:right;}
}
@media (max-width:1399px) {
	.activities::before {left:32px;}
	.activities::after {left:27px;}
	.activities > div {padding-top:90px; padding-bottom:60px; padding-left:56px;}
	.activities .a_info .a_descript li {margin: 0 0 0 16px;}
	.activities .a_year {position:absolute; left:0; top:0; width:64px; height:64px; font-size:20px; line-height:64px;}
	.activities .a_descript .s_list_16 li {font-size:14px;}
	.activities .a_img .s_text_14 {font-size:12px; line-height:20px;}
	.activities .a_img > ul > li {margin-top:20px;}

}

/* hr logo */
.hrlogo .h_graphic > ul::after {display:block; content:''; clear:both;}
.hrlogo .h_graphic > ul > li {float:left; width:calc(33.3333% + 16px); margin:0 -8px;height:280px; border-radius:140px;text-align:center;background-repeat:no-repeat;background-position: center 79px;}

.hrlogo .h_graphic > ul > li span {display:block; color:#fff;}
.hrlogo .h_graphic > ul > li:nth-child(1) {background-color:rgba(255, 195, 18, 0.8);background-image:url(../images/content/ico_hrlogo01.png)}
.hrlogo .h_graphic > ul > li:nth-child(2) {background-color:rgba(6, 82, 221, 0.8);background-image:url(../images/content/ico_hrlogo02.png)}
.hrlogo .h_graphic > ul > li:nth-child(3) {background-color:rgba(216, 38, 68, 0.8);background-image:url(../images/content/ico_hrlogo03.png)}

.hrlogo .h_descript h4,
.hrlogo .h_descript h5,
.hrlogo .h_descript p {display:block;}
.hrlogo .h_descript h4,
.hrlogo .h_descript h5 {color:#111;}
.hrlogo .h_descript h5 {font-size:24px; line-height:32px;}
.hrlogo .h_descript li {font-size:16px; line-height:24px; color:#666; margin-top:16px;}
.hrlogo .h_descript > ul::after {display:block; content:''; clear:both;}

.hrlogo .h_signature img {width:100%;}
.arabic .hrlogo, 
.arabic .abouthr,
.arabic .activities{direction:ltr; text-align:left}

.logoDownload{background: rgba(6, 82, 221, 0.8);padding: 10px;text-decoration: underline;text-align: center;border-radius: 20px;color: #fff;margin: 60px 0 21px 0;}
.logoDownload a{color:#fff}

.h_signature .dp_n_m {width: 100%;}
.h_signature .dp_n_p {display:none  !important;}
@media (min-width:1400px) {
	.hrlogo .h_graphic {margin-top:40px;}


	.hrlogo .h_graphic > ul {padding:0 8px;}
	.hrlogo .h_graphic > ul > li span {font-size:26px; height:34px;margin-top: 190px;}
	.hrlogo .h_descript {margin-top:80px;}
	.hrlogo .h_descript h4 {font-size:36px; line-height:44px;}
	.hrlogo .h_descript span {font-size:24px; line-height:32px;color: #000;}
	.hrlogo .h_descript > ul {margin:0 -15px; margin-top:40px;}
	.hrlogo .h_descript > ul > li {float:left; width:50%; padding:0 15px;}
	.hrlogo .h_descript > ul > li::nth-child(2n+1) {clear:both;}
	.hrlogo .h_descript > ul > li:nth-child(n+3) {padding-top:40px;}
	.hrlogo .h_signature {margin-top:60px;}
}
@media (max-width:1399px) {
	/* .hrlogo .h_graphic > ul > li ~ li {margin-top:-24px;} */
	.hrlogo .h_graphic > ul > li span {font-size:18px; height:32px;max-width: 90%;margin: 179px auto 0;}
	.hrlogo .h_descript {margin-top:60px;}
	.hrlogo .h_descript h4 {font-size:30px; line-height:38px;}
		.hrlogo .h_descript span {font-size:24px; line-height:32px;color: #000;}
	.hrlogo .h_descript > ul > li {margin-top:24px;}
	.hrlogo .h_signature {margin-top:40px;}
}
@media (max-width:786px) {
.h_signature img {width:100%;display:block;}
.h_signature .dp_n_m {display:none  !important}
.h_signature .dp_n_p {display:block  !important;}
.logoDownload a{font-size:14px}
}

#box_content .table {text-align: center;margin: 20px auto;} 
#box_content table{width:100%} 
#box_content th, 
#box_content td{padding:2px; border:1px solid #ddd;} 
#box_content th{background:#f7f7f7;} 
#box_content ol,
#box_content ul {list-style: inside;} 
#box_content blockquote, 
#box_content q {quotes:none;}



/* Translated */
.gallery_view .gv_title span{background: #999;color:#fff; font-size: 16px; padding:4px 10px; margin: 0 10px 0 0; line-height: 12px}
.arabic .gallery_view .gv_title span{background: #999;color:#fff; font-size: 16px; padding:4px 10px; margin: 0 0 0 10px; line-height: 12px}
.article_slide .s_w .sw_l .as_info > span.trans_span{background: #666;color: #fff;font-size: 12px;padding: 8px 10px;margin:0;line-height: 10px;margin: 5px 0 0 0;display: inline-block;}
.gallery_list02 .gl_title span.trans_span{background: #666;color: #fff;font-size: 12px;padding: 7px 5px;line-height: 8px;display: inline-block;}
.l_news .ln_list > ul > li > a > p .trans_span{background: #ddd;color: #333;font-size: 11px;padding: 3px 5px;margin: 0 10px 0 0;line-height: 12px;}
gallery_view .gv_title span {background: #666;color: #fff;font-size: 14px;padding: 4px 10px;margin: 0 10px 0 0;line-height: 12px;}
.l_news .ln_list > ul > li > a > p span {display:inline-block; font-size:10px; line-height:14px; background:#666; color:#fff; padding:2px 5px;}
/*.gallery_view .trans_span{background: #c9a165;color: #fff;font-size: 14px;display: inline-block;padding: 5px 10px;margin: 20px 0;}*/
.gallery_view .trans_span{background: #f4f4f4;color: #c9a165;font-size: 14px;display: inline-block;padding: 5px 10px;margin: 20px 0;border: 1px solid #e6e6e6;}
.gallery_view .trans_span .trans{font-style: italic; text-decoration: underline;}