@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:#e43f19 !important;}
.f_c_y{color:#e8af3d !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;}

 
 .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 ;}


/*테이블 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;}

 
 /*제목*/
.sub_tit{ font-size:28px; line-height:26px;color:#013392; ; padding-bottom: 15px; margin-bottom: 20px; position:relative; padding-top: 15px; font-family: 'scDream5'; margin-top:20px;}
/*.sub_tit:after{position:absolute; content: ''; width: 8px; height: 8px; border-radius: 30px; background: #013392; top:0; left:0}*/
.tit10{ font-size:23px;  color:#ef4030; font-weight: bold} 
.tit_subbg{ font-size:20px;  color:#000; position:relative; display:inline-block; padding:0 15px}
.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:1400px; margin:0 auto 0; padding-bottom:5px; overflow:hidden; box-sizing:border-box}
.page_tit .tit
{
    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: ''; width: 9px; height: 9px; border-radius: 50%; background: #00a0e9; 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}


  
  
 
 /*버튼*/   
.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; }
.btn_area > a:hover {text-decoration:none;}
.btn_area i { margin-bottom: 3px}


/*단독버튼*/
.wh_btn{ border:1px solid #b3c9de ; color:#015cb8 !important; padding:5px 15px; background:#fff; box-shadow:2px 2px #d6e2ef; border-radius:3px; font-size:14px; display:inline-block; cursor: pointer}
.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;}

/*셀렉트박스*/
.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;}



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