@charset "utf-8";
/* font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* @import url(https://cdn.jsdelivr.net/font-kopub/1.0/kopubdotum.css); */
/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio,video{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
img{border:0;vertical-align:top;font-size:0;}
a{color:#727171;text-decoration:none;}
a:hover, a:focus, a:visited{text-decoration:none;}
body{height:100%;width:100%;text-align:left;font-size:16px; font-size:1rem; letter-spacing:0px;font-family:'Noto Sans KR', 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', Arial, sans-serif;color:#727171;line-height:1.38; font-weight:400;}
body,p,h1,h2,h3,h4,h5,h6,table,caption,form,fieldset,legend,span,div,th,td,address{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;margin:0;padding:0px}
img{border:0 none;line-height:0;font-size:0;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;width:100%}
fieldset{border:0}
legend, caption{display:none;height:0;overflow:hidden}
textarea{border:2px solid #727171;padding:8px 10px !important;line-height:18px; resize:none;}
input, textarea {vertical-align:middle;font-size:12px;color:#727171;font-family:'Noto Sans KR', 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', Arial, sans-serif;padding:0;margin:0}
input[type="checkbox"] {width:17px; height:17px;}
input[type="radio"] {margin-top:-4px; width:17px; height:17px;}
input[type="file"]{height:22px;color:#666;border:1px solid #727171;line-height:22px;vertical-align:middle;background:#fff}
input.text{height:16px;padding:8px 10px;border:2px solid #dbdbdc;}
input.date{margin:0 3px 0 0;width:110px}
em {font-style:normal;}
iframe {border:none;}
strong {font-weight:bold;}
hr {border:0;border-top:1px solid #727171;margin:0;height:1px;}
button {background:none; border:none; padding:0; cursor:pointer; outline:none;}
/* common */
.fl-l {float:left !important;}
.fl-r {float:right !important;}
.cl-b {width:0;height:0;font-size:0;line-height:0;clear:both}
.show {display:block}
.hide {display:none}
.max {width:100%;}
.ta-c {text-align:center !important; }
.ta-l {text-align:left !important; }
.ta-r {text-align:right !important; }
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.clear {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.mb0 { margin-bottom:0px !important; margin-bottom:0rem !important; }
.mb5 { margin-bottom:5px !important; margin-bottom:0.313rem !important; }
.mb10 { margin-bottom:10px !important; margin-bottom:0.625rem !important; }
.mb15 { margin-bottom:15px !important; margin-bottom:0.938rem !important; }
.mb20 { margin-bottom:20px !important; margin-bottom:1.25rem !important; }
.mb25 { margin-bottom:25px !important; margin-bottom:1.563rem !important; }
.mb30 { margin-bottom:30px !important; margin-bottom:1.875rem !important; }
.mb35 { margin-bottom:35px !important; margin-bottom:2.188rem !important; }
.mb40 { margin-bottom:40px !important; margin-bottom:2.5rem !important; }
.mb45 { margin-bottom:45px !important; margin-bottom:2.813rem !important; }
.mb50 { margin-bottom:50px !important; margin-bottom:3.125rem !important; }
.mb55 { margin-bottom:55px !important; margin-bottom:3.438rem !important; }
.mb60 { margin-bottom:60px !important; margin-bottom:3.75rem !important; }
.mb100 { margin-bottom:100px !important; margin-bottom:6.25rem !important; }
.mt0 { margin-top:0px !important; margin-top:0rem !important; }
.mt5 { margin-top:5px !important; margin-top:0.313rem !important; }
.mt10 { margin-top:10px !important; margin-top:0.625rem !important; }
.mt15 { margin-top:15px !important; margin-top:0.938rem !important; }
.mt20 { margin-top:20px !important; margin-top:1.25rem !important; }
.mt25 { margin-top:25px !important; margin-top:1.563rem !important; }
.mt30 { margin-top:30px !important; margin-top:1.875rem !important; }
.mt35 { margin-top:35px !important; margin-top:2.188rem !important; }
.mt40 { margin-top:40px !important; margin-top:2.5rem !important; }
.mt45 { margin-top:45px !important; margin-top:2.813rem !important; }
.mt50 { margin-top:50px !important; margin-top:3.125rem !important; }
.mt55 { margin-top:55px !important; margin-top:3.438rem !important; }
.mt60 { margin-top:60px !important; margin-top:3.75rem !important; }
.mt65 { margin-top:65px !important; margin-top:4.063rem !important; }
.mt70 { margin-top:70px !important; margin-top:4.375rem !important; }
.mt75 { margin-top:75px !important; margin-top:4.688rem !important; }
.mt80 { margin-top:80px !important; margin-top:5rem !important; }

.pb0 { padding-bottom:0px !important; padding-bottom:0rem !important; }
.pb5 { padding-bottom:5px !important; padding-bottom:0.313rem !important; }
.pb10 { padding-bottom:10px !important; padding-bottom:0.625rem !important; }
.pb15 { padding-bottom:15px !important; padding-bottom:0.938rem !important; }
.pb20 { padding-bottom:20px !important; padding-bottom:1.25rem !important; }
.pb25 { padding-bottom:25px !important; padding-bottom:1.563rem !important; }
.pb30 { padding-bottom:30px !important; padding-bottom:1.875rem !important; }
.pb35 { padding-bottom:35px !important; padding-bottom:2.188rem !important; }
.pb40 { padding-bottom:40px !important; padding-bottom:2.5rem !important; }
.pb45 { padding-bottom:45px !important; padding-bottom:2.813rem !important; }
.pb50 { padding-bottom:50px !important; padding-bottom:3.125rem !important; }
.pb55 { padding-bottom:55px !important; padding-bottom:3.438rem !important; }
.pb60 { padding-bottom:60px !important; padding-bottom:3.75rem !important; }
.pt0 { padding-top:0px !important; padding-top:0rem !important; }
.pt5 { padding-top:5px !important; padding-top:0.313rem !important; }
.pt10 { padding-top:10px !important; padding-top:0.625rem !important; }
.pt15 { padding-top:15px !important; padding-top:0.938rem !important; }
.pt20 { padding-top:20px !important; padding-top:1.25rem !important; }
.pt25 { padding-top:25px !important; padding-top:1.563rem !important; }
.pt30 { padding-top:30px !important; padding-top:1.875rem !important; }
.pt35 { padding-top:35px !important; padding-top:2.188rem !important; }
.pt40 { padding-top:40px !important; padding-top:2.5rem !important; }
.pt45 { padding-top:45px !important; padding-top:2.813rem !important; }
.pt50 { padding-top:50px !important; padding-top:3.125rem !important; }
.pt55 { padding-top:55px !important; padding-top:3.438rem !important; }
.pt60 { padding-top:60px !important; padding-top:3.75rem !important; }

.fw-normal {
    font-weight: normal;
}

.ds-none {
    display: none;
}

.visible-hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

@media screen and (max-width:640px) {

}
.of-hi {overflow:hidden;}
.bg-fff {background:#ffffff;}
.no-border {border:none;}
.color-orange {color:#fa6541 !important;}
.color-gray {color:#8eb2bf !important;}
.hc { width:auto; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
.vc { height:auto; top: 0; bottom:0; margin-top:auto; margin-bottom:auto; } /* 세로 중앙 정렬 */
/*radio, checkbox custom style*/
 /*check*/
.custom-check{ position:relative; text-align:left; margin-right:24px; display:inline-block; }
.custom-check label { display:inline-block; color:#595757; font-size:14px; padding-left:42px; height:27px; }
.custom-check input[type="checkbox"] { margin-right:8px; opacity:0; position:absolute; left:0px; top:0px; }
.custom-check input[type="checkbox"]+label { cursor: pointer; }
.custom-check input[type="checkbox"]+label:before,
.custom-check input[type="checkbox"]+label::before {
   position: absolute;
   left: 0;
   top:0px;
   display: inline-block;
   content: "";
   width: 27px;
   height: 27px;
   vertical-align: middle;
   background: url("../../images/common/icon_chkbox_off.png") left top no-repeat;
   cursor: pointer;
   background-size: 100% auto;
 }
.custom-check > input[type="checkbox"]:checked+label:before,
.custom-check > input[type="checkbox"]:checked+label::before {
   background: url("../../images/common/icon_chkbox_on.png") left top no-repeat;
 }
/* selectbox */
.select-wrap{position:relative; display:inline-block; border: 1px solid #b5b5b6; }
.select-wrap::after { content: ''; position: absolute; width: 17px; height: 100%; right: -1px; top: -1px; border: 1px solid #dcdddd; border-width: 1px 1px 1px 0px; z-index: 1; }
html:first-child select{padding-right:16px;} /* Opera 9 & Below Fix */
/* selectbox 디자인만 */
select {
    position: relative;
    font-family:inherit;  /* 폰트 상속 */
    border-radius:0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance:none; /* 네이티브 외형 감추기 */
    -moz-appearance:none;
    appearance:none;
    outline:0;
    width:100%;
    font-size:17px;
    font-weight:bold;
    padding: 0px 16px 0px 12px;
    border:none;
    letter-spacing:-1px;
    border-radius:0px;
    background:#f6f6f6 url(../../images/common/btn_select.gif) no-repeat right 0px center;
    color:#5f5d5e;
    line-height: 48px;
    z-index: 2;
}
select option { border:none;}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display:none;
}
.input-box { display: block; position:relative; border: 1px solid #b5b5b6;  }
.input-box label {
  position:absolute;
  top:1px;  /* input 요소의 border-top 설정값 만큼 */
  left:1px;  /* input 요소의 border-left 설정값 만큼 */
  padding:.5em .8em;  /* input 요소의 padding 값 만큼 */
  color:#999;
  cursor:text;
}
/*input*/
input[type="text"],
input[type="password"], input[type="tel"], input[type="search"] {
    height: auto; /* 높이 초기화 */
    line-height: normal; /* line-height 초기화 */
    padding: 16px 13px; /* 여백 설정 */
    border: none;
    width: 100%;
    background: #f6f6f6;
    color: #5f5d5e;
    font-size: 17px;
    ;
    font-weight: 500;
    font-family: inherit;
    border-radius: 0; /* iSO 둥근모서리 제거 */
    outline-style: none; /* 포커스시 발생하는 효과 제거를 원한다면 */
    -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */
    -moz-appearance: none;
    appearance: none;
    padding: 0px 12px;
    line-height: 48px;
}


input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-moz-search-clear-button,
input[type="search"]::-ms-clear {
    display: none;
}

input[type="checkbox"] {width:17px; height:17px;}
input[type="radio"] {margin-top:-4px; width:17px; height:17px;}
input[type="file"]{height:22px;color:#666;border:1px solid #d4d4d4;line-height:22px;vertical-align:middle;background:#fff}
/*textarea*/
textarea {padding:10px 13px; border:none; background:#ebebec;}
/* blind */
.blind{width:0; height:0; text-indent:-10000px;font-size:0px;line-height:0px; position:absolute; left:-99999px;}
.blind table{text-indent:-10000px}

/*trasition*/
.ani-all {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media screen and (max-width:992px) {
  /*radio, checkbox custom style*/
  /*check*/
  .custom-check{ position:relative; text-align:left; margin-right:24px; display:inline-block; }
  .custom-check label { display:inline-block; color:#595757; font-size:16px; padding-left:25px; height:17px; }
  .custom-check input[type="checkbox"] { margin-right:8px; opacity:0; position:absolute; left:0px; top:0px; }
  .custom-check input[type="checkbox"]+label { cursor: pointer; }
  .custom-check input[type="checkbox"]+label:before,
  .custom-check input[type="checkbox"]+label::before {
    position: absolute;
    left: 0;
    top:5px;
    display: inline-block;
    content: "";
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url("../../images/common/icon_chkbox_off.png") left center no-repeat;
    cursor: pointer;
    background-size: 100% auto;
  }
  .custom-check > input[type="checkbox"]:checked+label:before,
  .custom-check > input[type="checkbox"]:checked+label::before {
    background: url("../../images/common/icon_chkbox_on.png") left center no-repeat;
    background-size: 100% auto;
  }
  .select-wrap::after { content: ''; position: absolute; width: 12px; height: 100%; right: -1px; top: -1px; border: 1px solid #dcdddd; border-width: 1px 1px 1px 0px; z-index: 1; }
  select {
    position: relative;
    font-family:inherit;  /* 폰트 상속 */
    border-radius:0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance:none; /* 네이티브 외형 감추기 */
    -moz-appearance:none;
    appearance:none;
    outline:0;
    width:100%;
    font-size:16px;
    font-weight:bold;
    padding: 0px 16px 0px 12px;
    border:none;
    letter-spacing:-1px;
    border-radius:0px;
    background:#f6f6f6 url(../../images/common/btn_select.gif) no-repeat right 0px center;
    background-size: 16px auto;
    color:#5f5d5e;
    line-height: 50px;
    z-index: 2;
  }
/*input*/
  input[type="text"],
  input[type="password"],input[type="tel"] {
    height:auto;  /* 높이 초기화 */
    line-height:normal;  /* line-height 초기화 */
    padding:16px 13px;  /* 여백 설정 */
    border:none;
    width:100%;
    background:#f6f6f6;
    color:#5f5d5e;
    font-size:18px;
    font-weight:500;
    font-family:inherit;
    border-radius:0;  /* iSO 둥근모서리 제거 */
    outline-style:none;  /* 포커스시 발생하는 효과 제거를 원한다면 */
    -webkit-appearance:none;  /* 브라우저별 기본 스타일링 제거 */
    -moz-appearance:none;
    appearance:none;
    padding: 0px 12px;
    line-height: 50px;
  }
}