@charset "utf-8";

@import url(../common/font-awesome.css);
@import url(/fonts/line-awesome/css/line-awesome.css);

@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;
  src:url(/fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(/fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;
  src:url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;
   src:url(/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;
   src:url(/fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;
   src:url(/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;
   src:url(/fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(/fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(/fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
}

*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;font-family:'Noto Sans KR','Poppins',sans-serif}
html{font-size:10px;max-width:100%;overflow-x:hidden}
body{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1.4rem;/*border:5px solid red*/}
html.open,body.open{overflow:hidden}
h1{font-size:3.6rem}
h2{font-size:3rem}
h3{font-size:2.4rem;font-weight:500}
h4{font-size:1.8rem}
h5{font-size:1.4rem}
h6{font-size:1.2rem}

button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section{display:block}
hr{box-sizing:content-box;height:0;overflow:visible;margin-top:1.6rem;margin-bottom:1.6rem;border:0;border-top:1px solid rgba(0,0,0,.1)}
a{display:inline-block;color:#363636}

button{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;cursor:pointer}
ul,li{margin:0;padding:0}
ul{display:inline-block}
table{width:100%;border-collapse:collapse;border-spacing:0}
table caption{display:none}
table th,table td{padding:5px 10px;font-weight:normal;font-size:1.4rem;text-align:left}
.table-responsive{overflow:auto}
table .data-empty{background:#fff;text-align:center}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:none}
input[readonly="readonly"],select[readonly="readonly"],textarea[readonly="readonly"],input[readonly="true"],select[readonly="true"],textarea[readonly="true"]{background-color:#f9f9f9 !important}

/* 화면낭독기 사용자용 */
.sound_only,.hidden{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.more{position:absolute;top:0;right:0}
p{font-size:1.6rem}
u{text-decoration:underline}
img{max-width:100%}
.responsive{min-width:600px}
.cursor{cursor:pointer}

/* grid style */
.row{margin-right:-15px;margin-left:-15px}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}

/* button style */
.btn{display:inline-block;margin-bottom:2px;padding:.6rem 2rem;font-weight:400;font-size:1.5rem;color:#858796;min-height:35px;line-height:2.1rem;vertical-align:middle;background-color:transparent;border:1px solid transparent;border-radius:.5rem;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:all ease-in .3s;box-sizing:border-box}
.btn-default{background-color:#bdc3c7;border-color:#bdc3c7;color:#fff}
.btn-primary{background-color:#1abc9c;border-color:#1abc9c;color:#fff}
.btn-success{background-color:#22B14C;border-color:#22B14C;color:#fff}
.btn-info{background-color:#0072bb;border-color:#0072BB;color:#fff}
.btn-warning{background-color:#f1c40f;border-color:#f1c40f;color:#fff}
.btn-danger{background-color:#e74c3c;border-color:#e74c3c;color:#fff}
.btn-light{background-color:#dde2f1;border-color:#d4daed;color:#3a3b45}
.btn-light2{background-color:#f9f9f9 ;border-color:#d9d9d9;color:#464a4c}
.btn-dark{background-color:#5a5c69;border-color:#5a5c69;color:#fff}
.btn-inverse{background-color:#46637f;border-color:#46637f;color:#fff}
.btn-link{font-weight:400;text-decoration:none;color:#4e73df}
.btn-link:hover{ color:#224abe;text-decoration:underline}
.btn-link:focus,.btn-link.focus{ text-decoration:underline}
.btn-disabled{background-color:rgba(26,188,156,.5);border-color:rgba(26,188,156,.5);color:#fff}
.btn i{margin-right:5px;color:inherit}
.btn.disabled,.btn:disabled{opacity:0.65}
.btn:not(:disabled):not(.disabled){cursor:pointer}
a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}
.btn-lg,.btn-group-lg > .btn{padding:.8rem 1.6rem;font-size:2rem;line-height:3rem;border-radius:.3rem}
.btn-sm{padding:0 .8rem;font-size:1.3rem;line-height:25px;min-height:3rem;border-radius:.3rem}
.btn-block{display:block;width:100%}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
input[type='text'],input[type='password'],input[type='file'],input[type='search'],textarea{display:inline-block;width:100%;height:36px;padding:.5rem 1.2rem;font-size:1.4rem;font-weight:300;line-height:1.25;color:#464a4c;background-color:#fff;background-image:none;border:1px solid #D9D9D9;border-radius:.3rem;box-sizing:border-box;box-shadow:none !important;appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;font-family:'Noto Sans KR'}

select{display:inline-block;width:100%;height:36px;padding:.5rem 1.2rem;font-size:1.4rem;font-weight:300;line-height:1.25;color:#464a4c;background-color:#fff;background-image:none;border:1px solid #D9D9D9;border-radius:.3rem;box-sizing:border-box;box-shadow:none !important;-webkit-border-radius:.3rem;-moz-border-radius:.3rem}
select{width:auto}
textarea{min-height:80px;padding:1rem!important}
input[type="file"]{padding-top:0;padding-bottom:0;line-height:1.6rem;max-width:500px}

/* form color style */
.form-text{color:#464a4c;font-size:14px}
.form-control-primary{border-color:#1abc9c}
.form-control-warning{border-color:#f1c40f}
.form-control-default{border-color:#bdc3c7}
.form-control-danger{border-color:#e74c3c}
.form-control-success{border-color:#2ecc71}
.form-control-inverse{border-color:#34495e}
.form-control-info{border-color:#0072bb}
.form-bg-primary{background-color:#1abc9c;border-color:#1abc9c;color:#fff;padding:2px 5px}
.form-bg-warning{background-color:#f1c40f;border-color:#f1c40f;color:#fff;padding:2px 5px}
.form-bg-default{background-color:#bdc3c7;border-color:#bdc3c7;color:#fff;padding:2px 5px}
.form-bg-danger{background-color:#e74c3c;border-color:#e74c3c;color:#fff;padding:2px 5px}
.form-bg-success{background-color:#2ecc71;border-color:#2ecc71;color:#fff;padding:2px 5px}
.form-bg-inverse{background-color:#34495e;border-color:#34495e;color:#fff;padding:2px 5px}
.form-bg-info{background-color:#0072bb;border-color:#0072BB;color:#fff;padding:2px 5px}

.border-white{border-color:#fff !important}

/* float align style */
.float-left{float:left}
.float-right{float:right}
.float-none{float:none}
.clear::after{content:'';clear:both;display:block}

/* text align style */
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}

/* text color style */
.text-custom{color:#64b0f2!important}
.text-pink{color:#ff7aa3!important}
.text-muted{color:#777!important}
.text-primary{color:#1abc9c!important}
.text-success{color:#2ecc71!important}
.text-info{color:#3498db!important}
.text-warning{color:#f1c40f!important}
.text-danger{color:#e74c3c!important}
.text-dark{color:#2b3d51!important}
.text-purple{color:#9261c6!important}

/* number style */
.numeric{ime-mode:disabled}

.form-group{display:flex;margin-bottom:1.25em}
.form-group .form-label{display:inline-block;font-size:1.4rem;line-height:3.7rem}
.form-action{margin-top:15px;text-align:right}

/* width style */
.w-50{width:50px !important}
.w-60{width:60px !important}
.w-70{width:70px !important}
.w-80{width:80px !important}
.w-90{width:90px !important}
.w-100{width:100px !important}
.w-120{width:120px !important}
.w-130{width:130px !important}
.w-150{width:150px !important}
.w-180{width:180px !important}
.w-200{width:200px !important}
.w-250{width:250px !important}
.w-300{width:300px !important}
.w-350{width:350px !important}
.w-400{width:400px !important}
.w-450{width:450px !important}
.w-500{width:500px !important}
.w-600{width:600px !important}
.w-700{width:700px !important}
.w-750{width:750px !important}
.w-800{width:800px !important}
.w-900{width:900px !important}
.w-1000{width:1000px !important}
.w-p0{width:0% !important}
.w-p10{width:10% !important}
.w-p15{width:15% !important}
.w-p20{width:20% !important}
.w-p25{width:25% !important}
.w-p30{width:30% !important}
.w-p40{width:40% !important}
.w-p50{width:50% !important}
.w-p60{width:60% !important}
.w-p70{width:70% !important}
.w-p80{width:80% !important}
.w-p90{width:90% !important}
.w-p100{width:100% !important}

.h-50{height:50px !important}
.h-100{height:100px !important}
.h-200{height:200px !important}
.h-300{height:300px !important}
.h-400{height:400px !important}
.h-500{height:500px !important}
.h-600{height:600px !important}

/* margin style */
.m-0{margin:0 !important}
.mt-0{margin-top:0 !important}
.mt-5{margin-top:5px !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px !important}
.mt-20{margin-top:20px !important}
.mt-25{margin-top:25px !important}
.mt-30{margin-top:30px !important}
.mt-40{margin-top:40px !important}
.mt-50{margin-top:50px !important}
.mr-auto{margin-right:auto !important}
.mr-0{margin-right:0 !important}
.mr-5{margin-right:5px !important}
.mr-10{margin-right:10px !important}
.mr-20{margin-right:20px !important}
.mr-30{margin-right:30px !important}
.mr-40{margin-right:40px !important}
.mr-50{margin-right:50px !important}
.mb-0{margin-bottom:0 !important}
.mb-1{margin-bottom:1px !important}
.mb-2{margin-bottom:2px !important}
.mb-5{margin-bottom:5px !important}
.mb-10{margin-bottom:10px !important}
.mb-15{margin-bottom:15px !important}
.mb-20{margin-bottom:20px !important}
.mb-30{margin-bottom:30px !important}
.mb-40{margin-bottom:40px !important}
.mb-50{margin-bottom:50px !important}
.ml-auto{margin-left:auto !important}
.ml-0{margin-left:0 !important}
.ml-5{margin-left:5px !important}
.ml-10{margin-left:10px !important}
.ml-20{margin-left:20px !important}
.ml-30{margin-left:30px !important}
.ml-40{margin-left:40px !important}
.ml-50{margin-left:50px !important}

/* padding style */
.p-0{padding:0 !important}
.p-10{padding:10px !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-30{padding:30px !important}
.pt-50{padding-top:50px !important}
.pt-45{padding-top:45px !important}
.pt-40{padding-top:40px !important}
.pt-35{padding-top:35px !important}
.pt-30{padding-top:30px !important}
.pt-25{padding-top:25px !important}
.pt-20{padding-top:20px !important}
.pt-15{padding-top:15px !important}
.pt-10{padding-top:10px !important}
.pt-5{padding-top:5px !important}
.pt-0{padding-top:0px !important}

.pb-50{padding-bottom:50px !important}
.pb-45{padding-bottom:45px !important}
.pb-40{padding-bottom:40px !important}
.pb-35{padding-bottom:35px !important}
.pb-30{padding-bottom:30px !important}
.pb-25{padding-bottom:25px !important}
.pb-20{padding-bottom:20px !important}
.pb-15{padding-bottom:15px !important}
.pb-10{padding-bottom:10px !important}
.pb-5{padding-bottom:5px !important}
.pb-0{padding-bottom:0px !important}

.pl-50{padding-left:50px !important}
.pl-45{padding-left:45px !important}
.pl-40{padding-left:40px !important}
.pl-35{padding-left:35px !important}
.pl-30{padding-left:30px !important}
.pl-25{padding-left:25px !important}
.pl-20{padding-left:20px !important}
.pl-15{padding-left:15px !important}
.pl-10{padding-left:10px !important}
.pl-5{padding-left:5px !important}
.pl-0{padding-left:0px !important}

.pr-50{padding-right:50px !important}
.pr-45{padding-right:45px !important}
.pr-40{padding-right:40px !important}
.pr-35{padding-right:35px !important}
.pr-30{padding-right:30px !important}
.pr-25{padding-right:25px !important}
.pr-20{padding-right:20px !important}
.pr-15{padding-right:15px !important}
.pr-10{padding-right:10px !important}
.pr-5{padding-right:5px !important}
.pr-0{padding-right:0px !important}

/* input radio,check */
input[type="checkbox"],input[type="radio"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
input[type="checkbox"]:hover + label:before,input[type="radio"]:hover + label:before{border-color:#999;}
input[type="checkbox"]:active + label:before,input[type="radio"]:active + label:before{transition-duration:0;filter:brightness(0.2);}
input[type="checkbox"] + label,input[type="radio"] + label{position:relative;	margin-right:10px;padding-left:26px;font-weight:normal;}
input[type="checkbox"] + label:before, input[type="checkbox"] + label:after,
input[type="radio"] + label:before,input[type="radio"] + label:after{box-sizing:content-box;position:absolute;content:'';display:block;left:0;}
input[type="checkbox"] + label:before,input[type="radio"] + label:before{top:50%;width:16px;height:16px;margin-top:-10px;border:2px solid #d9d9d9;text-align:center;}
input[type="checkbox"] + label:after,input[type="radio"] + label:after{background-color:#e53d41;top:50%;left:6px;width:8px;height:8px;margin-top:-4px;transform:scale(0);transform-origin:50%;transition:transform 200ms ease-out;}
input[type="radio"]:checked + label:before{-moz-animation:borderscale 300ms ease-in;-webkit-animation:borderscale 300ms ease-in;animation:borderscale 300ms ease-in;background-color:#fff;}
input[type="radio"]:checked + label:after{transform:scale(1);}
input[type="radio"] + label:before, input[type="radio"] + label:after{border-radius:50%;}
input[type="checkbox"] + label:after{background-color:transparent;top:50%;left:5px;width:7px;height:4px;margin-top:-5px;border-style:solid;border-color:#e53d41;border-width:0 0 3px 3px;-moz-transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;}
input[type="checkbox"]:checked + label:before{-moz-animation:borderscale 200ms ease-in;-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in;}
input[type="checkbox"]:checked + label:after{content:'';-moz-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);-moz-transition:-moz-transform 200ms ease-out;-o-transition:-o-transform 200ms ease-out;-webkit-transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;}

/* skip navgation STYLE */
#skip{position:relative;width:100%;margin:0 auto;font-size:1.3rem;z-index:200}
#skip dt{width:100%;height:0;font-size:0;line-height:0}
#skip a{display:block;position:absolute;top:-10000px;left:0;width:100%;height:0;text-align:center;z-index:200}
#skip a:hover,#skip a:focus,#skip a:active{position:absolute;top:0;padding:10px 0 25px;background:#1d60a7;color:#fff;z-index:200}

/* datepicker Style */
.ui-datepicker-trigger{margin-left:5px}
.ui-datepicker{width:270px;padding:0;display:none;border:0;margin-top:10px}
.ui-widget.ui-widget-content{border:0;border-radius:3px;overflow:hidden;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.3)}
.ui-datepicker .ui-widget-header{position:relative;padding:6px 0 36px 0;border:0;background:#3f51b5;color:#fff;border-radius:0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:70px;height:26px;line-height:26px;background:rgba(0,0,0,0.15) url(../../../images/tong/common/btn_arrow.png) 100% -27px no-repeat;margin:0 4px;padding:0 6px;border:0;border-radius:3px;color:#fff;font-size:13px;font-weight:300;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;/* 화살표 없애기 */}
.ui-datepicker select.ui-datepicker-month:hover,.ui-datepicker select.ui-datepicker-year:hover{background:rgba(0,0,0,0.3) url(../../../images/tong/common/btn_arrow.png) 100% -27px no-repeat}
.ui-datepicker select::-ms-expand{display:none;/* 화살표 없애기 for IE10,11*/}
.ui-datepicker .ui-datepicker-title{line-height:1.8em;text-align:center;margin:0px 2.3em;font-size:13px;font-weight:300;letter-spacing:0}
.ui-datepicker-title .ui-datepicker-year option,.ui-datepicker-title .ui-datepicker-month option{background:#fff;color:#333}
.ui-datepicker .ui-datepicker-calendar{position:relative;width:260px;padding-top:100px;margin:0 auto}
.ui-datepicker .ui-datepicker-calendar td{padding:2px;background:#fff}
.ui-datepicker-calendar thead tr{position:absolute;top:-24px;left:5px;right:5px}
.ui-datepicker-calendar thead th{float:left;display:block;padding:0;width:14.2857%;color:#fff;font-size:11px;line-height:17px;letter-spacing:1px;opacity:0.6}
.ui-datepicker-calendar thead th span{color:#fff;font-family:'Malgun Gothic';text-align:center}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:7px;width:1.8em;height:1.8em;text-indent:-9999px;cursor:pointer}
.ui-datepicker .ui-datepicker-prev{left:5px}
.ui-datepicker .ui-datepicker-prev.ui-state-hover{background:rgba(0,0,0,0.1);border:0}
.ui-datepicker .ui-datepicker-prev .ui-icon{background:url(../../../images/tong/common/btn_arrow.png) 0 0 no-repeat}
.ui-datepicker .ui-datepicker-next{right:5px}
.ui-datepicker .ui-datepicker-next.ui-state-hover{background:rgba(0,0,0,0.1);border:0}
.ui-datepicker .ui-datepicker-next .ui-icon{background:url(../../../images/tong/common/btn_arrow.png) -16px 0 no-repeat}
.ui-datepicker .ui-state-default{display:block;border:0;border-radius:15px;width:30px;height:30px;line-height:30px;padding:0;margin:4px auto;font-size:12px;text-align:center;background:#fff;font-weight:normal;color:#333;box-sizing:border-box}
.ui-datepicker .ui-state-default.ui-state-hover{background:rgba(0,0,0,0.05)}
.ui-datepicker-today .ui-state-default{color:#3f51b5;font-weight:600}
.ui-datepicker-current-day .ui-state-default{background:#3f51b5 !important;color:#fff;font-weight:300}
.ui-datepicker-buttonpane{overflow:hidden;border-top:1px solid #eee}
.ui-datepicker-buttonpane button[data-handler="today"]{color:#3f51b5;opacity:0.75}
.ui-datepicker-trigger{cursor:pointer}

/* ie add Style */
.ui-datepicker td,.ui-datepicker th{border:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;margin:0.5em 0.2em 0.4em;padding:0.2em 0.6em 0.3em;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-corner-all{border-radius:3px}
.ui-icon{display:block;width:16px;height:16px}
.ui-datepicker-div{z-index:999999}
.ui-datepicker-trigger{width:21px;height:18px;margin-top:10px;vertical-align:top;}
.datepicker{width:100px !important}
.datetimepicker{width:180px !important}
.form_search .ui-datepicker-trigger{margin-top:10px}

/* pagenation style */
.pg_wrap{clear:both;display:block;margin:2rem auto;text-align:center}
.pg_wrap:after{display:block;visibility:hidden;clear:both;content:""}
.pg{text-align:center}
.pg_page,.pg_current{display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee;font-family:'Malgun Gothic'}
.pg a:focus,.pg a:hover{text-decoration:none}
.pg_page{color:#474747;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover{background-color:#fafafa}
.pg_start{text-indent:-999px;overflow:hidden;background:url('../../../images/tong/common/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev{text-indent:-999px;overflow:hidden;background:url('../../../images/tong/common/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end{text-indent:-999px;overflow:hidden;background:url('../../../images/tong/common/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next{text-indent:-999px;overflow:hidden;background:url('../../../images/tong/common/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}
.pg_current{display:inline-block;background:#46698C;border:1px solid #46698C;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* egovframework pagination style */
.pagination { float: left; display: inline; width: 100%; text-align: center; margin-top:30px}
.pagination ul { display:inline-block; }
.pagination ul li {display: inline-block; vertical-align:top;margin:0 2px }
.pagination ul li a { display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee;font-family:'Malgun Gothic';color:#474747;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pagination ul li.first a { background:#fff url('../../../images/tong/common/btn_first.gif') 50% 50% no-repeat; text-indent: -10000em; }
.pagination ul li.prev a { background:#fff url('../../../images/tong/common/btn_prev.gif') 50% 50% no-repeat; text-indent: -10000em; }
.pagination ul li.next a { background:#fff url('../../../images/tong/common/btn_next.gif') 50% 50% no-repeat; text-indent: -10000em; }
.pagination ul li.last a { background:#fff url('../../../images/tong/common/btn_last.gif') 50% 50% no-repeat; text-indent: -10000em; }
.pagination ul li a:hover {background-color:#fafafa}
.pagination ul li.current a{display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:28px;padding:0 10px;min-width:30px;border-radius:3px}

/* 레이어팝업 */
.popup{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;-o-transition:opacity 0.3s 0s, visibility 0s 0.3s;-ms-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s}
.popup.visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;-o-transition:opacity 0.3s 0s, visibility 0s 0s;-ms-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s}
.pop_wrap {position:fixed; top:50%; left:50%; z-index:4500; width:70%;height:60%;min-width:250px;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%)}
.popup.show{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;-o-transition:opacity 0.3s 0s, visibility 0s 0s;-ms-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s}
.pop_wrap .pop_header { border-top-right-radius:5px; border-top-left-radius:5px}
.pop_wrap .pop_content {overflow-y:auto}
.pop_wrap .pop_content .search_result{height:500px;overflow-y:auto}
.pop_wrap .pop_content .info_wrap{padding:20px;text-align:center}
.pop_wrap .pop_content .info_wrap .slogan{font-size:20px;padding:10px 0 20px}
.pop_wrap .pop_content .info_wrap .btn_anonymous{border:1px solid #555;background:#fff;color:#333}
.pop_wrap .pop_footer { border-bottom-right-radius:5px; border-bottom-left-radius:5px}
.pop_wrap .btn_harf { width:50%; float:left}
.pop_wrap .btn_harf+.btn_harf { border-left:1px solid #e3e6e9; margin-right:-1px}
.pop_wrap .pop_lst li+li { border-top:1px solid #f0f2f5}
.pop_wrap .pop_lst li .group_name:before { margin:18px 11px 0 0}
.pop_header {min-height:45px; background-color:#3155CC}
.pop_header h2 { padding:13px 8px 11px; font-size:17px; font-weight:500; line-height:21px; text-align:center; color:#fff}
.pop_content { background-color:#fff; color:#222; font-size:14px}
.pop_footer { height:45px; background-color:#f5f7f9; border-top:1px solid #e1e4e7; font-size:14px; overflow:hidden}
.pop_footer a { display:block; height:45px; line-height:45px; text-align:center; color:#222;text-decoration: none !important;}
.pop_area { padding:25px 15px}
.pop_input { position:relative; padding:12px 42px 12px 10px; border:1px solid #e2e2e2; border-radius:1px}
.pop_input .input_group { display:block; width:100%; height:19px; border:0; font-size:14px; line-height:19px}
.pop_input .btn_clear { overflow:hidden; color:transparent; display:block; width:41px; height:43px; position:absolute; top:0; right:0; border:0; background-color:#fff}
.pop_input .btn_clear:before { overflow:hidden; width:21px; height:21px; background-position:-40px -40px; vertical-align:top; display:block; margin:11px 10px; content:''}
.pop_lst li { height:55px;padding:10px}
.pop_lst li a { display:block; height:50px; padding-left:15px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.pop_wrap .pop_content .search_wrap{padding:10px;text-align:center}
.pop_wrap .pop_content table th,.pop_wrap .pop_content table td{height:48px}
.pop_wrap .pop_content .tstyle_list{position:relative;border:0}
.pop_wrap .pop_content .tstyle_list #attDt{width:50%!important}

/* Colors: Default (blue) */
.toggle-switchy {color:#fff;}
.toggle-switchy > input + .toggle:before {content:'ON';}
.toggle-switchy > input + .toggle:after {content:'OFF';}
.toggle-switchy > input + .toggle > .switch {background:#fff;}
.toggle-switchy > input + .toggle + .label {color:#000;}
.toggle-switchy > input:checked + .toggle {background:#3498db;}
.toggle-switchy > input:not(:checked) + .toggle {background:#ccc;}
.toggle-switchy > input:checked + .toggle > .switch {border:3px solid #3498db;}
.toggle-switchy > input:not(:checked) + .toggle > .switch {border:3px solid #ccc;}
.toggle-switchy > input:focus + .toggle,
.toggle-switchy > input:active + .toggle {/*box-shadow:0 0 5px 3px rgba(0, 119, 200, 0.50);*/}

/* Rounded switch corners */
.toggle-switchy > input + .toggle {border-radius:4px;}
.toggle-switchy > input + .toggle .switch {border-radius:6px;}

/* //////////////////////////
CORE STYLES BELOW - NO TOUCHY
////////////////////////// */
.toggle-switchy {display:inline-flex; align-items:center; user-select:none; position:relative; vertical-align:middle; margin-bottom:0;}
.toggle-switchy:hover {cursor:pointer;}
.toggle-switchy > input {position:absolute; opacity:0;}
.toggle-switchy > input + .toggle {align-items:center; position:relative;}
.toggle-switchy > input + .toggle {overflow:hidden; position:relative; flex-shrink:0;}
.toggle-switchy > input[disabled] + .toggle {opacity:0.5;}
.toggle-switchy > input[disabled] + .toggle:hover {cursor:not-allowed;}
.toggle-switchy > input + .toggle {width:100%; height:100%; margin:0; cursor:pointer;}
.toggle-switchy > input + .toggle > .switch {display:block; height:100%; position:absolute; right:0; z-index:3;}

/* Labels */
.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after {display:flex; align-items:center; position:absolute; z-index:2; height:100%;}
.toggle-switchy > input + .toggle:before {right:55%;}
.toggle-switchy > input + .toggle:after {left:50%;}
.toggle-switchy > input + .toggle + .label {margin-left:10px;}
.toggle-switchy[data-label='left'] > input + .toggle {order:2;}
.toggle-switchy[data-label='left'] > input + .toggle + .label {order:1; margin-left:0; margin-right:10px;}

/* Show / Hide */
.toggle-switchy > input + .toggle:before {opacity:0;}
.toggle-switchy > input:checked + .toggle:before {opacity:1;}
.toggle-switchy > input:checked + .toggle:after {opacity:0;}

/* Transitions */
.toggle-switchy > input + .toggle {transition:background 200ms linear, box-shadow 200ms linear;}
.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after {transition:all 200ms linear;}
.toggle-switchy > input + .toggle > .switch {transition:right 200ms linear, border-color 200ms linear;}

/* //////////////////////////
CORE STYLES ABOVE - NO TOUCHY
////////////////////////// */
/* Size: Extra Large */
.toggle-switchy[data-size='xl'] > input + .toggle							{width:85px; height:40px;}
.toggle-switchy[data-size='xl'] > input + .toggle > .switch					{width:40px;}
.toggle-switchy[data-size='xl'] > input + .toggle:before,
.toggle-switchy[data-size='xl'] > input + .toggle:after						{font-size:1.2rem;}
.toggle-switchy[data-size='xl'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 40px);}

/* Size: Large */
.toggle-switchy[data-size='lg'] > input + .toggle							{width:75px; height:35px;}
.toggle-switchy[data-size='lg'] > input + .toggle > .switch					{width:35px;}
.toggle-switchy[data-size='lg'] > input + .toggle:before,
.toggle-switchy[data-size='lg'] > input + .toggle:after						{font-size:1rem;}
.toggle-switchy[data-size='lg'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 35px);}

/* Size: Default (Medium) */
.toggle-switchy > input + .toggle											{width:65px; height:30px;}
.toggle-switchy > input + .toggle	> .switch								{width:30px;}
.toggle-switchy > input + .toggle:before,
.toggle-switchy > input + .toggle:after										{font-size:0.8rem;}
.toggle-switchy > input:not(:checked) + .toggle > .switch					{right:calc(100% - 30px);}

/* Size: Small */
.toggle-switchy[data-size='sm'] > input + .toggle							{width:55px; height:25px;}
.toggle-switchy[data-size='sm'] > input + .toggle > .switch					{width:25px;}
.toggle-switchy[data-size='sm'] > input + .toggle:before,
.toggle-switchy[data-size='sm'] > input + .toggle:after						{font-size:0.7rem;}
.toggle-switchy[data-size='sm'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 25px);}

/* Size: Extra Small */
.toggle-switchy[data-size='xs'] > input + .toggle							{width:45px; height:20px;}
.toggle-switchy[data-size='xs'] > input + .toggle > .switch					{width:20px;}
.toggle-switchy[data-size='xs'] > input + .toggle:before,
.toggle-switchy[data-size='xs'] > input + .toggle:after						{font-size:0.5rem;}
.toggle-switchy[data-size='xs'] > input:not(:checked) + .toggle > .switch	{right:calc(100% - 20px);}

/* Style: Rounded */
.toggle-switchy[data-style='rounded'] > input + .toggle,
.toggle-switchy[data-style='rounded'] > input + .toggle > .switch			{border-radius:50px;}
.toggle-switchy[data-style='rounded'] > input + .toggle:before				{right:50%;}
.toggle-switchy[data-style='rounded'] > input + .toggle:after				{left:50%;}

/* Style: Square */
.toggle-switchy[data-style='square'] > input + .toggle						{border-radius:0;}
.toggle-switchy[data-style='square'] > input + .toggle .switch				{border-radius:0;}

/* Text: Off */
.toggle-switchy[data-text='false'] > input + .toggle:before,
.toggle-switchy[data-text='false'] > input + .toggle:after					{content:'';}
.toggle-switchy[data-text='false'][data-size='xl'] > input + .toggle		{width:80px;}
.toggle-switchy[data-text='false'][data-size='lg'] > input + .toggle		{width:70px;}
.toggle-switchy[data-text='false'] > input + .toggle						{width:60px;}
.toggle-switchy[data-text='false'][data-size='sm'] > input + .toggle		{width:50px;}
.toggle-switchy[data-text='false'][data-size='xs'] > input + .toggle		{width:40px;}

/* Color: Red */
.toggle-switchy[data-color='red'] > input:checked + .toggle					{background:#e74c3c;}
.toggle-switchy[data-color='red'] > input:checked + .toggle > .switch		{border-color:#e74c3c;}

/* Color: Orange */
.toggle-switchy[data-color='orange'] > input:checked + .toggle				{background:#e67e22;}
.toggle-switchy[data-color='orange'] > input:checked + .toggle > .switch	{border-color:#e67e22;}

 /* Color: Yellow */
.toggle-switchy[data-color='yellow'] > input:checked + .toggle				{background:#f1c40f;}
.toggle-switchy[data-color='yellow'] > input:checked + .toggle > .switch	{border-color:#f1c40f;}

/* Color: Green */
.toggle-switchy[data-color='green'] > input:checked + .toggle				{background:#2ecc71;}
.toggle-switchy[data-color='green'] > input:checked + .toggle > .switch		{border-color:#2ecc71;}

/* Color: Blue */
.toggle-switchy[data-color='blue'] > input:checked + .toggle				{background:#3498db;}
.toggle-switchy[data-color='blue'] > input:checked + .toggle > .switch		{border-color:#3498db;}

/* Color: Purple */
.toggle-switchy[data-color='purple'] > input:checked + .toggle				{background:#9b59b6;}
.toggle-switchy[data-color='purple'] > input:checked + .toggle > .switch	{border-color:#9b59b6;}

/* Color: Gray */
.toggle-switchy[data-color='gray'] > input:checked + .toggle				{background:#555;}
.toggle-switchy[data-color='gray'] > input:checked + .toggle > .switch		{border-color:#555;}

.ico_file{display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(../../../images/tong/common/ico_file.gif) no-repeat 0 50%}

.loading{display:none;position:absolute;top:50%;left:50%;width:500px;height:500px;background:url(../../../images/tong/common/Spinner-1s-200px.svg) no-repeat 0 0;background-size:100%;margin:-200px 0 0 -200px;z-index:10001}

.pointer{cursor:pointer}