@charset "utf-8";
@import url(font.css);
@import "/resources/css/common.css";
/*@import "/resources/css/webfonts.css";*/

/*
* { margin: 0;padding: 0;box-sizing: border-box;}

/*reset
html { font-size: 10px;}
html,
body {font-family: 'nsk', 'Dotum', 'arial', 'sans-serif';margin: 0;padding: 0;border: 0;vertical-align: top;background: transparent;word-break: break-all;letter-spacing: -1px;}
body { font-size: 1.7rem; font-weight: 300;}
a { text-decoration: inherit;color: inherit;word-break: break-all;}
li{ list-style: none; }
table { border-collapse: collapse; width: 100%; }
caption,
legend,
.skip {width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.sr-only,
.hidden {width: 0;margin: -1px;padding: 0;overflow: hidden;border: 0;clip: rect(0, 0, 0, 0);position:absolute;}
hr {width: 100%;height: 1px;background-color: #cdcdcd;margin: 20px 0px;border: 0px;}
hr.no {background-color: transparent;padding: 0px;margin: 0px;}
#skipnavi {position: absolute;top: -1px;left: 0;background-color: #333;z-index: 999999}
#skipnavi a {position: absolute;top: 0;left: 0;padding: 10px 25px;margin-top: -100px;text-align: center;line-height: 1;white-space: nowrap;background: #000}
#skipnavi a:link {color: #333;}
#skipnavi a:focus {margin-top: 0;text-decoration: underline;color: #fff}
.ellipsis {white-space: nowrap;overflow: hidden;}
.ellipsis.multiline {white-space: normal;}
.clearfix {width: 100%}
.clearfix:after,
.clearfix:before {content: "";display: block;visibility: hidden;clear: both}

/* 에러페이지 
.error_wrap {padding: 20px;text-align: center;}
.error_wrap .major_txt{font-size: 33px;display: block;margin: 20px 0 10px;}
.error_wrap .sub_txt{font-size: 18px;color: #555555;}


a{color:inherit}

.title_h4{font-size: 1.65rem;color: #333333;margin-bottom: 1.2rem;font-weight:500;}
.title_h5{font-size: 1.1rem;color:#333333;margin-bottom: 1rem;font-weight:500;}
.title_h6{ display: block; font-size: 1rem; margin-bottom: .7rem; color: #333; word-break: keep-all; font-weight:500;}
.btns{margin: 3rem 0;text-align: center;}
.btn{display: inline-block;padding: 1rem;min-width: 10rem;font-size: 1rem;font-weight: 600;border:1px solid #c5c7cb;background-color: #ffffff;margin: 0 .5rem;transition:.2s;
    &.type1{background-color: #305b95;color: #fff;border-color: #305b95;
        &:hover{background-color:darken(#305b95, 10%);}
    }
    &.type2{background-color: #429cc9;color: #ffffff;border-color: #429cc9;
        &:hover{background-color:darken(#429cc9, 10%);}
    }    
    &.size_m{padding: .5rem;font-size: 0.8rem;border-radius: 3px;min-width: 6.3rem;}
}

strong{font-weight:500;}
table{border-collapse : collapse ;border-spacing : 0; }
i,em{font-style:normal;}
input,select,textarea{color:#454545;font-size:16px}
input,select{vertical-align:middle}
input::-moz-placeholder { color: #999; opacity: 1;}
input:-ms-input-placeholder { color: #999;}
input::-webkit-input-placeholder { color: #999;}
input[type=password],
input[type=text],
select,
textarea{padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f7f8fa;background-image:none;border:1px solid #ddd;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius:2px;min-height:3.6rem;}
input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {border-color: #555;outline: 0;}
input[disabled],
input[readonly] {  background-color: #eee;  color:#999; opacity: 1;}
button{color:inherit;border:0;padding:0;background:0 0;cursor:pointer;font-family:inherit;font-size:inherit;}
.col6{width: 50%;}


/* ===========================================================================================
user defined style
===========================================================================================
.txt-left,.txt_left{text-align:left!important}
.txt-right,.txt_right{text-align:right!important}
.txt-center,.txt_center{text-align:center!important}
.vertical{display:inline-block;vertical-align:middle}
.hidden,.sr_only,.sr-only, .IR{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.ellipsis,.subject{text-align:left}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;display:inline-block;max-width:96%}
td.subject{padding-left:2rem}
.clearfix::after{content:"";display:block;clear:both}
.fl,.float-left,.float_left,.pull-left{float:left}
.float-right,.float_right,.fr,.pull-right{float:right}
.float-wrap{overflow:hidden}
.indent{margin-left:3rem!important}
.indent2{margin-left:1rem!important}
.outdent{margin-left:-3rem}
.w5{width:5%!important}
.w6{width:6%!important}
.w7{width:7%!important}
.w8{width:8%!important}
.w9{width:9%!important}
.w10{width:10%!important}
.w15{width:15%!important}
.w20{width:20%!important}
.w25{width:25%!important}
.w30{width:30%!important}
.w35{width:35%!important}
.w40{width:40%!important}
.w45{width:45%!important}
.w50{width:50%!important}
.w55{width:55%!important}
.w60{width:60%!important}
.w65{width:65%!important}
.w70{width:70%!important}
.w75{width:75%!important}
.w80{width:80%!important}
.w85{width:85%!important}
.w90{width:90%!important}
.w95{width:95%!important}
.w100{width:100%!important}
.ml5{margin-left: .5rem!important;}
.ml10{margin-left: 1rem!important;}
.ml20{margin-left: 2rem!important;}
.ml30{margin-left: 3rem!important;}
.ml40{margin-left: 4rem!important;}
.ml50{margin-left: 5rem!important;}
.mt5{margin-top: .5rem!important;}
.mt10{margin-top: 1rem!important;}
.mt20{margin-top: 2rem!important;}
.mt30{margin-top: 3rem!important;}
.mt40{margin-top: 4rem!important;}
.mt50{margin-top: 5rem!important;}
.mr5{margin-right: .5rem!important;}
.mr10{margin-right: 1rem!important;}
.mr20{margin-right: 2rem!important;}
.mr30{margin-right: 3rem!important;}
.mr40{margin-right: 4rem!important;}
.mr50{margin-right: 5rem!important;}
.mb5{margin-bottom: .5rem!important;}
.mb10{margin-bottom: 1rem!important;}
.mb20{margin-bottom: 2rem!important;}
.mb30{margin-bottom: 3rem!important;}
.mb40{margin-bottom: 4rem!important;}
.mb50{margin-bottom: 5rem!important;}




/* ===========================================================================================
slick slider
===========================================================================================
.slick-slider{display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block;margin:0 auto}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto}
.slick-arrow.slick-hidden{display:none}


/* ===========================================================================================
grid style
=========================================================================================== 
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1.5rem;margin-left:-1.5rem;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{position:relative;width:100%;min-height:1px;padding-right:1.5rem;padding-left:1.5rem}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.justify-content-center{-ms-flex-pack: center!important;justify-content:center!important;}
.justify-content-around{-ms-flex-pack: space-around!important;justify-content:space-around!important;}
.justify-content-between{-ms-flex-pack: space-between!important;justify-content:space-between!important;}
.align-items-center   { align-items: center !important; }
.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters>.col, .no-gutters>[class*=col-] {padding-right: 0; padding-left: 0;}


/* ===========================================================================================
form-row : form-group을 한줄로
form-group 
form-inline : form-control을 한줄로
form-control
=========================================================================================== 
.form-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.form-group{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.form-group label{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;margin-right:1rem}
.form-group>.form-select,
.form-group>.form-control{-ms-flex: 1 1 auto; flex: 1 1 auto;-webkit-box-flex: 1;width:1%}
.form-group>*~*{margin:0 0 0 .5rem}
.form-group.no-margin>*~*{margin-left:0}

.form-inline{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;-ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.form-inline>.form-select,
.form-inline>.form-control{-ms-flex: 1 1 auto; flex: 1 1 auto;-webkit-box-flex: 1;}
.form-inline>.form-group{margin-top:.5rem;margin-bottom:.5rem;}
.flex-wrap{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-wrap>*{width: 100%;}
.flex-wrap>*~*{margin:.5rem 0 0 0}

.form-select>.form-control{width: 100%;}
.form-control{display:block;border:1px solid #ddd;min-height:3.6rem;}
.form-control:focus{border-color:#06377b;outline:0;box-shadow:inset 0 .2rem .2rem rgba(0,0,0,.15),0 0 .8rem rgba(102,175,233,.8)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control{background-color:#eee;opacity:1}
.form-control[disabled],
fieldset[disabled] .form-control{cursor:not-allowed}
textarea.form-control{height:auto;resize:vertical;}
select.form-control{padding:.5rem 1.2rem;min-width:19.3rem;}
.form-term{margin: 0 1rem!important;}
.form-select {position: relative;background-color: #fff;}
.form-select select{position: relative;z-index: 1;}
.form-label{font-weight: 500;word-break:keep-all;}

/* 패드 
@media (min-width:768px){
    .form-inline>*~*{margin:0 0 0 .5rem}
    .form-inline>.form-select,
    .form-inline>.form-control{-ms-flex: none; flex: none;-webkit-box-flex: inherit;width:auto;}
    .flex-wrap{-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
    .flex-wrap>*{width: auto;}
    .flex-wrap>*~*{margin:0 0 0 .5rem}
    
    .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

/* web 
@media (min-width:1024px){    
    .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
*/