@charset "utf-8";
i,em{font-style:normal}
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* ======================================================
   skipNavi 
=========================================================*/
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

/* ======================================================
   title 
=========================================================*/
.u-tit01{font-size:30px; font-weight:500;letter-spacing:-0.01em;color:#1c1f7e; line-height:1.2em;margin-bottom:30px;}

/* ======================================================
   input & select 
=========================================================*/
.field {width:100%;display:inline-block; vertical-align:top; position:relative;border-bottom:1px solid #d6d6d6;z-index: 1}
/*active*/
.field:after {width:0;height:1px; position:absolute; left:0; display:block; content:"";
background:#000; bottom:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
z-index: 2}
.field.active:after{width:100%}
/*.field.active{border-bottom:1px solid transparent;}*/

/*warning*/
.field:before {width:0;height:1px; position:absolute; left:0; display:block; content:"";
background:#ff0000; bottom:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
z-index: 3}
.field.warning:before{width:100%;}
.field.warning.active:after{width:0}
.field.warning{border-bottom:1px solid transparent;}
.field.non{border-bottom:1px solid transparent;}
.field.non.warning:before {width:0;}

.chk-input {width:100%;display:inline-block; vertical-align:top; position:relative;}
.chk-input input[type="text"], .chk-input input[type="password"]{height:50px; line-height:30px;letter-spacing:0;border:none;background:#fff; color:#000; padding:10px 0;font-size:20px; box-sizing:border-box; display:inline-block; width:100%;
position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
font-family: 'Lato', sans-serif;}
.chk-input.active input[type="text"], .chk-input.active input[type="password"]{color:#515457;}
.chk-input input[type="text"]:focus, .chk-input input[type="password"]:focus{color:#000 !important; outline:0;}
.chk-input input::placeholder{color:#d6d6d6 !important; opacity:1 !important;}
.chk-input input::placeholder {color:#d6d6d6 !important; opacity:1 !important;/* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
.chk-input input::-webkit-input-placeholder {color:#d6d6d6 !important; opacity:1 !important;}
.chk-input input:-ms-input-placeholder {color:#d6d6d6 !important; opacity:1 !important;}
.chk-input input:-mos-input-placeholder {color:#d6d6d6 !important; opacity:1 !important;}

.chk-check {display:inline-block; font-size:0px; vertical-align:middle; line-height:120%; color:#000;}
.chk-check input[type="checkbox"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0;}
.chk-check input[type="checkbox"] + label{display:block; position: relative; padding-left:36px; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;font-size: 20px;line-height: 30px;letter-spacing: 0;color: #000;vertical-align: middle;font-family: 'Lato',sans-serif;}
.chk-check input[type="checkbox"] + label:before { content:''; position: absolute;left:0;top:0;text-align:center;  border:1px solid #000; box-sizing:border-box;
width: 24px;height: 24px;border-radius:4px;margin: 3px 12px 3px 0;}
.chk-check input[type="checkbox"] + label:after {}
.chk-check input[type="checkbox"]:checked + label:before {  background-color:#333333; border-color:#333333;background-image:url(/keumyong/include/_Img/Content/icon-24-check-line-24.svg);background-repeat:  no-repeat;background-position: center center;}
 
.text-area textarea{width: 100%;height:272px;resize: none;font-size:20px; line-height:30px;letter-spacing:0;box-shadow: 0 0 0 1px #d6d6d6;border: 5px solid transparent;overflow:hidden;
box-sizing: border-box;
-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;padding:16px;margin-top: 20px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;font-family: 'Lato', sans-serif;}
.text-area textarea::placeholder{font-size:20px; line-height:30px;letter-spacing:0;color:#d6d6d6 !important;opacity:1 !important;font-family: 'Lato', sans-serif;}
.text-area textarea::placeholder {color:#d6d6d6 !important; opacity:1 !important;/* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
.text-area textarea::-webkit-input-placeholder {color:#d6d6d6 !important; opacity:1 !important;}
.text-area textarea:-ms-input-placeholder {color:#d6d6d6 !important; opacity:1 !important;}
.text-area textarea:-mos-input-placeholder {color:#d6d6d6 !important; opacity:1 !important;}
.text-area textarea:focus{color:#000 !important; outline:0;box-shadow: 0 0 0 1px #000;border: 5px solid transparent;}

/* selectbox */
select { -webkit-appearance: none;-moz-appearance: none; appearance: none; background: url(/keumyong/include/_Img/Layout/selbox-arrow.png) no-repeat 95% 50%;height: 50px;line-height: 30px; letter-spacing: 0;border: none;color: #000;padding: 10px 0;
font-size: 20px;box-sizing: border-box;display: block;width: 100%;outline: none;font-family: 'Lato', sans-serif;}
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }
select:invalid {color: #d6d6d6;}
option[value=""][disabled] {display: none;}
option {color: black;}