/*-----------------------------------------------------------------------------------
fonts
------------------------------------------------------------------------------------*/

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*@font-face {
    font-family: 'Noto Sans KR';
    src: url('fonts/NotoSansCJKkr-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('fonts/NotoSansCJKkr-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('fonts/NotoSansCJKkr-DemiLight.otf') format('opentype');
}*/
/*----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------
reset
------------------------------------------------------------------------------------*/
body, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, a, button, select {margin:0; padding:0;font-family:'Noto Sans KR', Malgun Gothic, sans-serif;}
body, input, textarea, select, button, table {font-family:'Noto Sans KR', Malgun Gothic, sans-serif;  font-size:1.2rem; color:#333;} 
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;font-family:'Noto Sans KR', Malgun Gothic, sans-serif;}
img, fieldset {border:0; }
ul, ol {list-style:none} 
em, address {font-style:normal;}
a, a:hover, a:active, a:focus {text-decoration:none }
pre, xmp, plaintext, listing {font-family:'Noto Sans KR', Malgun Gothic, sans-serif;  word-break:break-all }
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
html {
    font-size:2.6vw;
}
/*----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------
error
------------------------------------------------------------------------------------*/
.error-section {
    width: 100%;
    color: #222;
    align-content: center;
    vertical-align: middle;
    text-align: center;
    padding-top: 100px;
    font-size: 0.9rem;
    min-height: 500px;
    margin: 0 auto;
}

    .error-section .error-icon {
        margin: 10px 0;
    }

    .error-section .error-title, .error-section .error-title span {
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 20px;
    }

    .error-section .error-detail {
        font-size: 14px;
    }

    .error-section .bred {
        color: #c85b5a;
    }

    .error-section .call {
        font-weight: bold;
        color: #d14c39;
    }
/*----------------------------------------------------------------------------------*/


/**customizing**/
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.pr{position:relative;}
.pa{position:absolute;}
.tbl {table-layout:fixed;width:100%;}
.ver_t { vertical-align:top}
.ver_m { vertical-align:middle}
.ver_b { vertical-align:bottom}
.cut { display: block; -moz-binding: url("ellipsis.xml#ellipsis"); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.blind, legend { font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden; width: 0; height: 0; }
.hide { display:none !important; }
ul.R {float:right;}
ul.L {float:left;}
ul.fl > li.R {float:right;}
ul.fl > li.L {float:left;}
dl > dd.R {float:right;}
dl > dd.L {float:left;}
dl.fl > dd {float:left;}
ul.fl > li {float:left;}
/*.font_reg {font-family:'Noto Sans KR';}
.font_mid {font-family:'Noto Sans KR';}
.font_deml {font-family:'Noto Sans KR';}*/



/**head style**/
.head-content {position:relative;width:100%;color:#fff;}
.head-content span {
    position: absolute;
    display:block;
    width:6%;height:25%;
    margin: 3%;
    background: url('images/ic_top_arrow.svg') no-repeat center center;
    background-size:contain;
}
.head-content h2 {text-align:center;font-size:1.7rem;padding:3.2% 0;background:#0977c9;}


/**body style**/
.body-content{margin:0;padding:0;}
.cont_size {margin:0 3%;}
/*.section_title {background: url('images/bg_title.svg') no-repeat center top;
    background-size:contain;}*/
.section_title h3 {
    position: relative;
    margin: 0 auto;
    padding: 1.7% 0 2.1% 0;
/*    border-top:4px solid #08508D;*/
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
}