@charset "utf-8";

.btn_wrap{position:relative;margin:20px 0 0;text-align:center;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 1px;vertical-align:middle;}

.btn_s{display:inline-block;vertical-align:middle;position:relative;height:26px;margin:0 2px 0 0;padding:0 8px 0 10px;font:11px/26px dotum;text-align:center;color:#555;box-shadow:1px 1px 1px rgba(0,0,0,.15);border:1px solid #afafaf;box-sizing:border-box;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #fafafa 0%,#ededed 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#ededed 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#ededed 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ededed',GradientType=0 );
}
.btn_s:before{content:'';position:absolute;left:0;right:0;top:0;border-top:1px solid #fff;}
.btn_s > span{display:block;min-width:45px;}
.btn_s.ggray{color:#fff;border-color:#6f6f6f;
background: #a1a1a1;
background: -moz-linear-gradient(top,  #a1a1a1 0%, #616161 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#616161));
background: -webkit-linear-gradient(top,  #a1a1a1 0%,#616161 100%);
background: -o-linear-gradient(top,  #a1a1a1 0%,#616161 100%);
background: -ms-linear-gradient(top,  #a1a1a1 0%,#616161 100%);
background: linear-gradient(to bottom,  #a1a1a1 0%,#616161 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#616161',GradientType=0 );
}
.btn_s.ggray:before{border-color:#cbcbcb;}
.btn_s.green{color:#fff;border-color:#5fa744;
background: #8bcf60;
background: -moz-linear-gradient(top,  #8bcf60 0%, #589f3f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bcf60), color-stop(100%,#589f3f));
background: -webkit-linear-gradient(top,  #8bcf60 0%,#589f3f 100%);
background: -o-linear-gradient(top,  #8bcf60 0%,#589f3f 100%);
background: -ms-linear-gradient(top,  #8bcf60 0%,#589f3f 100%);
background: linear-gradient(to bottom,  #8bcf60 0%,#589f3f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bcf60', endColorstr='#589f3f',GradientType=0 );
}
.btn_s.green:before{border-color:#b6df91;}
.btn_s.nam{color:#fff;border-color:#2b78be;
background: #6179e5;
background: -moz-linear-gradient(top,  #6179e5 0%, #3e4fa1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6179e5), color-stop(100%,#3e4fa1));
background: -webkit-linear-gradient(top,  #6179e5 0%,#3e4fa1 100%);
background: -o-linear-gradient(top,  #6179e5 0%,#3e4fa1 100%);
background: -ms-linear-gradient(top,  #6179e5 0%,#3e4fa1 100%);
background: linear-gradient(to bottom,  #6179e5 0%,#3e4fa1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6179e5', endColorstr='#3e4fa1',GradientType=0 );
}
.btn_s.nam:before{border-color:#9baef2;}
.btn_s.sky{color:#fff;border-color:#3788b5;
background: #5bb3fa;
background: -moz-linear-gradient(top,  #5bb3fa 0%, #3583aa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bb3fa), color-stop(100%,#3583aa));
background: -webkit-linear-gradient(top,  #5bb3fa 0%,#3583aa 100%);
background: -o-linear-gradient(top,  #5bb3fa 0%,#3583aa 100%);
background: -ms-linear-gradient(top,  #5bb3fa 0%,#3583aa 100%);
background: linear-gradient(to bottom,  #5bb3fa 0%,#3583aa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb3fa', endColorstr='#3583aa',GradientType=0 );
}
.btn_s.sky:before{border-color:#9accfd;}
.btn_s.purple{color:#fff;border-color:#814e91;
background: #9646c1;
background: -moz-linear-gradient(top,  #9646c1 0%, #88359f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9646c1), color-stop(100%,#88359f));
background: -webkit-linear-gradient(top,  #9646c1 0%,#88359f 100%);
background: -o-linear-gradient(top,  #9646c1 0%,#88359f 100%);
background: -ms-linear-gradient(top,  #9646c1 0%,#88359f 100%);
background: linear-gradient(to bottom,  #9646c1 0%,#88359f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9646c1', endColorstr='#88359f',GradientType=0 );
}
.btn_s.purple:before{border-color:#9f6bcf;}
.btn_s.yellow{color:#fff;border-color:#dda800;
background: #fed609;
background: -moz-linear-gradient(top,  #fed609 0%, #daa001 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed609), color-stop(100%,#daa001));
background: -webkit-linear-gradient(top,  #fed609 0%,#daa001 100%);
background: -o-linear-gradient(top,  #fed609 0%,#daa001 100%);
background: -ms-linear-gradient(top,  #fed609 0%,#daa001 100%);
background: linear-gradient(to bottom,  #fed609 0%,#daa001 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed609', endColorstr='#daa001',GradientType=0 );
}
.btn_s.yellow:before{border-color:#fefc3d;}
.btn_s.orange{color:#fff;border-color:#dd6600;
background: #fe8d09;
background: -moz-linear-gradient(top,  #fe8d09 0%, #da5f01 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe8d09), color-stop(100%,#da5f01));
background: -webkit-linear-gradient(top,  #fe8d09 0%,#da5f01 100%);
background: -o-linear-gradient(top,  #fe8d09 0%,#da5f01 100%);
background: -ms-linear-gradient(top,  #fe8d09 0%,#da5f01 100%);
background: linear-gradient(to bottom,  #fe8d09 0%,#da5f01 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8d09', endColorstr='#da5f01',GradientType=0 );
}
.btn_s.orange:before{border-color:#fec23d;}
.btn_s.pink{color:#fff;border-color:#dc0048;
background: #ff0860;
background: -moz-linear-gradient(top,  #ff0860 0%, #d9014a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0860), color-stop(100%,#d9014a));
background: -webkit-linear-gradient(top,  #ff0860 0%,#d9014a 100%);
background: -o-linear-gradient(top,  #ff0860 0%,#d9014a 100%);
background: -ms-linear-gradient(top,  #ff0860 0%,#d9014a 100%);
background: linear-gradient(to bottom,  #ff0860 0%,#d9014a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0860', endColorstr='#d9014a',GradientType=0 );
}
.btn_s.pink:before{border-color:#fe3989;}
.btn_s.blue{color:#fff;border-color:#2c65bd;
background: #4399ea;
background: -moz-linear-gradient(top,  #4399ea 0%, #285cb6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4399ea), color-stop(100%,#285cb6));
background: -webkit-linear-gradient(top,  #4399ea 0%,#285cb6 100%);
background: -o-linear-gradient(top,  #4399ea 0%,#285cb6 100%);
background: -ms-linear-gradient(top,  #4399ea 0%,#285cb6 100%);
background: linear-gradient(to bottom,  #4399ea 0%,#285cb6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4399ea', endColorstr='#285cb6',GradientType=0 );
}
.btn_s.blue:before{border-color:#82c5f4;}

.btn_cs{display:inline-block;vertical-align:middle;position:relative;margin:0 2px 0 0;padding:0 20px;box-shadow:1px 1px 1px rgba(0,0,0,.15);border:1px solid #afafaf;background:#fff;font-weight:bold;font:12px/32px dotum;color:#555;text-align:center;box-sizing:border-box;}
.btn_cs > span{display:block;}
/*
.btn_cs:before{content:'';position:absolute;right:-2px;top:0;bottom:0;width:2px;background:url('images/btn_cs.png') no-repeat 100% 0;}
*/
.btn_cs.gray{
color:#555;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #fafafa 0%,#ededed 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#ededed 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#ededed 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ededed',GradientType=0 );
}

.btn_wrap .btn_css span{min-width:100px;}
.btn_wrap > .btn_css span{min-width:150px;}
.btn_css{display:inline-block;vertical-align:middle;position:relative;margin:0 2px 0 0;padding:0 20px;box-shadow:1px 1px 1px rgba(0,0,0,.15);background:#2658b2 url('../images/comm/btn_css.png') no-repeat;font-weight:bold;font-size:14px;line-height:50px;color:#fff;text-align:center;box-sizing:border-box;}
.btn_css > span{display:block;}
.btn_css.gray{background-color:#999;background-position:0 -50px;}
.btn_css.pink{background-color:#d93085;background-position:0 -100px;}
.btn_css-small {min-width:90px;height:38px;line-height:38px;background-position:-6px -6px;font-size:13px;}

.btn_wrap .btn_css2 span{min-width:100px;}
.btn_wrap > .btn_css2 span{min-width:150px;}
.btn_css2{display:inline-block;vertical-align:middle;position:relative;margin:0 2px 0 0;padding:0;box-shadow:1px 1px 1px rgba(0,0,0,.15);background:#2658b2 url('../images/comm/btn_css.png') no-repeat;font-weight:bold;font-size:14px;line-height:50px;color:#fff;text-align:center;box-sizing:border-box;}
.btn_css2 > span{display:block;}
.btn_css2.gray{background-color:#999;background-position:0 -50px;}
.btn_css2.pink{background-color:#d93085;background-position:0 -100px;}
/*
.btn_css:before{content:'';position:absolute;right:-2px;top:0;bottom:0;width:2px;background:url('images/btn_css.png') no-repeat 100% 0;}
*/

/* Font */
.t_link{text-decoration:underline;}
.t_point{color:#1c6cc5;}
.t_strong{color:#333;}
.t_red{color:#f00;}
.t_pink{color:#ce286c;}
.t_org{color:#f27928;}

/* Align */
.al_middle{display:inline-block;vertical-align:middle;}
.al_right{text-align:right !important;}

/* Box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}
.box_basic{padding:20px;border-top:2px solid #2658b2;border-bottom:1px solid #eee;}
.box_blur{padding:30px;background:#fafafa;}
.box_white{display:block;border:1px solid #dadada;background:#fff;}
label.box_white{margin:0 10px 0 0;padding:5px;}
.box_mosaic{padding:30px;border:5px solid #e1e1e1;background:url('../images/comm/bg_mosaic.png');}
.box_nano{padding:30px;background:url('../images/comm/bg_nano.png');}

/* Table */
.table_wrap{overflow:hidden;margin:0 -1px 0 0;}
.table_wrap .dtable{margin:0 0 0 -1px;border-right:0;}
table.dtable{width:100%; border-top:2px solid #2658b2;}
table.dtable.special{width:100%; border-top:2px solid #e9148f;}
table.dtable tr th,
table.dtable tr td{padding:8px 8px 7px;border-bottom:1px solid #eee;background:#fff;text-align:center;letter-spacing:0;}
table.dtable tr th,
table.dtable tr td.th{background:none;color:#202020;}
table.dtable tr th,
table.dtable.row tr td.th{font-weight:bold}
table.dtable.row thead tr th{text-align:center;}
table.dtable.row tr th,
table.dtable.row tr td{text-align:left;}
table.dtable.row tr td.th,
table.dtable tr .title{padding-left:20px;text-align:left;}
table.dtable.row tr td.th2 {background:url('../images/cont/th_icon.png') no-repeat 0 15px; padding-left:20px; color:#202020; font-weight:bold;}
table.dtable.row tr td.th3 {background:url('../images/cont/th_icon.png') no-repeat 0 30px; padding-left:20px; color:#202020; font-weight:bold;}
table.dtable.row tr td.th4 {background:url('../images/cont/th_icon.png') no-repeat 0 50%; padding-left:20px; color:#202020; font-weight:bold;}
table.dtable thead th{padding-bottom:10px;border-bottom:0;background:url('../images/comm/line_th.png') repeat-x 0 100%;}

table.dtable.design tr th,
table.dtable.design tr td.th{background-color:#fcfcfc;text-align:center;}

table.dtable tr.notice_tr td{background:#fafafa;font-weight:bold;}

.d_desc{display:inline-block;font-size:11px;}

.table_form{display:table;width:100%;border-collapse:collapse;border-spacing:0;}
.table_form2 {display:table;width:100%;border-collapse:collapse;border-spacing:0; padding:0 !important}
.table_form2 .tr{display:table-row;}
.table_form2 .td{display:table-cell;vertical-align:middle;}
.table_form2.v-top .td{vertical-align:top;}

.table_form .tr{display:table-row;}
.table_form .td{display:table-cell;vertical-align:middle;}
.table_form.v-top .td{vertical-align:top;}

.dtable_txt{position:relative;margin:0 0 15px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}
.dtable_txt .h4{display:inline-block;vertical-align:middle;margin-bottom:0;}

.dtable_desc{position:relative;margin:15px 0 0;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}

table.spacer{}
table.spacer td{padding:4px 0;}
table.spacer .th{font-weight:bold;}

.dtable_txt .h4 + .paging{margin:0 0 0 5px;}
.pagenate{margin:20px 0 0;text-align:center;}
.pagenate > a{display:inline-block;}
.pagenate > a > img,
.pagenate > img{padding:5px;}
.pagenate .paging{margin:0 20px;font-size:14px;}
.pagenate .paging li a{width:30px;height:30px;line-height:30px;border:0;}
.paging{display:inline-block;vertical-align:middle;}
.paging ol{}
.paging li{display:inline-block;}
.paging li a{display:block;width:20px;height:20px;line-height:20px;border:1px solid #dfdfdf;background:#fff;text-align:center;}
.paging li a.on{border-color:#0b51be;background:#0b51be;color:#fff;}

/* =========================================
    페이징 색상변경 2020-11-20 위피엔피
============================================ */
.pagenate.color_pink .paging li a.on{border-color:#e9148f;background:#e9148f;color:#fff;}








/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/



.h4{margin:30px 0 15px;padding:0 0 0 20px;background:url('../images/comm/ico_h4.png') no-repeat 0 50%;font-weight:bold; position:relaitve;}
.h4 > strong:first-child{font-size:20px;color:#555;}
.h4 > strong:first-child + em,
.h4 aside{display:inline-block;margin:0 0 0 5px; font-size: 13px; color: #767676; }

.h4_special {margin:0 0 15px;padding:0 0 0 20px;background:url('../images/comm/ico_h4_special.png') no-repeat 0 50%;font-weight:bold; position:relative;}
.h4_special > strong:first-child{font-size:20px;color:#555;}
.h4_special > strong:first-child + em,
.h4_special aside{display:inline-block;margin:0 0 0 5px; font-size: 13px; color: #767676; }

.h4_special .h4_more {position:absolute; right:0; top:10px; width:18px; height:17px;}
.h4_special .h4_more img {vertical-align:middle;}