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


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

/*font color*/
:root{
    --main-color: #5CA6E4;
    --sub-color:#1D2A44;
    --color-white:#fff;
   
  }

/*폰트*/
.f_c_b{color:#1464be !important;}
.f_c_b2{color:#3366cc !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:#f62a2a !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_20{font-size:20px !important;}
.f_18{font-size:18px !important;}
.f_16{font-size:16px !important;}
.f_14{font-size:14px;}
.f_12{font-size:12px !important;}
.f_11{font-size:11px !important;}
.f_10{font-size:10px;}

 .m_t5{ margin-top:5px !important}
 .m_t10{ margin-top:10px !important}
 .m_t20{ margin-top:20px !important}
 .m_t30{ margin-top:30px !important}
 .m_t40{ margin-top:40px !important}
 .m_t50{ margin-top:50px !important}
 .m_t60{ margin-top:60px !important}
 .m_t70{ margin-top:70px !important}
 .m_t80{ margin-top:80px !important}
 
 .m_b5{ margin-bottom:5px !important;}
 .m_b10{ margin-bottom:10px !important;}
 .m_b15{ margin-bottom:15px !important;}
 .m_b20{ margin-bottom:20px !important}
 .m_b30{ margin-bottom:30px !important;} 
 .m_b50{ margin-bottom:50px !important}
 .m_b60{ margin-bottom:60px !important}
 
 .m_l5{ margin-left:5px !important}
 .m_l10{ margin-left:10px !important}
 .m_l15{ margin-left:15px !important}
 .m_l30{ margin-left:30px !important}
 
 .m_r5 { margin-right:5px !important;}
 .m_r10 { margin-right:10px !important;}
 .m_r15 { margin-right:15px !important;}
 .m_r30 { margin-right:15px !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} 
.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:33px; line-height:33px;color:#000; margin-top: 15px;  margin-bottom: 30px}
.sub_tit > h1 {font-weight:bold;  }
.tit10{ font-size:25px;  color:#000; font-family: 'scDream5'} 
.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 20px;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}

.sub-tit { display:block; position:relative; z-index:10; width:1400px; margin: 0 auto;  font-size:35px; color:#fff; text-align:center; padding-top: 35px ; font-family: 'scDream4' }
/*.sub-tit:after{position:absolute;content: ''; width:3%; height:1px; border-radius: 5px; background: #fff; top:30px; left:50%;  -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}*/
.sub-tit span { opacity: 0; display:inline-block; width:22px;
    -webkit-transform:rotateY(-90deg);    -moz-transform:rotateY(-90deg);    -ms-transform:rotateY(-90deg);   
	-o-ransform:rotateY(-90deg);    transform:rotateY(-90deg);    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;    -ms-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;      
    -webkit-animation : subTitAni 0.3s ease forwards;    -moz-animation : subTitAni 0.3s ease forwards;
    -ms-animation : subTitAni 0.3s ease forwards;    -o-animation : subTitAni 0.3s ease forwards;    animation : subTitAni 0.3s ease forwards;}

@-webkit-keyframes subTitAni {   
	from{        opacity: 0;        visibility: hidden;    }
    to{        opacity: 1;        visibility: visible;        transform:rotateY(0);    }
}
@-moz-keyframes subTitAni {
    from{        opacity: 0;        visibility: hidden;    }
    to{        opacity: 1;        visibility: visible;        transform:rotateY(0);    }
}
@-ms-keyframes subTitAni {
    from{        opacity: 0;        visibility: hidden;    }
    to{        opacity: 1;        visibility: visible;        transform:rotateY(0);    }
}
@-o-keyframes subTitAni {
    from{        opacity: 0;        visibility: hidden;    }
    to{        opacity: 1;        visibility: visible;        transform:rotateY(0);    }
}
@keyframes subTitAni {
    from{        opacity: 0;        visibility: hidden;    }
    to{        opacity: 1;        visibility: visible;        transform:rotateY(0);    }
}

  
  
 
 /*버튼*/   
.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_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;}
.btn_area i { margin-bottom: 4px}
.btn_01{background:#151a59;border:1px solid #151a59;color:#fff; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;  }
.btn_01:hover{ background:#21287e;border:1px solid #21287e;}
.btn_02{background:#a6a7b6;border:1px solid #a6a7b6;color:#fff; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;  }
.btn_02:hover{ background:#91929d;}
.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}

/*단독버튼*/
.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; text-decoration: none}
.tb_btn1:visited{color:#fff;}
.wh_btn i {margin-bottom:4px;}

/*셀렉트박스*/
.select_box { float:left;}
.select_box select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background:url('../_image/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('../_image/sub/select_arrow.png')right 50% no-repeat #fff;   padding:0px 50px 0px 5px; color:#000; font-size:14px; height:33px;    background-size: 31px 34px;} 
/* 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;}

.input_date[type='text'] {    padding: 0px 30px 0px 5px;    border: 1px solid #ccc;    font-family: inherit;    background: url('../_image/sub/icon_cal.png') no-repeat right center #fff;;    background-position: calc(100% - 8px) center;    width: 150px;
    height: 30px;    font-size: 15px;    color: #666;    line-height: 28px;
}
.soundonly {    display: none;    font-size: 0px;    text-indent: -9999px;}


/* paging */
.paging_normal{position:relative; margin-top:20px; 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; z-index:100; }
.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}




#header{position:relative;  width: 100%; background: #fff;  z-index: 99999; width: 100%;}
.header_wrap{width: 100%; margin: 0 auto; position: relative; }
.header_wrap:after{content:''; display:block; clear:both;}
.header_wrap ul li{float: left; width: 154px;}
.sub_dep{display: none; position: absolute;}

.inhead{ position:relative; width:1200px; margin:0 auto; height:0}
.inhead .logo { position:absolute; left:0; top:10px; z-index:100; width:240px; height:80px;}
.inhead .side_m{ position:absolute; right:0; top:10px;  z-index:100; width:52px; height:80px;}
.inhead .side_m li{ border:1px solid #e3e3e3; width:50px; height:50px; text-align:center; line-height:50px; background:url(../image/common/all_micon.png) no-repeat 50%}
.inhead .side_m li a{ display:block; width:50px; height:50px;}

.inhead .side_m li a:after{ position: absolute; display: block; width: 100%; height: 0; top:0px; background: #e3e3e3; content: ""; z-index: -1; transition: all 0.3s cubic-bezier(0.5, 0.5, 0.75, 0.75) 0s;}
.inhead .side_m li a:hover:after,
.inhead .side_m li a:focus:after{background:#e3e3e3; height:52px; }   




/* check, radio */
.btn_check {position:relative; display:inline-block; min-width:22px; min-height:22px; vertical-align:middle}
.btn_check input[type="checkbox"]{position:absolute; top:0; left:0; margin:0; width:22px; height:22px;}
.btn_check .hero{display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-image:url('../_image/common/ch_raBG.png');  background-size:240px 24px; background-position:0 0; cursor:pointer; margin-left:0 !important}
.btn_check input[type='checkbox']:checked + .hero {background-position:-48px 0;}
.btn_check input[type='checkbox']:hover + .hero {background-position:-24px 0;}
.btn_check input[type='checkbox']:checked:hover + .hero {background-position:-48px 0;}
.btn_check strong{padding-left:27px; display:block; line-height:24px;  color:#000; letter-spacing:-0.2px; font-weight:normal; cursor:pointer}

.btn_check input[disabled] + .hero{background-position:-72px 0;}
.btn_check input[disabled]:hover + .hero{background-position:-72px 0;}
.btn_check input[disabled]:checked + .hero{background-position:-96px 0;}
.btn_check input[disabled]:checked:hover + .hero{background-position:-96px 0;}

.btn_check input[readonly] + .hero{background-position:-72px 0;}
.btn_check input[readonly]:hover + .hero{background-position:-72px 0;}
.btn_check input[readonly]:checked + .hero{background-position:-96px 0;}
.btn_check input[readonly]:checked:hover + .hero{background-position:-96px 0;}

/*radio*/
.btn_radio {position:relative; display:inline-block; min-width:22px; min-height:22px; vertical-align:middle}
.btn_radio input[type="radio"]{position:absolute; top:0; left:0; width:22px; height:22px; margin:0}
.btn_radio .hero{display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-image:url('../_image/common/ch_raBG.png'); background-size:240px 24px; background-position:-120px 0; cursor:pointer; margin-left:0 !important}
.btn_radio input[type='radio']:checked + .hero {background-position:-168px 0}
.btn_radio input[type='radio']:hover + .hero {background-position:-144px 0}
.btn_radio input[type='radio']:checked:hover + .hero {background-position:-168px 0}
.btn_radio strong{padding-left:27px; display:block; line-height:21px;  color:#000; letter-spacing:-0.2px; font-weight:normal; cursor:pointer}

.btn_radio input[disabled] + .hero{background-position:-192px 0}
.btn_radio input[disabled]:hover + .hero{background-position:-192px 0}
.btn_radio input[disabled]:checked + .hero{background-position:-216px 0}
.btn_radio input[disabled]:checked:hover + .hero{background-position:-216px 0}

.btn_radio input[readonly] + .hero{background-position:-192px 0}
.btn_radio input[readonly]:hover + .hero{background-position:-192px 0}
.btn_radio input[readonly]:checked + .hero{background-position:-216px 0}
.btn_radio input[readonly]:checked:hover + .hero{background-position:-216px 0}





/*

.popup{ width:35%; min-width:320px; left:35%; top:30%; position:absolute; height:auto; background:#fff; z-index:99;box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2); box-sizing:border-box; border-radius:30px; overflow:hidden}

.layer_pop{display:inline-block; vertical-align:middle; height:auto; z-index:9999999999; width:100%;}
.layer_pop .pop_header{position:relative; background:#015cb8;  height:60px; text-align:left;}
.layer_pop .pop_header .pop_tit{display:inline-block; color:#fff; font-size:25px;  font-weight:300; padding:20px;}
.layer_pop .pop_header .pop_close{position:absolute; right:10px; top:20px; width:44px; height:100%; cursor:pointer; text-align:center;  color:#000; }
.layer_pop .pop_header .pop_close i{font-size:20px; color:#fff; }

.layer_pop .pop_area{position:relative; background: #fff;  padding:15px 0 30px; font-size:15px; }
.layer_pop .pop_area .pop_cont{position:relative; padding:20px; background:#fff; text-align:left; max-height:600px; overflow-y:auto; box-sizing:border-box; border:1px solid #dcdcdc; margin:10px;}
.layer_pop .pop_area .pop_cont select { width:40%}

.layer_pop .pop_area .pop_btn{ padding:15px 0 0; text-align:center; }
.btn_pop01{background:#005faf;border:1px solid #005faf; color:#fff !important; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;font-size:14px !important; padding:6px 15px}
.btn_pop02{background:#999999;border:1px solid #999999;color:#fff !important; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;font-size:14px !important; padding:6px 15px}
.info_box01{position:relative; padding:15px; text-align:center}
.info_box01 li { font-size:16px;}
.info_box02{position:relative; padding:10px; background:#fff; border:1px solid #ebebeb; text-align:center}팝업*/




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