@charset "UTF-8";
/*-------------------------------------------------
title       :common.css
Author      :yeona choi
Create date :2020-02-17
-------------------------------------------------*/

*, *::before, *::after{-webkit-box-sizing:inherit;box-sizing:inherit;}
html{overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;}
body{overflow:hidden;margin:0;padding:0;font-size:0.8rem;line-height:1.75;font-family:"Noto Sans KR";font-weight:400;color:#000;}
header, footer, main, section, article, nav, aside{display:block;}
ul, ol, li, dl, dt, dd{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6, p, form, figure, figcaption{margin:0;padding:0;}
fieldset, hr{display:block;margin:0;padding:0;border:0 none;}
input, select{max-width:100%;vertical-align:middle;}
input, select, button, textarea, optgroup{margin:0;font-family:inherit;font-size:inherit;color:inherit;}
address, em, i{font-style:normal;}
strong{font-weight:600;}
a{color:inherit;text-decoration:none;}
button{padding:0;border:0 none;background:none;cursor:pointer;}
input[type='submit']{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
img-responsive{max-width:100%;border:0 none;font-size:0;vertical-align:middle;}
table{width:100%;border-collapse:collapse;}
caption, legend, .sr-only, .hidden, .blind, .IR{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;clip:rect(0, 0, 0, 0);}
.skip-to{position:absolute;top:-99px;left:0;z-index:999;width:100%;padding:10px 0;background:#333;color:#fff;text-align:center;text-decoration:none;}
.skip-to:hover, .skip-to:focus, .skip-to:active{display:block;top:0;}
.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0);}
pre{font-family:"Noto Sans KR" !important;}
.ellipsis{text-overflow:ellipsis;white-space: nowrap;overflow:hidden;display:block;}
.ellipsis_2{white-space: inherit;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;display:block;height:2.4rem;line-height:1.2rem;}
/*Skip To Content*/
#skipNav{position:absolute;left:0;top:-1000px;width:100%;height:0px;z-index:1000;line-height:0px;font-size:0px;}
#skipNav a{display:block;text-align:center;width:100%;line-height:0px;font-size:0px;}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active{position:absolute;left:0px;top:1000px;padding:8px 0;display:block;height:30px;background:#20262c;font-size:12px;font-weight:bold;line-height:18px;color:#fff;}

.txt-left{text-align:left !important;}
.txt-center{text-align:center !important;}
.txt-right{text-align:right !important;}

.float-left{float:left !important;}
.float-right{float:right !important;}

.container{width:70rem;max-width:100%;margin:auto;}
.container::after{display:block;clear:both;content:'';}
select::-ms-expand{display:none;}
/* ...생성 */
.substring{position:relative;padding-right:15px;}
.substring:after{position:absolute;bottom:0;right:0;content:"...";font-size:14px;}

/*checkbox, radio커스텀*/
.checkbox-radio-custom{position:relative;margin: 0 0 0 -1.5rem;}
.checkbox-radio-custom:after {display:block;clear:both;content:''}
.checkbox-radio-custom > li{position:relative;float:left;padding:.5rem 0;margin-left:1.5rem;}
.checkbox-radio-custom > li + li{}
.checkbox-radio-custom input[type="checkbox"],
.checkbox-radio-custom input[type="radio"] {border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;width:10px;height:10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:5px;}
.checkbox-radio-custom input[type="checkbox"]:hover + label:before,
.checkbox-radio-custom input[type="radio"]:hover + label:before{border-color:#dde1e5;}

.checkbox-radio-custom input[type="checkbox"]:focus + label:before,
.checkbox-radio-custom input[type="radio"]:focus + label:before{border-color:#dde1e5;}
.checkbox-radio-custom input[type="checkbox"]:active + label:before,
.checkbox-radio-custom input[type="radio"]:active + label:before{transition-duration:0s;filter:brightness(1.2);}
.checkbox-radio-custom input[type="checkbox"] + label,
.checkbox-radio-custom input[type="radio"] + label {/*display:inline-block;*/position:relative;padding-left:30px;font-weight:normal;}
.checkbox-radio-custom input[type="checkbox"] + label:before, input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:after {box-sizing:content-box;position:absolute;content:'';display:block;left:0;}
.checkbox-radio-custom input[type="checkbox"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:before {top:50%;width:20px;height:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);border:2px solid #ced4da;text-align:center;background:#fff;}
.checkbox-radio-custom input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:after {background-color:#fcc419;top:50%;left:6px;width:12px;height:12px;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);transform-origin:50%;transition:transform 200ms ease-out;}
.checkbox-radio-custom input[type="radio"]:checked + label:before {-moz-animation:borderscale 300ms ease-in;-webkit-animation:borderscale 300ms ease-in;animation:borderscale 300ms ease-in;background-color:#fff;}
.checkbox-radio-custom input[type="radio"]:checked + label:after{transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);}
.checkbox-radio-custom input[type="radio"] + label:before, input[type="radio"] + label:after{border-radius:50%;}
.checkbox-radio-custom input[type="checkbox"] + label:after {background-color:transparent;top:50%;left:.25rem;width:.4rem;height:.2rem;margin-top:-.2rem;border-style:solid;border-color:#fff;border-width:0 0 1.2px 1.2px;-moz-transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;}
.checkbox-radio-custom input[type="checkbox"]:checked + label:before{-moz-animation:borderscale 200ms ease-in;-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in;background:#2daab8;border-color:#2daab8;}
.checkbox-radio-custom input[type="checkbox"]:checked + label:after{content:'';-moz-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);-moz-transition:-moz-transform 200ms ease-out;-o-transition:-o-transform 200ms ease-out;-webkit-transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;}
.checkbox-radio-custom input[type="radio"]:focus + label:before{-moz-animation:borderscale 200ms ease-in;-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in;}
.checkbox-radio-custom input[type="checkbox"] + label:before{width:16px;height:16px;}

/*셀렉트박스*/
.select-box{position:relative;width:auto;height:40px;padding:0;border:1px solid #ddd;}
.select-box label{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0 1.25rem 0 .75rem;line-height:40px;color:#666;font-size:.75rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.select-box label:after{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:.65rem;line-height:.5rem;font-family:"xeicon";content:"\e941";transition:transform .3s;-webkit-transition:transform .3s;color:#313344;}
.select-box select.info-select{position:relative;width:100%;height:100%;padding:0;border:0 none;vertical-align:top;cursor:pointer;z-index:1;font-size:.8rem;}
.select-box:hover, .select-box:focus, .select-box.active:focus{border-color:#454c69 !important;}
.select-box:hover label, .select-box:focus label, .select-box.activ label{color:#030101;}
.select-box:hover label:after, .select-box:active label:after, .select-box:focus label:after{color:#030101;transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);}
.select-box .form-control{display:block;width:100%;padding:0.3rem 0.6rem;min-height:1.85rem;font-size:.75rem;color:#555;background-color:#fff;background-image:none;border:1px solid #ddd;vertical-align:top;}
.select-box .form-control:hover, .select-box .form-control:focus{border-color:#06377b;outline:0;}
.select-box .form-control::-moz-placeholder, .select-box .form-control:-ms-input-placeholder, .select-box .form-control::-webkit-input-placeholder{color:#888;}
.select-box .form-control[disabled], .select-box .form-control[readonly], fieldset[disabled] .select-box .form-control{background-color:#eee;opacity:1;}
.select-box .form-control[disabled], fieldset[disabled] .select-box .form-control{cursor:not-allowed;}

input[type="text"], input[type="password"], select{padding:0.3rem 0.6rem;min-height:1.85rem;font-size:.75rem;color:#555;background-color:#fff;background-image:none;border:1px solid #ddd;vertical-align:top;height:1.9rem;}
input[type="text"],
input[type="password"],
select,
input[type="text"]::-moz-placeholder{color:#999;font-weight:300;font-size:.7rem;}
input[type="text"]:-ms-input-placeholder{color:#999;font-weight:300;font-size:.7rem;}
input[type="text"]::-webkit-input-placeholder{color:#999;font-weight:300;font-size:.7rem;}

input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}

/* .input-group{display:inline-block;min-width:9rem;position:relative;margin:auto;vertical-align:middle;}
.input-group.ful{width:100% !important;}
.input-group .form-control{float:left;width:100%;height:38px;padding:.5rem 70px 0.5rem .5rem;font-size:.8rem;line-height:1.5rem;color:#030101;z-index:auto;border:1px solid #ddd;}
.input-group input{width:100%;height:100%;}
 */
/*imgcut*/
.imgcut .img{position:relative;}
.imgcut .img > img{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.imgcut a:hover .img > img,
.imgcut a:focus .img > img{transition-duration:0.4s;-webkit-transform:scale(1.15);transform:scale(1.15);}

/*btn*/
.btns{}
.btns button,
.btns a,
[class^="btn-style"]{display:inline-block;vertical-align:middle;height:40px;padding:0 1.75rem;line-height:38px;width:auto;transition:all .3s, color .3s;-webkit-transition:all .3s, color .3s;font-weight:500;text-align:center;cursor:pointer;}
.btns button i,
.btns a i,
[class^="btn-style"] > i{margin-right:.3rem;vertical-align:middle;}
.btns button + button,
.btns a + a,
.btns a + button{margin-left:2px;}
.btn{position:relative;overflow:hidden;display:inline-block;}
.btn > span{position:relative;display:block;z-index:2;}
.btn:hover:before,
.btn:focus:before{bottom:0;}

.btn1{border:1px solid #ddd;color:#333;}
.btn1:hover,
.btn1:focus{border:1px solid #1b4f8b;}

.btn2{color:#fff;background:#1b4f8b;border:1px solid #1b4f8b;}
.btn2:hover,
.btn2:focus{color:#1b4f8b;background:none;}


.btn3{padding:0 8.5rem;border:1px solid #000;color:#000;background:#fff;border-radius:5px;}
.btn3:before{background:#000;}
.btn3:hover,
.btn3:focus{color:#fff;}
.btn4{padding:5px .5rem;border:1px solid #000;color:#fff;background:#000;border-radius:5px;}
.btn4:before{background:#fff;}
.btn4:hover,
.btn4:focus{color:#000;background:none;}
.btns button.btn-sm, .btns a.btn-sm{font-size:.8rem;height:40px;line-height:38px;font-weight:200;}
.btns button.btn-l, .btns a.btn-l{width:300px;height:60px;padding:0;line-height:58px;}



/* 부트스트랩 */
fieldset{border:0;padding:0;}
legend{padding:0;border:0;font-size:0;}
.txt-left{text-align:left!important;}
.txt-right{text-align:right!important;}
.txt-center{text-align:center!important;}
.vertical{display:inline-block;vertical-align:middle;}
.img-responsive{max-width:100%;height:auto;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:.75rem;padding-left:.75rem;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}

/*부트스트랩*/
@media (min-width:768px){
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left;}
    .col-sm-12{width:100%;}
    .col-sm-11{width:91.66666667%;}
    .col-sm-10{width:83.33333333%;}
    .col-sm-9{width:75%;}
    .col-sm-8{width:66.66666667%;}
    .col-sm-7{width:58.33333333%;}
    .col-sm-6{width:50%;}
    .col-sm-5{width:41.66666667%;}
    .col-sm-4{width:33.33333333%;}
    .col-sm-3{width:25%;}
    .col-sm-2{width:16.66666667%;}
    .col-sm-1{width:8.33333333%;}
}
@media (min-width:992px){
    .col-md-1, .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-md-10, .col-md-11, .col-md-12{float:left;}
    .col-md-12{width:100%;}
    .col-md-11{width:91.66666667%;}
    .col-md-10{width:83.33333333%;}
    .col-md-9{width:75%;}
    .col-md-8{width:66.66666667%;}
    .col-md-7{width:58.33333333%;}
    .col-md-6{width:50%;}
    .col-md-5{width:41.66666667%;}
    .col-md-4{width:33.33333333%;}
    .col-md-3{width:25%;}
    .col-md-2{width:16.66666667%;}
    .col-md-1{width:8.33333333%;}
}
@media (min-width:1200px){
    .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12{float:left;}
    .col-lg-12{width:100%;}
    .col-lg-11{width:91.66666667%;}
    .col-lg-10{width:83.33333333%;}
    .col-lg-9{width:75%;}
    .col-lg-8{width:66.66666667%;}
    .col-lg-7{width:58.33333333%;}
    .col-lg-6{width:50%;}
    .col-lg-5{width:41.66666667%;}
    .col-lg-4{width:33.33333333%;}
    .col-lg-3{width:25%;}
    .col-lg-2{width:16.66666667%;}
    .col-lg-1{width:8.33333333%;}
}


/* 기본 반응형 */
@media screen and (max-width:1024px){
    html{font-size:18px;}
}