/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input,button {
    margin: 0;
    padding: 0;
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/*ol, ul, li {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*}*/

/*ol, ul {*/
/*    list-style: none;*/
/*}*/

html, body{
    width:100%;
}
body {
    min-width: 320px;
    -webkit-text-size-adjust: none;
    font-family: 'notokr-regular';
    font-size: 14px;
    color: #5d5d5d;
}
textarea,button,input {
    font-size: 14px;
    color: #4d4f56;
}
input, select {
    font-family: 'notokr-regular';
    outline: none;
    color: #5d5d5d;
}
input:disabled {
    background: #efefef;
}
button {
    outline:0;
    cursor: pointer;
    background: none;
}
textarea {
    line-height: 1.6em;
    font-family: 'notokr-regular';
    color: #5d5d5d;
    border: 1px solid #d7d7d5;
    outline: none;
    resize: none;
}
a {
    color: #4d4f56;
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: "notokr-regular";
}
strong {
    font-weight: normal;
    font-family: notokr-medium, NanumGothicBold;
}



.btn {cursor:pointer}
.menu_link {cursor: pointer}

.background_color {background-color:#003679}
.background_color2 {background-color:#e05562}
.background_color3 {background-color:#ffa024}

.background_color_shadow {background-color:#fafafa}
.background_color_shadow_hover:hover {background-color:#f2f6fa}

.color {color:#e05562}
.color2 {color:#183072}
.color3 {color:#ffa024}
.color4 {color:#ffffff}

.border {border:1px solid #003679}
.border_left {border-left:1px solid #003679}
.border_right {border-right:1px solid #003679}

.box_no_result {width: 100%;height:134px;padding:26px 0;text-align: center}
.box_no_result .box_no_result_inner .box_no_result_info {text-align: center;line-height:24px}
.box_no_result .box_no_result_inner .tit_no_result {margin-top:20px !important;height:20px;font-family:notokr-medium, NanumGothicBold;font-size:15px;color:#000;line-height:24px}

.board_panel_title {margin-bottom:20px;font-size:22px;font-family: notokr-medium, NanumGothicBold;color: #222;}
.home_page .board_panel_title {margin-bottom:0;font-size:24px;font-family: notokr-medium, NanumGothicBold}

.board_sub_panel_title {margin-bottom:15px;margin-top:15px;font-size:16px;font-family: notokr-medium;color: #222;}
.board_panel_button_section { overflow: auto;text-align: right;margin-bottom:10px; }
.board_panel_button {background:#a9acb8;color:#ffffff;font-family: notokr-demilight;display:inline-block;
    border-radius:5px; line-height: 40px; height:40px; padding-left:20px; padding-right: 20px; cursor:pointer;margin-left:10px; }


input.normal {
    height: 41px;
    line-height: 41px;
    border: 1px solid #d5d5d5;
}

table.normal {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #9ea0a3;
    border-bottom: 2px solid #9ea0a3;
    text-align: center;
    font-size: 14px;
}

table.normal > thead {
    background-color: #eef0f3;
    font-family: notokr-medium, NanumGothicBold, dotum;
}

table.normal tr {
    border-bottom: 1px solid #d5d8dc;
}

table.normal tr td {
    padding: 10px;
    height: 30px;
    line-height: 30px;
}

table.detail {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #9ea0a3;
    text-align: left;
    font-size: 14px;
}

table.detail tr {
    border-bottom: 1px solid #d5d8dc;
}

table.detail tr td {
    padding: 15px;
    height: 30px;
    line-height: 30px;
}

table.detail tr td.factor {
    background-color: #eef0f3;
    font-family: notokr-medium, NanumGothicBold, dotum;
}

.button_group {
    margin: 30px 0;
    /*height: 50px;*/
    text-align: center;
    overflow:auto;
}

.button_group .normal_btn {
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 5px;
    padding: 0 20px;
    min-width:80px;
}

.normal_btn {
    text-align: center;
    color: #ffffff;
    display: inline-block;
    cursor: pointer;
}

.normal_btn.blue {
    background-color: #183072;
}

.normal_btn.gray {
    background-color: #8b91a0;
}



.sizef-120 {
    width: 120px;
    float: left;
}
.sizef-130 {
    width: 130px;
    float: left;
}
.size-100 {
    width: 100px;
}
.sizef-100 {
    width: 100px;
    float: left;
}
.size-150 {
    width: 150px;
}
.sizef-150 {
    width: 150px;
    float: left;
}
.size-300 {
    width: 300px;
}
.sizef-300 {
    width: 300px;
    float: left;
}



/* Form */
.cselect {
    height: 40px;
    cursor: pointer;
    position: relative;
    text-align: left;
}

.cselect.cselect-blue .cselect-tit {

    border-color: #003679;
    color: #003679;
    font-weight: bold;
}

.cselect.cselect-blue .fa {
    color: #003679;
}

.cselect.cselect-blue ul li{
    border: 1px solid #003679;
}

.cselect.cselect-blue ul li:hover{
    background: #003679;
    color: #fff;
}

.cselect-tit {
    border: 1px solid #d5d5d5;
    line-height: 40px;
    height: 40px;
    position: relative;
    padding: 0 15px;
    box-sizing: border-box;
}

.cselect-tit .fa {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 15px;
    font-size: 20px;
    color: #777a7f;
}

.cselect ul{
    display: none;
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    z-index: 2;
    max-height: 200px;
    border-bottom: 1px solid #ccc;
}
.cselect ul li a{
    color: #9a9a9a;
}
.cselect ul li{
    padding: 0 15px;
    height: 40px;
    cursor: pointer;
    background: #fff;
    line-height: 40px;
    border: 1px solid #ccc;
    margin-bottom: -1px;
    color: #9a9a9a;
    float: none;
    display: block;
}

.cselect ul li:hover,
.cselect ul li:hover a{
    /*background: #e7e9f0;*/
    background: #003679;
    color: #fff;
}



.cinput {
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d5d5d5;
    /*color: #aaacb5;*/
    text-indent: 15px;
    float: left;
    font-size: 14px;
}

.cinput .cinput-block {
    display: block;

}



.paging {margin-top: 20px;text-align: center}
.paging span {display: inline-block}
.paging a {display: inline-block;min-width: 40px;margin-left: -1px;padding-top: 3px;border: 1px solid #ccd0dd;font-size: 13px;text-align: center;color: #a0a6ba;line-height: 37px}
.paging a.selected {position: relative;z-index:1;border: 1px solid #003679;background: #E6F3FD;color: #003679}
.paging .paging-nav-right {margin-left: 7px}
.paging .paging-nav-left {margin-right: 7px}
.paging-numpage {padding: 0 7px}



/* 레이어 팝업 */
#layer_pop {display:none;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;left:0;top:0;z-index:100}
#layer_pop.current {display:flex}
#layer_pop .btn {padding:10px 20px;color:#212121;font-weight:bold;border:1px solid #ddd;border-radius:5px}
#layer_pop .btn.s2 {color:#fff;border-color:#1F5AFC;background-color:#1F5AFC}
#layer_pop .pop_wrap {width:100%;max-width:480px;margin:0 auto;background-color:#fff;border-radius:10px;transform:translateY(50%)}
#layer_pop .pop_head {display:flex;align-items:center;justify-content:space-between;padding:15px 25px 0 25px}
#layer_pop .pop_head .title {font-size:20px;font-weight:bold;color:#212121}
#layer_pop .pop_head .btn_pop_close {font-size:30px}
#layer_pop .pop_head .btn_pop_close::after {content:"×"}
#layer_pop .pop_body {padding:15px 25px;font-size:15px;line-height:1.6}
#layer_pop .pop_body .body_wrap {max-height:75vh;overflow-y:auto}
#layer_pop .pop_tail {padding:15px 25px;text-align:right}


@media screen and (max-width:1024px){
	/*#layer_pop .btn {padding:7px 15px}
	#layer_pop .pop_wrap  {width:96%}
	#layer_pop .pop_head {padding:12px 12px 0 12px}
	#layer_pop .pop_head .title {font-size:18px}
	#layer_pop .pop_body {padding:12px}
	#layer_pop .pop_tail {padding:12px}*/
}

@media screen and (max-width:768px){
	#layer_pop .btn {padding:10px;font-size:12px}
	#layer_pop .pop_wrap  {width:96%}
	#layer_pop .pop_head {padding:15px 18px 0 18px}
	#layer_pop .pop_body {padding:15px 18px}
	#layer_pop .pop_tail {padding:15px 18px}
	/*#layer_pop .pop_head {padding:10px 10px 0 10px}
	#layer_pop .pop_head .title {font-size:16px}
	#layer_pop .pop_body {padding:10px}
	#layer_pop .pop_tail {padding:10px}*/
}