@charset "utf-8";
/* CSS Document */


.blind,legend{display:block; position:absolute; top:-100000em; left:0; overflow:hidden}

/*font color*/

/*폰트*/
.f_c_b{color:#0071b9 !important;}
.f_c_o{color:#ff7826 !important;}
.f_c_y{color:#ffd34b !important;}
.f_c_dg{color:#333 !important; font-weight:600 !important;}
.f_c_gr{color:#168295 !important;}
.f_c_r{color:#dd0b10 !important;}
.f_gold{color:#a97633 !important;}
.f_c_p{color:#7f46de !important}
.f_c_pk{ color:#ff5371 !important; }
.f_c_g{color:#3ba892 !important}
.num{color:#018de7; font-size: 14px;}

.f_10{font-size:10px !important;}
.f_11{font-size:11px !important;}
.f_12{font-size:12px !important;}
.f_13{font-size:13px !important;}
.f_14{font-size:14px !important;}
.f_16{font-size:16px !important;}
.f_18{font-size:18px !important;}
.f_20{font-size:20px !important;}

.W70{ width:70px !important}
.W80{ width:80px !important}
.W100{ width:100px !important}
.W150{ width:150px !important}
.W20_{ width:20% !important; min-width: 100px}
.W25_{ width:25% !important}
.W30_{ width:30% !important;min-width: 120px}
.W50_{ width:50% !important} 
.W60_{ width:60% !important} 
.W80_{ width:80% !important} 
.W33_{width:33.33% !important}
.W100_{width:100% !important}
.tbl01 input.w200{width:200px !important ;}
.tbl01 input.w250{width:250px !important ;}

/* margin */
.mt_5{margin-top:5px !important}
.mt_10{margin-top:10px !important}
.mt_20{margin-top:20px !important}
.mt_30{margin-top:30px !important}
.mt_50{margin-top:50px !important}
.mt_60{margin-top:60px !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_50{margin-bottom:30px !important}
.mb_60{margin-bottom:60px !important}

.ml_5{margin-left:5px !important}
.ml_10{margin-left:10px !important}
.ml_20{margin-left:20px !important}
.ml_30{margin-left:20px !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}




/*테이블 input사이즈 조절*/
.form-control{border-radius:0; display:inline-block; padding:0 6px;}
.x1{ width:200px !important ; padding:0 6px;} 
.x1_1{ width:250px !important ; padding:0 6px;}
.x2 {width:150px !important;  padding:0 6px;}
.x3 {width:100px !important;  padding:0 6px;}
.m1{width: 400px !important; padding: 0 6px;}
.m2{width: 450px !important; padding: 0 6px;}
 
 /*제목*/
.sub_tit{ font-size:25px; line-height:26px;color:#000; ; position:relative; padding-top: 15px;}
.sub_tit2{ font-size:24px; line-height:26px;color:#f57921; ; position:relative; padding-top: 15px; font-weight: bold;}
.titlearea {position:relative; margin-top: 15px; margin-bottom: 15px;}
.tit10{ font-size:23px;  color:#ef4030; font-weight: bold} 
.tit_subbg{ font-size:20px;  color:#000; position:relative; display:inline-block; padding:0 0px}
/*.tit_subbg:after{ position:absolute; content:''; background:#015cb8; left:0; bottom:0px; height:10px;width:100%; opacity:0.2}*/
.tit_area{margin:0 0 40px;padding:30px 0 0;text-align:left}

.page_tit{position:relative; width:100%; margin:0 auto 0; padding-bottom:5px; overflow:hidden; box-sizing:border-box}
.page_tit .tit
{ text-align: center;
    display:block; position:relative; line-height:150%;  padding-top: 15px; font-size:28px; color:#303030; font-weight:600; opacity:0; letter-spacing:-1px;
    -webkit-animation: tit_m01 1s ease 0.2s 1 forwards;
    -moz-animation: tit_m01 1s ease 0.2s 1 forwards;
    -o-animation: tit_m01 1s ease 0.2s 1 forwards;
    animation: tit_m01 1s ease 0.2s 1 forwards
}
@-webkit-keyframes tit_m01{0%{top:60px; opacity:0;} 100%{top:0; opacity:1}}
@-moz-keyframes tit_m01{0%{top:60px; opacity:0;} 100%{top:0; opacity:1}}
@-o-keyframes tit_m01{0%{top:60px; opacity:0;} 100%{top:0; opacity:1}}
@keyframes tit_m01{0%{top:60px; opacity:0;} 100%{top:0; opacity:1}}

@-webkit-keyframes tit_m02{0%{width:0; opacity:0} 100%{ opacity:1}}
@-moz-keyframes tit_m02{0%{width:0; opacity:0} 100%{opacity:1}}
@-o-keyframes tit_m02{0%{width:0; opacity:0} 100%{ opacity:1}}
@keyframes tit_m02{0%{width:0; opacity:0} 100%{opacity:1}}

.page_tit .tit:after{position:absolute;content: '';  top:0; left:5px;  -webkit-animation: tit_m02 1s ease 0.2s 1 forwards;
    -moz-animation: tit_m02 1s ease 0.2s 1 forwards;
    -o-animation: tit_m02 1s ease 0.2s 1 forwards;
    animation: tit_m02 1s ease 0.2s 1 forwards}


  
  
 
 /*버튼*/   
 button{background: none; border: none;}
.btn_center{ text-align:center }
.btn_left{ text-align:left} 
.btn_right{ text-align:right; }
.btn_center60{ text-align:center; margin:60px 0; }
.btn_rigth60{ text-align:right; margin:60px 0; }  
.btn_right30{ text-align:right; margin:30px 0; }
 
.btn_area{padding:0px 35px 0px 35px; height:38px; line-height:36px; cursor:pointer; font-size:16px;border-radius: 3px; }
.btn_area > a:hover {text-decoration:none;}
.btn_area i { margin-bottom: 3px}

.btn_01{background:#f47920;border:1px solid #f47920;color:#fff; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;   }
.btn_01:hover{ background:#fb9952;border:1px solid #fb9952;}
.btn_02{background:#ababab;border:1px solid #ababab;color:#fff; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;  }
.btn_02:hover{background:#c8c8c8; border: 1px solid #c8c8c8;}
.btn_03{background:#fff;border:1px solid #151a59;color:#151a59; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;  }
.btn_03:hover{ text-decoration:underline}
.btn_04{background:#fff;border:1px solid #dbdbdb; color:#555; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;  }
.btn_04:hover{background:#f8f8f8; border: 1px solid #c8c8c8;}
.btn_05{border: 1px solid #151a59;color:#151a59;}

.btn_defult {padding:0px 25px 0px 25px; height:38px; line-height:36px; cursor:pointer; font-size:16px; }
.btn_small {    font-weight: normal;    font-size: 12px;    padding: 4px 10px;}


/*단독버튼*/
.wh_btn{ border-left:1px solid #b5b5b5; color:#000 !important; padding:5px 15px; background:#fff; /*box-shadow:2px 2px #d3d3d3;*/ /* border-radius:3px; */ display:inline-block; cursor: pointer; font-size: 15px; height: 100%;}
.tb_btn1{ border:1px solid #454d68 ; color:#fff !important; padding:3px 10px; background:#454d68;  border-radius:2px; font-size:15px; display:inline-block;cursor: pointer}
.tb_btn1:visited{color:#fff;display:inline-block; cursor: pointer; font-size: 15px;}
.wh_btn i {vertical-align: middle; padding-bottom: 3px;}

.arrow_btn {border:1px solid #b5b5b5 ; color:#000 !important; padding:5px 15px; position: relative; padding-right: 25px;  display: inline-block;}
.arrow_btn:after{ background: url(../images/common/chevron_down-12.svg) center  ; width: 12px; height: 12px; margin-left: 2px; margin-top: 0; 
    position:absolute; content: ''; right:5px; top:5px; z-index: 1;}
.arrow_btn[aria-selected=true]:after{background: url(../images/common/chevron_up-12.svg) center  ; width: 12px; height: 12px;}


/*셀렉트박스*/
.select_box { float:left;}
.select_box select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background:url('../images/sub/select_arrow.png')right 50% no-repeat  #fff;;   padding:0px 25px 0px 8px; min-width:80px; margin-left:-1px; color:#000; font-size:13px; height:31px; } 
/* IE 10, 11의 네이티브 화살표 숨기기 */
 select::-ms-expand { display: none; }


select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background:url('../images/sub/select_arrow.png')right 50% no-repeat #fff;   padding:0px 20px 0px 5px; color:#000; font-size:14px; height:33px;    background-size: 31px 34px; min-width: 80px;} 
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }



.check-inline+.check-inline, .radio-inline+.radio-inline {    margin-top: 0;    margin-left: 20px;}


/*드롭메뉴 그림자없애기 라인추가*/
.form-control{box-shadow:none; -webkit-box-shadow:none; -webkit-transition:none; -o-transition:none; transition:none;}
.form-control:focus{border-color:#0032a2;outline:0;-webkit-box-shadow:none; box-shadow:none;}


/*버튼*/
.btn_line.danger{border:1px solid #f44336; color:#f44336}
.btn_line.danger.active{background:#f44336; color:#fff}
.btn_line
{
    display:inline-block; line-height:150%; margin:0; padding:0;
    color:#505050; text-align:center; vertical-align:middle; background:#fff; border:1px solid #ddd;
    letter-spacing:-0.5px; border-radius:2px; cursor:pointer; font-weight:normal; letter-spacing:0; transition:all .25s ease;
}
.btn_line span{display:block; padding:6px 15px 5px; font-size:13px;}
.btn_line.small span{padding:3px 15px 3px; font-size:13px;}
.Btn{ display:inline-block; min-width:120px;line-height:35px; text-align:center;; font-size:15px; margin-right:8px; padding: 0 10px;}
.Btn:hover{ text-decoration:underline; cursor:pointer}
.Btn1{border:1px solid #dddddd; background:#fff; color:#000;-webkit-transition:all 0.3s ease;transition:all 0.3s ease; box-shadow:inset 0 -2px 0px 0px rgba(0,0,0,0.2); }
.Btn1:hover{ background:#f47920; color:#fff; }
.Btn1 i {margin-bottom:4px;}

/* 체크라디오커스텀 */
a,select,input[type=radio],input[type=checkbox],input[type=button],button {cursor: pointer;}

input[type="checkbox"] {-webkit-appearance: none;    -moz-appearance: none;    -ms-appearance: none;    -o-appearance: none;    appearance: none;    width: 20px;
    height: 20px;    background: url(../images/common/checkbox.png) no-repeat center center;    vertical-align: middle;}
input[type="checkbox"]::-ms-check {display: none;}
input[type="checkbox"]:checked {background: url(../images/common/checkbox_on.png) no-repeat center center;}
input[type="checkbox"]:disabled {background: url(../images/common/checkbox_dis.png) no-repeat center center;}
input[type="checkbox"]:checked:disabled {background: url(../images/common/checkbox_dis_on.png) no-repeat center center;}

input[type="checkbox"] + label {cursor: pointer;    font-size: 15px;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;
     margin-top: 0px;    padding-left: 5px; vertical-align: middle;}

.fo {box-shadow: 0 0 0px 2px #000;}
input[type="radio"] {-webkit-appearance: none;    -moz-appearance: none;    -ms-appearance: none;    -o-appearance: none;    margin: 4px 0px;    appearance: none;
    width: 20px;    height: 20px;    background: url(../images/common/radio.png) no-repeat center center;}
input[type="radio"]::-ms-check {display: none;}
input[type="radio"]:checked {background: url(../images/common/radio_on.png) no-repeat center center;}
input[type="radio"] + label {cursor: pointer;font-size: 15px;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    margin-top: 4px;
    line-height: 30px;    padding-left: 5px;    vertical-align: top;}
input[type="radio"]:disabled {background: url(../images/common/radio_dis.png) no-repeat center center;}
input[type="radio"]:checked:disabled {opacity: 0.5;    background: url(../images/common/radio_dis_on.png) no-repeat center center;    border: none;}

.input_r {border-radius: 8px;}

select {    padding: 0px 30px 0px 5px;    border: 1px solid #ccc;    font-family: inherit;    background: url('../images/sub/select_arrow.png') no-repeat 95% center #fff;
    border-radius: 0px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;   
    display: inline-block;    height: 33px;    font-size: 15px;    color: #666;    line-height: 28px; border-radius: 5px;}
select  option{color:#000}


.input_date[type='text'] {    padding: 0px 30px 0px 5px;    border: 1px solid #ccc;    font-family: inherit;
    background: url('../images/common/ico_datepicker_blue.png') no-repeat right center #fff;;    background-position: calc(100% - 8px) center;
    width: 150px;    height: 30px;    font-size: 15px;    color: #666;    line-height: 28px; border:0; border-bottom:1px solid #000}



/* paging */
.paging_normal{position:relative; margin-top:30px; text-align:center;;}
.paging_normal .paging_align{display:inline-block;text-align:center; }
.paging_normal .paging_align:after{content:''; display:block; clear:both;}
.paging_normal .paging_align li{display:inline-block;margin-left:2px; }
.paging_normal .paging_align a, .paging_normal .paging_align strong{display:block; position:relative; min-width:40px; height:40px; line-height:32px; font-size:13px;background:#fff;}
.paging_normal .paging_align a{ color:#000; font-weight:600;  }
.paging_normal .paging_align a:hover{color:#3a3a3a; border:1px solid #c0c0c0; background: #c0c0c0; }
.paging_normal .paging_align strong{color:#ffff; border:1px solid #3a3a3a;  background: #3a3a3a; }
.paging_normal .paging_align i{font-size:12px; color:#000; line-height:36px;}
.paging_normal .paging_align i:hover{ color:#3a3a3a;}
.paging_normal .paging_align li span{ font-weight:300}



*::-moz-selection{background-color:#f57921;color:#ffffff;;}
*::selection{background-color:#f57921;color:#ffffff;;}


.soundonly {    display: none;    font-size: 0px;    text-indent: -9999px;}
.col_felx{display: flex; align-items: center; justify-content: center;}