@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
/*html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
/*부트스트랩에서 드래그 방지*/
*{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;/**/
}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:15px; font-family:'Noto Sans KR', 'notok', 'ngn', sans-serif;color:#656565;font-weight:400;line-height:1.8;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;word-break:keep-all;}
ul,ol,li{list-style:none;}
table{/*width:100%;*/border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a,
a:focus,
a:active,
a:hover{color:#555;text-decoration:none;-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
*	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {background:transparent;line-height:1.25;font-weight:400;}
h1 {margin:0 0 60px 0;padding:0;font-size:40px;color:#222;letter-spacing:-1px;}
h2 {margin:40px 0 20px 0;font-size:25px;color:#2A3C66;font-weight:700;letter-spacing:-1px;}
h3 {margin:30px 0 20px 0;padding:0;font-size:23px;color:#002870;font-weight:700}
/* h3:before{content:"";display:inline-block;margin:-3px 10px 0 0;width:0;height:6px;border-left:6px solid #2A3C66;border-right:6px solid #999286;vertical-align:middle;} */
/* h4 {margin:20px 0 10px 0;padding:0;font-size:18px;color:#B09868;} */
h4	{/*color:#0B9EC5;*/font-size:19px;margin:30px 0 20px 0;background: url(../../nikom/img/h4_bg.png) no-repeat 0% 50%;padding-left:20px;}
h5 {margin:10px 0 5px 0;padding:0;font-size:16px;color:#555;}
h6 {margin:10px 0 5px 0;padding:0;background: transparent;font-weight:normal;}

/* Form  */
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date]	{width:100%;min-height:35px;border:1px solid #ddd;text-indent:5px;transition: all 0.5s; vertical-align:middle;border-radius:4px;}
input::-webkit-input-placeholder{color:#b5b5b5;}
input[type=file]	{text-indent:0;padding:5px;font-size:14px;}
select	{width:100%;height:35px; font-size:14px; color:#666;text-indent:5px;border:1px solid #ddd; background:#fff;border-radius:4px;}
select::-ms-expand {border:0;background-color:transparent}
textarea{display:block;width:100%;min-height:100px;border:1px solid #ddd;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#ddd; color:#858585; -webkit-appearance:none;}
textarea[readonly],
textarea[disabled],
select[disabled]{background:#eaeaea;border:1px solid #ddd;color:#858585;}

select.w40, input.w40	{width:40px !important;}
select.w60, input.w60	{width:60px !important;}
select.w80, input.w80	{width:80px !important;}
select.w100, input.w100	{width:100px !important;}
select.w150, input.w150	{width:150px !important;}
select.w200, input.w200	{width:200px !important;}
select.w300, input.w300	{width:300px !important;}
select.w500, input.w500	{width:500px !important;}

.bg-light { background-color: #f3f6f8; }
.bg-light2 { background-color: #fafafa; }
.bg-blue { background-color: #33abe6; }


.button { display: inline-block; text-align: center; }
.button-35 { height: 35px; line-height: 33px; }
.button-35.button-round { border-radius: 18px; }
.button-40 { height: 40px; line-height: 38px; }
.button-40.button-round { border-radius: 20px; }
.button-45 { height: 45px; line-height: 43px; }
.button-45.button-round { border-radius: 23px; }
.button-50 { height: 50px; line-height: 48px; }
.button-50.button-round { border-radius: 25px; }
.button-55 { height: 55px; line-height: 53px; }
.button-55.button-round { border-radius: 28px; }
.button-60 { height: 60px; line-height: 58px; }
.button-60.button-round { border-radius: 25px; }
.button-65 { height: 65px; line-height: 63px; }
.button-65.button-round { border-radius: 33px; }
.button-70 { height: 70px; line-height: 68px; }
.button-70.button-round { border-radius: 25px; }
.button-75 { height: 75px; line-height: 73px; }
.button-75.button-round { border-radius: 38px; }
.button-80 { height: 80px; line-height: 78px; }
.button-80.button-round { border-radius: 40px; }
.button-85 { height: 85px; line-height: 83px; }
.button-85.button-round { border-radius: 43px; }
.button-90 { height: 90px; line-height: 88px; }
.button-90.button-round { border-radius: 45px; }
.button-point { color: #fff !important; background: #836e6a; }
.button-blue { color: #fff !important; background: #836e6a; }
.button-grey { color: #fff !important; background: #848792; }
.button-white { color: #333333 !important; background: #fff; }
.button-border { border: 1px solid #eee; }

/* Button Style */
.btn, a.btn { display: inline-block; vertical-align: middle; width: 100px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; }
input.btn { padding-left: 0; }
.btn_border { background-color: #fff; border: 1px solid #eee; }
.btn_dark_border { background-color: #fff; border: 1px solid #ddd; }
.btn_confirm, a.btn_confirm { background-color: #666; color: #fff; }
.btn_point, a.btn_point { background-color: #836e6a; color: #fff; }
.btn_point2, a.btn_point2 { background-color: #3e9b93; color: #fff; }
.btn_dark, a.btn_dark { background: #999; }

/* ------- Grid ------- */
.grid { font-size: 0; }
.grid:after { content: ''; display: block; clear: both; }
.grid > div,
.grid > li { display: inline-block; vertical-align: top; padding: 10px; font-size: initial; }
.grid > div > ._g,
.grid > li > ._g { height: 100%; }
/* 1 col */
.grid-24 { width: 100%; }
/* 2 col */
.grid-12 { width: 50%; }
/* 3 col */
.grid-8 { width: 33.333333%; }
/* 4 col */
.grid-6 { width: 25%; }
/* 5 col */
.grid-5 { width: 20%; }
/* 6 col */
.grid-4 { width: 16.66666%; }
@media only screen and (max-width:1023px){
	select.w300, input.w300	{width:100% !important;}
	select.w500, input.w500	{width:100% !important;}
}

/*.clear	{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;height:0 !important;overflow:hidden; margin:0 !important; padding:0 !important;}
.clear:after,
.clearfix:after{content:"";clear:both;display:block;float:none;}
*/
/* grid */
.col_wrap		{clear:both;margin:-10px;} /* 분할하는 div:bx margin값 있을때 */
.col_wrap_flat	{clear:both;}
.col_wrap_flat:after,
.col_wrap:after{content:"";clear:both;float:none;display:block;}
.col_d2	{float:left;width:50%;}
.col_d3	{float:left;width:33.33333%;}
.col_d4	{float:left;width:25%;}
.col_d5	{float:left;width:20%;}
.col_d2 .bx, .col_d3 .bx, .col_d4 .bx, .col_d5 .bx,
.col_w1 .bx, .col_w2 .bx, .col_w3 .bx, .col_w4 .bx, .col_w5 .bx, .col_w6 .bx, .col_w7 .bx, .col_w8 .bx, .col_w9 .bx{margin:10px;}
.col_w1 {float:left;width:10%;}
.col_w2 {float:left;width:20%;}
.col_w3 {float:left;width:30%;}
.col_w4 {float:left;width:40%;}
.col_w5 {float:left;width:50%;}
.col_w6 {float:left;width:60%;}
.col_w7 {float:left;width:70%;}
.col_w8 {float:left;width:80%;}
.col_w9 {float:left;width:90%;}
ul.d2 li	{float:left;width:50%;}
ul.d3 li	{float:left;width:33.3333%;}
ul.d4 li	{float:left;width:25%;}
ul.d5 li	{float:left;width:20%;}
ul.d6 li	{float:left;width:16.6666%;}
ul.d7 li	{float:left;width:14.2875%;}
ul.d8 li	{float:left;width:12.5%;}
ul.d9 li	{float:left;width:11.1111%;}
ul.d10 li	{float:left;width:10%;}

@media only screen and (max-width:767px){
	.col_wrap,
	.col_d2 .bx, .col_d3 .bx, .col_d4 .bx, .col_d5 .bx,
	.col_w1 .bx, .col_w2 .bx, .col_w3 .bx, .col_w4 .bx, .col_w5 .bx, .col_w6 .bx, .col_w7 .bx, .col_w8 .bx, .col_w9 .bx	{margin:0;}
	.col_d2	{float:none;width:100%;}
}

.left	{float:left !important;}
.right	{float:right !important;}
.cnt	{margin:0 auto !important;}
.tal	{text-align:left !important;}
.tar	{text-align:right !important;}
.tac,
table.tac thead th,  table.tac th,
table.tac tbody th, table.tac td,
table.tac tbody td	{text-align:center !important;}
.taj	{text-align:justify !important;}
.dpb	{display:block !important;}
.dpi	{display:inline-block !important;}
.dpn	{display:none !important;}
.vat	{vertical-align:top !important;}
.vam	{vertical-align:middle !important;}
.fwn{font-weight:normal !important}
.fwb{font-weight:bold !important}
.italic	{font-style:italic !important; }

.fs1	{font-size:90%;}
.fs2	{font-size:120%;}
.fs3	{font-size:160%;letter-spacing:-2px;}
.fs4	{font-size:180%;letter-spacing:-2px;}

.p20{padding:20px !important;}
.mlp5{margin-left:5px !important;}
.mlp10{margin-left:10px !important;}
.mlp20{margin-left:20px !important;}
.mrp5{margin-right:5px !important;}
.mrp10{margin-right:10px !important;}
.mrp20{margin-right:20px !important;}
.mtp5{margin-top:5px !important;}
.mtp10{margin-top:10px !important;}
.mtp20{margin-top:20px !important;}
.mtp30{margin-top:30px !important;}
.mtm30{margin-top:-30px !important;}
.mbp5{margin-bottom:5px !important;}
.mbp10{margin-bottom:10px !important;}
.mbp20{margin-bottom:20px !important;}
.mbp30{margin-bottom:30px !important;}

/* tag */
.tag_d				{display:inline-block; *display:inline; *zoom:1;background:#fff;border:1px solid #ccc;color:#888 !important;padding:4px 12px 3px;border-radius:3px;font-size:12px;margin:1px;text-align: center;vertical-align: middle;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;vertical-align:middle;}
.tag_d.tag_r		{-webkit-border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;border-radius:36px;}
.tag_d.tag_red		{color:#EF593A !important;border-color:#EF593A}
.tag_d.tag_yellow	{color:#ffaa00 !important;border-color:#ffaa00}
.tag_d.tag_green	{color:#35A6B5 !important;border-color:#35A6B5}
.tag_d.tag_blue		{color:#3E78C1 !important;border-color:#3E78C1}
.tag_d.tag_sky		{color:#6699CC !important;border-color:#6699CC}
.tag_d.tag_dgray	{color:#5A6378 !important;border-color:#5A6378}
.tag_d.tag_off		{background:#eee;border-color:#eee;color:#ccc !important;}
.tag_d.tag_bg		{color:#fff !important;}
.tag_d.tag_bg.tag_red		{background:#EF593A}
.tag_d.tag_bg.tag_yellow	{background:#ffaa00}
.tag_d.tag_bg.tag_green		{background:#35A6B5}
.tag_d.tag_bg.tag_blue		{background:#3E78C1}
.tag_d.tag_bg.tag_sky		{background:#6699CC}
.tag_d.tag_bg.tag_dgray		{background:#5A6378}

/* btn */
a.btn_d		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
.btn_d		{display: inline-block;*zoom:1;cursor:pointer;white-space:nowrap;text-align:center;vertical-align: middle;line-height:1.4;
			background-color:#efefef;border-color:#dadada;border-style:solid;border-width:1px;padding:12px 24px;margin:0 0 3px 0;}
button.btn_d,
input[type="submit"].btn_d,
input[type="button"].btn_d	{cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.btn_d.btn_circle	{-webkit-border-radius:48px;-moz-border-radius:48px;-ms-border-radius:48px;-o-border-radius:48px;border-radius:48px;}
.btn_d.btn_round	{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.btn_d.btn_round.btn_xsmall, .btn_d.btn_round.btn_small{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.btn_d.btn_xsmall	{font-size:12px;padding:6px 10px;}
.btn_d.btn_small	{font-size:14px;padding:8px 16px;}
.btn_d.btn_large	{font-size:18px;padding:14px 40px;}
.btn_d.btn_xlarge	{font-size:24px;padding:16px 56px;}

.btn_d.btn_wh		{background-color:#ffffff;border-color:#dadada;}
.btn_d.btn_gray		{background-color:#959595;border-color:#959595;color:#fff !important;}
.btn_d.btn_dgray	{background-color:#5A6378;border-color:#474F5C;color:#fff !important;}
.btn_d.btn_red		{background-color:#EF593A;border-color:#ED4027;color:#fff !important;}
.btn_d.btn_yellow	{background-color:#FEC400;border-color:#FEC400;color:#fff !important;}
.btn_d.btn_or		{background-color:#ff9900;border-color:#ff9900;color:#fff !important;}
.btn_d.btn_green	{background-color:#3CB377;border-color:#3DA35A;color:#fff !important;}
.btn_d.btn_blue		{background-color:#2A3C66;border-color:#2A3C66;color:#fff !important;}
.btn_d.btn_color	{background-color:#A7702E;border-color:#A7702E;color:#fff !important;}
.btn_d.btn_custom	{background-color:#002870;border-color:#002870;color:#fff !important;}

.btn_d.prevnext		{background:#fff;height:34px;margin:0;line-height:1}
/*html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; }  =14px */

.fst	{margin-top:0 !important;}
.underline	{text-decoration:underline;}
.line-through	{text-decoration:line-through}
.point_wh	{color:#fff !important; }
.point_gray	{color:#888888 !important;}
.point_red	{color:#EF593A !important;}
.point_green{color:#1D9D74 !important;}
.point_blue	{color:#1875D1 !important;}
.point_or	{color:#ef7002 !important;}
.point_black{color:#333333 !important;}
.point_custom{color:#303392 !important;}

.thumb-img	{min-width:10px;min-height:10px;overflow:hidden;position:relative;}
.thumb-img img{min-width:100%;max-width:100%;}
.thumb-img .mask	{display:none;width:100%;height:100%;background:red;transition: 0.3s;}
.thumb-img:hover .mask {display:block;transform: translateY(-100px);}

/** 임시 common **/
.delay1{animation-delay:0.2s}
.delay2{animation-delay:0.4s}
.delay3{animation-delay:0.6s}
.delay4{animation-delay:0.8s}
.delay5{animation-delay:1.0s}
.delay6{animation-delay:1.2s}
.delay7{animation-delay:1.4s}
.delay8{animation-delay:1.6s}
.delay9{animation-delay:1.8s}
.delay10{animation-delay:2.0s}

.po_re{position:relative;}
.po_ab{position:absolute;}
.va_pc{display:block;}
.va_mo{display:none;}

@media only screen and (max-width:767px){
	.va_pc{display:none;}
	.va_mo{display:block;}
}

a		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
section:before,
section:after{content:"";clear:both;display:block;float:none;}

/* box */
.bg_wh	{padding:30px;background:#fff}
.bg_gr	{padding:30px;background:#f5f5f5}
.bx1_wh	{padding:30px;border:1px solid #dadada;background:#fff}
.bx5_wh	{padding:30px;border:5px solid #dadada;background:#fff}
.bx1_gr	{padding:30px;border:1px solid #dadada;background:#f5f5f5}
.bx1_rd	{padding:30px;border:1px solid #EF593A;background:#fff}
.bx_insert	{border:1px dashed #D8DDE0;background:#EAF1F9;padding:8px;margin-top:10px;}
ul.clip li:before	{font-family: "FontAwesome";content: "\f0c7";margin-right:5px;color:#768395}
ul.clip li a		{margin-left:5px}

.cmt_info		{background:#EAF1F9;color:#508CC9;}
.cmt_memo		{background:#FEFAE0;color:#996633;}
.cmt_ok			{background:#F1F9F7;color:#1D9D74;}
.cmt_warning	{background:#FEFAE0;color:#996633;}
.cmt_caution	{background:#FFD2CE;color:#CF4133;}
.cmt_info, .cmt_memo, .cmt_ok, .cmt_warning, .cmt_caution	{padding:8px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;line-height:1.4}
.cmt_info:before, .cmt_memo:before, .cmt_ok:before, .cmt_warning:before, .cmt_caution:before {font-family: "FontAwesome"; font-size:120%;margin-right:10px;vertical-align:middle}

.cmt_info:before	{content: "\f059"; } /* question-circle */
.cmt_memo:before	{content: "\f06a"; } /* exclamation-circle  */
.cmt_ok:before		{content: "\f058"; } /* check-circle */
.cmt_warning:before	{content: "\f06a"; } /* exclamation-circle */
.cmt_caution:before{content: "\f071"; } /* exclamation-triangle */

/* list */
ul.bu li			{padding-left:15px;}
ul.bu > li:before	{content:"";display:inline-block;width:3px;height:3px;background:#C7CCCF;margin-left:-15px;margin-right:10px;vertical-align:middle}
ul.bu li li			{padding-left:0;}
ul.bu li li:before	{content:"-";margin-right:6px;}
ul.bu li li li:before	{content:"";display:inline-block;width:2px;height:2px;background:#999;vertical-align:top;margin:10px 5px 0 0;}

ol.list1 li	{list-style-type:decimal;margin-left:14px;padding:0;}
ol.list2 li	{list-style-type:decimal-leading-zero;margin-left:20px;padding:0;}

/* tab */
.tab_txt:after,
.tab_list:after {content:" ";display:block;float:none;clear:both;}

.tab_txt				{margin-bottom:30px;}
.tab_txt ul				{display:table;width:100%;table-layout:fixed;text-align:center;background:#F4F7FB;}
.tab_txt li				{display:table-cell;min-width:20%;vertical-align:middle !important;}
.tab_txt a				{position:relative;display:block;padding:20px 0;font-size:16px;color:#666;}
.tab_txt li a:after		{content:"";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;border-right:1px solid #D2DCE6;}
.tab_txt li a:hover		{color:#2A3C66;}
.tab_txt li a.on		{background-color:#2A3C66;color:#fff;box-shadow:0 6px 5px -3px rgba(0,0,0,0.3);}
.tab_txt li a.on:after,
.tab_txt li:last-child a:after	{display:none;}

.tab_txt.tab_line2 a	{height:80px;}

.tab_txt2					{margin-bottom:30px;}
.tab_txt2 ul				{width:100%;overflow:hidden;table-layout:fixed;text-align:center;border-bottom:1px solid #2A3C66;}
.tab_txt2 ul:after			{content:"";display:block;float:none;clear:both;}
.tab_txt2 li				{float:left;min-width:120px;vertical-align:middle !important;}
.tab_txt2 a					{display:block;padding:12px 0;border-width:1px;border-color:#DFDFDF;border-style:solid;border-top-width:1px;border-left-width:0;border-bottom-width:0;}
.tab_txt2 li:first-child a	{border-left-width:1px;}
.tab_txt2 li a:hover		{color:#525F78;}
.tab_txt2 li a.on			{background-color:#2A3C66;border-color:#2A3C66;color:#fff;}

.tab_list				{position:relative;padding:15px 20px;background:#fff;border:1px solid #2A3C66;margin-bottom:30px;}
.tab_list.mtm30			{margin-top:-31px !important;}
.tab_list ul:after		{content:"";clear:both;display:block;float:none;}
.tab_list li			{display:inline-block;width:auto !important;}
.tab_list li a:after	{content:"";display:inline-block;width:3px;height:3px;background:#BFC7CE;margin:0 25px;vertical-align:middle;border-radius:50%;}
.tab_list li:last-child a:after	{display:none;}
.tab_list li a			{display:inline-block;line-height:1.5;color:#666;}
.tab_list li a.on		{color:#2A3C66;}
@media screen and (max-width:767px){
	.tab_txt2 li		{min-width:auto;width:20%;}
	.tab_txt2 li a		{font-size:13px;padding:8px 0;}
}
@media only screen and (max-width:340px){
	.tab_txt2 li	{width:50%;margin-bottom:-1px;}
	.tab_txt2 li a	{border-bottom-width:1px;}
	.tab_txt2 li:nth-child(odd) a	{border-left-width:1px;}
}

/* table */
.t1					{border-top:1px solid #6A757D;}
.t1 table th		{font-weight:300}
.t1 table th,
.t1 table td		{padding:15px;border:1px solid #ddd;vertical-align:middle;}
.t1 table thead th	{background:#f4f4f4;color:#6A757D;line-height:1.4;font-weight:normal;border-top:none;text-align:center;font-weight:300}
.t1 table th:first-child,
.t1 table td:first-child	{border-left:none;}
.t1 table th:last-child,
.t1 table td:last-child{border-right:none;}
.t1 table tbody 	{background:#ffffff;}
.t1 table tfoot th,
.t1 table tfoot td	{background:#dddddd;}
.t1 table tr:first-child th,
.t1 table tr:first-child td	{border-top:none;}

.t2					{word-break:initial;}
.t2	table			{border-bottom:1px solid #768395;}
.t2 table th,
.t2 table td		{padding:12px 10px;border:1px solid #ddd;border-bottom:none;vertical-align:middle;}
.t2 table thead th	{background:#768395;border:1px solid #768395;color:#fff;line-height:1.4;font-weight:normal;text-align:center;}
.t2 table tbody th	{text-align:center;font-weight:300}
.t2 table tbody 	{border-top:1px solid #768395;background:#fff;line-height:1.5;}
.t2 table tbody th,
.t2 table tbody td:first-child	{border-left:none;}
.t2 table tbody td:last-child{border-right:none;}
.t2 table tbody tr:first-child th,
.t2 table tbody tr:first-child td{border-top:none;}
.t2 table td.br_none	{border-left:none !important;}
.t2 table .subject		{text-align:left;}

.t3					{}
.t3 table th,
.t3 table td		{padding:15px;border:1px solid #ddd;vertical-align:middle;}
.t3 table thead th	{/*background:#F4F8F9;*/font-weight:600;color:#2A3C66;line-height:1.4;border-top:2px solid #2A3C66;text-align:center;font-size:110%;border-bottom-color:#2A3C66;}
.t3 table tbody th	{background:#f9f9f9;font-weight:normal;text-align:center;}
.t3 table th:first-child,
.t3 table td:first-child	{border-left:none;}
.t3 table th:last-child,
.t3 table td:last-child		{border-right:none;}
.t3 table tbody td			{background:#ffffff;}
.t3 table tfoot th,
.t3 table tfoot td			{background:#dddddd;}
.t3 table tbody tr:first-child th,
.t3 table tbody tr:first-child td	{/*border-top:none*/;}
.t3.tac table tbody th	{text-align:center;}

@media only screen and (max-width:1023px){

}
@media screen and (max-width:767px){
	.t1:before, .t2:before, .t3:before{content:"모바일에서 테이블콘텐츠는 가로스크롤을 이용하여 이용해주세요";padding:0;font-size:12px;display:block;margin-bottom:10px;text-align:left;line-height:1.2}
	.t1, .t2, .t3	{width:100%;margin-bottom:20px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:none}
	.t1>table>tbody>tr>td,
	.t1>table>tbody>tr>th,
	.t1>table>tfoot>tr>td,
	.t1>table>tfoot>tr>th,
	.t1>table>thead>tr>td,
	.t1>table>thead>tr>th{white-space:nowrap}
	.t2>table>tbody>tr>td,
	.t2>table>tbody>tr>th,
	.t2>table>tfoot>tr>td,
	.t2>table>tfoot>tr>th,
	.t2>table>thead>tr>td,
	.t2>table>thead>tr>th{white-space:nowrap}
	.t3>table>tbody>tr>td,
	.t3>table>tbody>tr>th,
	.t3>table>tfoot>tr>td,
	.t3>table>tfoot>tr>th,
	.t3>table>thead>tr>td,
	.t3>table>thead>tr>th{white-space:nowrap}
}

/*
.t3 table			{border-bottom:1px solid #768395;}
.t3	table th		{text-align:center;}
.t3 table th,
.t3 table td		{padding:15px;border:1px solid #ddd;border-bottom:none;vertical-align:middle;}
.t3 table tbody th	{background:#f4f4f4;font-weight:300}
.t3 table thead th	{background:#768395;border:1px solid #667484;color:#fff;line-height:1.4;font-weight:normal;text-align:center;}
.t3 table tbody 	{border-top:1px solid #667484;background:#fff;}
.t3 table tbody th,
.t3 table tbody td:first-child,
.t3 table tfoot th,
.t3 table tfoot td:first-child{border-left:none;}
.t3 table tbody td:last-child,
.t3 table tfoot td:last-child{border-right:none;}
.t3 table tbody tr:first-child th,
.t3 table tbody tr:first-child td{border-top:none;}
.t3 table td.br_none	{border-left:none !important;}
*/
.t_fixed table		{width:100%;}
.t_fixed tbody		{display:block;overflow-y:auto;overflow-x:hidden;background:#fff;/*height:100px;*/}
.t_fixed thead		{width:calc( 100% - 17px );}
.t_fixed thead,
.t_fixed tbody tr	{display:table;table-layout:fixed}
.t_fixed tbody tr	{width:100%;}

.t_fixed.t1	{background:#efefef;}
.t_fixed.t2	{background:#768395;}

.t_condensed table th, .t_condensed table td	{padding:5px !important;}
.t_none	table th, .t_none table td	{border:none !important;}
.t_over	table tr:hover	{background:#f9f9f9;}

table .active		{background:#fff;}
table .info			{background:#EAF1F9;}
table .ok			{background:#F1F9F7;}
table .warning		{background:#FEFAE0;}
table .caution		{background:#FFD2CE;}

.table-responsive	{overflow-x:hidden}
@media screen and (max-width:1023px){
	.table-responsive	{overflow-x:auto;}
	.table-responsive:before{content:"모바일에서 테이블콘텐츠는 가로스크롤을 이용해주세요";padding:0;font-size:12px;display:block;text-align:left;}
	.table-responsive	{width:100%;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:none}
	.table-responsive>table>tbody>tr>td,
	.table-responsive>table>tbody>tr>th,
	.table-responsive>table>tfoot>tr>td,
	.table-responsive>table>tfoot>tr>th,
	.table-responsive>table>thead>tr>td,
	.table-responsive>table>thead>tr>th{white-space:nowrap}
}
/* popup */
#popupwrap			{padding:0;margin:0;background:#fff}
#popupwrap .poptit	{background:#595F6A;padding:0;margin:0;}
#popupwrap .poptit h1	{padding:10px;margin:0;color:#fff;font-size:22px;font-weight:normal;}
#pop_container, #popup_container		{padding:10px;margin:0;}

.popupbg				{background:#fff;}
.popup_close .btn_d	{animation:none !important}
.modal{background:rgba(0,0,0,0.6)}
@media only screen and (max-width:767px){ /*auto*/
	.popup_close .btn_d	{display:inline-block !important;}
	.btn_d				{display:block;margin:1px 0;}
}

@media only screen and (max-width:1023px){ /*auto*/
	.tab_txt li	{float:left;display:block;width:33.3333%}
	.tab_txt li a{border-top-width:0;padding:10px 0;}
	.tab_txt li:nth-child(1) a, .tab_txt li:nth-child(2) a, .tab_txt li:nth-child(3) a{border-top-width:1px;}
	.tab_txt li:nth-child(3n + 1) a	{border-left-width:1px;}
	.tab_txt li:nth-child(3n) a:after	{display:none;}
	.tab_txt.tab_line2 a	{height:auto;}
	.tab_txt.tab_line2 a p	{display:inline-block;}
	.tab_list ul.d3 li, .tab_list ul.d4 li,	.tab_list ul.d5 li	{width:50%;}
	.tab_list li:nth-child(2n + 1) 	{clear:both}
}

@media only screen and (max-width:767px){ /*auto*/
	.col_wrap {margin:0;}
	.bg_wh	{padding:40px;background:#fff}
	.bg_gr,
	.bx1_wh,
	.bx1_gr,
	.bx1_rd	{padding:20px;}
	.tab_txt, .tab_list		{margin-bottom:20px;}
	.tab_txt li 	{width:50%;}
	.tab_txt li:nth-child(3) a{border-top-width:0;}
	.tab_txt li:nth-child(3n + 1) a	{border-left-width:0;}
	.tab_txt li:nth-child(2n + 1) a	{border-left-width:1px;}
	.tab_list li	{float:none !important;width:auto !important;clear:both;font-size:14px;}
	.tab_list li a	{padding:5px 0;}
	.tab_list li a:after	{margin:0 5px 0 10px;}

	#body_content ul.d2 li,
	#body_content ul.d3 li,
	#body_content ul.d4 li,
	#body_content ul.d5 li,
	#body_content ul.d6 li,
	#body_content ul.d7 li,
	#body_content ul.d8 li,
	#body_content ul.d9 li,
	#body_content ul.d10 li{float:none;width:auto;}

}

.board_list .attach span,
.board-list .attach span	{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}