@charset "utf-8";

/* grid */
.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,
.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,
.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,
.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.col{max-width:100%;flex-basis:0;flex-grow:1}
.col-auto{width:auto;max-width:none;flex:0 0 auto}
.col-1{max-width:8.33333%;flex:0 0 8.33333%}
.col-2{max-width:16.66667%;flex:0 0 16.66667%}
.col-3{max-width:25%;flex:0 0 25%}
.col-4{max-width:33.33333%;flex:0 0 33.33333%}
.col-5{max-width:41.66667%;flex:0 0 41.66667%}
.col-6{max-width:50%;flex:0 0 50%}
.col-7{max-width:58.33333%;flex:0 0 58.33333%}
.col-8{max-width:66.66667%;flex:0 0 66.66667%}
.col-9{max-width:75%;flex:0 0 75%}
.col-10{max-width:83.33333%;flex:0 0 83.33333%}
.col-11{max-width:91.66667%;flex:0 0 91.66667%}
.col-12{max-width:100%;flex:0 0 100%}

@media (min-width:576px){
	.col-sm{max-width:100%;flex-basis:0;flex-grow:1}
	.col-sm-auto{width:auto;max-width:none;flex:0 0 auto}
	.col-sm-1{max-width:8.33333%;flex:0 0 8.33333%}
	.col-sm-2{max-width:16.66667%;flex:0 0 16.66667%}
	.col-sm-3{max-width:25%;flex:0 0 25%}
	.col-sm-4{max-width:33.33333%;flex:0 0 33.33333%}
	.col-sm-5{max-width:41.66667%;flex:0 0 41.66667%}
	.col-sm-6{max-width:50%;flex:0 0 50%}
	.col-sm-7{max-width:58.33333%;flex:0 0 58.33333%}
	.col-sm-8{max-width:66.66667%;flex:0 0 66.66667%}
	.col-sm-9{max-width:75%;flex:0 0 75%}
	.col-sm-10{max-width:83.33333%;flex:0 0 83.33333%}
	.col-sm-11{max-width:91.66667%;flex:0 0 91.66667%}
	.col-sm-12{max-width:100%;flex:0 0 100%}
	
}
@media (min-width:768px){
	.col-md{max-width:100%;flex-basis:0;flex-grow:1}
	.col-md-auto{width:auto;max-width:none;flex:0 0 auto}
	.col-md-1{max-width:8.33333%;flex:0 0 8.33333%}
	.col-md-2{max-width:16.66667%;flex:0 0 16.66667%}
	.col-md-3{max-width:25%;flex:0 0 25%}
	.col-md-4{max-width:33.33333%;flex:0 0 33.33333%}
	.col-md-5{max-width:41.66667%;flex:0 0 41.66667%}
	.col-md-6{max-width:50%;flex:0 0 50%}
	.col-md-7{max-width:58.33333%;flex:0 0 58.33333%}
	.col-md-8{max-width:66.66667%;flex:0 0 66.66667%}
	.col-md-9{max-width:75%;flex:0 0 75%}
	.col-md-10{max-width:83.33333%;flex:0 0 83.33333%}
	.col-md-11{max-width:91.66667%;flex:0 0 91.66667%}
	.col-md-12{max-width:100%;flex:0 0 100%}
	
}
@media (min-width:992px){
	.col-lg{max-width:100%;flex-basis:0;flex-grow:1}
	.col-lg-auto{width:auto;max-width:none;flex:0 0 auto}
	.col-lg-1{max-width:8.33333%;flex:0 0 8.33333%}
	.col-lg-2{max-width:16.66667%;flex:0 0 16.66667%}
	.col-lg-3{max-width:25%;flex:0 0 25%}
	.col-lg-4{max-width:33.33333%;flex:0 0 33.33333%}
	.col-lg-5{max-width:41.66667%;flex:0 0 41.66667%}
	.col-lg-6{max-width:50%;flex:0 0 50%}
	.col-lg-7{max-width:58.33333%;flex:0 0 58.33333%}
	.col-lg-8{max-width:66.66667%;flex:0 0 66.66667%}
	.col-lg-9{max-width:75%;flex:0 0 75%}
	.col-lg-10{max-width:83.33333%;flex:0 0 83.33333%}
	.col-lg-11{max-width:91.66667%;flex:0 0 91.66667%}
	.col-lg-12{max-width:100%;flex:0 0 100%}
	
}
@media (min-width:1200px){
	.col-xl{max-width:100%;flex-basis:0;flex-grow:1}
	.col-xl-auto{width:auto;max-width:none;flex:0 0 auto}
	.col-xl-1{max-width:8.33333%;flex:0 0 8.33333%}
	.col-xl-2{max-width:16.66667%;flex:0 0 16.66667%}
	.col-xl-3{max-width:25%;flex:0 0 25%}
	.col-xl-4{max-width:33.33333%;flex:0 0 33.33333%}
	.col-xl-5{max-width:41.66667%;flex:0 0 41.66667%}
	.col-xl-6{max-width:50%;flex:0 0 50%}
	.col-xl-7{max-width:58.33333%;flex:0 0 58.33333%}
	.col-xl-8{max-width:66.66667%;flex:0 0 66.66667%}
	.col-xl-9{max-width:75%;flex:0 0 75%}
	.col-xl-10{max-width:83.33333%;flex:0 0 83.33333%}
	.col-xl-11{max-width:91.66667%;flex:0 0 91.66667%}
	.col-xl-12{max-width:100%;flex:0 0 100%}
	
}

/* grid */
@media (min-width:992px){	
	.col_wrap		{clear:both;margin-left:-10px;margin-right:-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_d6	{float:left;width:16%;}
	.col_d7	{float:left;width:calc(100% / 7);}
	.col_d8	{float:left;width:12%;}
	.col_d9	{float:left;width:11%;}
	.col_d10	{float:left;width:10%;}
	.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%;}
	.d2 li	{float:left;width:50%;}
	.d3 li	{float:left;width:33.3333%;}
	.d4 li	{float:left;width:25%;}
	.d5 li	{float:left;width:20%;}
	.d6 li	{float:left;width:16.6666%;}
	.d7 li	{float:left;width:14.2857%;}
	.d8 li	{float:left;width:12.5%;}
	.d9 li	{float:left;width:11.1111%;}
	.d10 li	{float:left;width:10%;}
}

.tab_flex				{margin:0 auto; width:100%;display:flex;flex-direction:row;justify-content: center;align-items: strech;text-align:center;margin-bottom:30px;}
.tab_flex a				{background:#f7f7f7;position:relative;display:block;padding:20px 5px;line-height:1.2;word-break:keep-all;font-size:18px;position:relative;flex:1;min-width:20%;vertical-align:middle !important;letter-spacing:-1px;}
.tab_flex a.on			{background:#004480;color:#fff;box-shadow:0 6px 5px -3px rgba(0,0,0,0.3);}
.tab_flex a:hover		{color:#004480;}
.tab_flex a.on:hover	{color:#fff}
.tab_flex a:after		{content:"";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;border-right:1px solid #ddd;}
.tab_flex a.on:after,
.tab_flex a:last-child:after	{display:none;}

.board-write						{background:#f6f6f6;padding:2rem;border-radius:0.375rem;}
.board-write .form-control-label	{width:160px;padding-left:15px;padding-right:15px;}
.board-write .form-control-body		{width:calc(100% - 160px);padding-left:15px;padding-right:15px;}
.board-write .form-control-body th,
.board-write .form-control-body td	{padding:0.25rem 0}
.board-write .form-group:last-child	{margin-bottom:0}

.bx-info				{font-size:var(--font-sm);background:var(--bg-blue);border-radius:var(--basic-round);padding:0.75rem 1rem}
.bx-caution				{font-size:var(--font-sm);background:var(--bg-red);border-radius:var(--basic-round);padding:0.75rem 1rem}
.text-info				{font-size:var(--font-sm);color:#9AA6AF}
.text-info:before		{content:"";display:inline-block;width:20px;height:20px;background:url(../img/ico_common.png) no-repeat 0 0;vertical-align:middle;margin-right:4px;}
.text-caution			{color:var(--pink)}
.text-caution:before	{content:"\f06a";display:inline-block;font-family:var(--faw);animation:blink 1s infinite;margin-right:10px;}

.tab_list				{padding:10px;background:#fff;border:1px solid #999;text-align:center;margin-bottom:20px;}
.tab_list ul			{display:table;overflow:hidden;table-layout:fixed;}
.tab_list li			{float:left;padding:0;}
.tab_list li a			{display:inline-block;margin:0;padding:0 10px;line-height:28px;}
.tab_list li.on a		{background:#223450;color:#fff;text-decoration:none;border-radius:2px;}
.tab_list li:after		{content:" | ";color:#ccc;letter-spacing:6px;}
.tab_list li:last-child:after{content:" ";}

.off {background:var(--basic-bg); }

.clip				{position:relative;font-size:var(--font-sm)}
.clip .num			{display:inline-block;border-radius:2px;background:#B8BFC7;color:#fff;width:1.25rem;height:1.25rem;line-height:1.25rem;vertical-align:top;text-align:center;margin-left:5px;}
.clip-list			{position:absolute;z-index:99999;left:0;top:30px;width:200px;padding:3rem 1rem 1rem 1rem;background:#fff;border-radius:0.375rem;box-shadow:5px 5px 20px rgba(0,0,0,0.2);overflow:hidden;text-align:left;}
.clip-list:before	{content:"첨부파일";position:absolute;left:0;top:0;padding:0 20px;width:100%;height:40px;line-height:40px;display:block;background:#b8bfc7;color:#fff;text-align:left;}
.clip-list a		{display:block;position:relative;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#pdf-view .pdfarea:after	{content:"";display:block;float:none;clear:both;}
#pdf-view .mn			{width:250px;background:#f7f7f7;float:left;margin-right:20px;}
#pdf-view .mn li:first-child a		{border-top:1px solid #ddd;}
#pdf-view .mn li a		{display:block;border:1px solid #ddd;border-top:none;padding:15px 20px;}
#pdf-view .mn li a:hover{background:#999;color:#fff;transition:0.2s;}
#pdf-view #viewer		{width:calc(100% - 270px);float:left;height:860px;}
#pdf-view .btnarea		{border:1px solid #ddd;margin-bottom:20px;margin-top:0;padding:20px;}
#pdf-view .btnarea span	{display:inline-block;font-size:20px;color:#8e001c;margin-top:5px;}