@charset "utf-8";
/* font */
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
/*base*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html {
  -webkit-text-size-adjust: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body{ width:100%; height:100%; text-align:left; font-size:16px; font-weight:normal; font-family:"Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", sans-serif; color:#292929; line-height:1.5; letter-spacing:-0.5px; -webkit-overflow-scrolling:touch;word-wrap: break-word!important;
word-break: keep-all!important;} 
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{width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0; position:absolute; left:-99999px; }
textarea{border:2px solid #dbdbdc; padding:8px 10px !important; line-height:18px; resize:none; }
input, textarea { vertical-align:middle; font-size:20px; color:#292929; font-family:"맑은 고딕", "Malgun Gothic", sans-serif; padding:0; margin:0; }
input[type="checkbox"] { width:12px; height:12px; margin-right:7px;}
input[type="radio"] { width:13px; height:13px; border:none; }
input[type="file"]{height:22px; color:#666; border:1px solid #d4d4d4; line-height:22px; vertical-align:middle; background:#fff}
input.date{margin:0 3px 0 0; width:110px}
em { font-style:normal; }
iframe { border:none; }
strong { font-weight:bold; }
a { color:#292929; text-decoration:none;}
hr { border:0; background:#D5D5D5; margin:0; height:1px; }
button { padding:0; border:none; cursor:pointer; font-family:inherit; background:none; border-radius:0;}
button:focus, select:focus
{
  outline: black thin dotted -2px;
}
/* common */
.of-hi { overflow:hidden !important; }
.fl-l { float:left !important; }
.fl-r { float:right !important; }
.cl-b { width:0; height:0; font-size:0; line-height:0; clear:both;}
.va-m { vertical-align:middle !important;}
.va-t { vertical-align: top !important;}
.max { width:100%; }
.ta-c { text-align:center !important; }
.ta-l { text-align:left !important; }
.ta-r { text-align:right !important; }
.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:'';}
.w100 { width:100% !important; }

.ml0 { margin-left:0 !important;}
.mr0 { margin-right:0 !important;}

.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important; margin-top:5px !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;}
.mt85 { margin-top:85px !important; margin-top:5.313rem !important;}
.mt90 { margin-top:90px !important; margin-top:5.625rem !important;}
.mt95 { margin-top:95px !important; margin-top:5.938rem !important;}
.mt100 { margin-top:100px !important; margin-top:6.25rem !important;}

.mb0 { margin-bottom:0px !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;}
.mb65 { margin-bottom:65px !important; margin-bottom:4.063rem !important;}
.mb70 { margin-bottom:70px !important; margin-bottom:4.375rem !important;}
.mb75 { margin-bottom:75px !important; margin-bottom:4.688rem !important;}
.mb80 { margin-bottom:80px !important; margin-bottom:5rem !important;}
.mb85 { margin-bottom:85px !important; margin-bottom:5.313rem !important;}
.mb90 { margin-bottom:90px !important; margin-bottom:5.625rem !important;}
.mb95 { margin-bottom:95px !important; margin-bottom:5.938rem !important;}
.mb100 { margin-bottom:100px !important; margin-bottom:6.25rem !important;}

.pt0 { padding-top:0 !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;}
.pt65 { padding-top:65px !important; padding-top:4.063rem !important;}
.pt70 { padding-top:70px !important; padding-top:4.375rem !important;}
.pt75 { padding-top:75px !important; padding-top:4.688rem !important;}
.pt80 { padding-top:80px !important; padding-top:5rem !important;}
.pt85 { padding-top:85px !important; padding-top:85px !important;}
.pt90 { padding-top:90px !important; padding-top:5.625rem !important;}
.pt95 { padding-top:95px !important; padding-top:5.938rem !important;}
.pt100 { padding-top:100px !important; padding-top:6.25rem !important;}

.pb0 { padding-bottom:0 !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;}
.pb65 { padding-bottom:65px !important; padding-bottom:4.063rem !important;}
.pb70 { padding-bottom:70px !important; padding-bottom:4.375rem !important;}
.pb75 { padding-bottom:75px !important; padding-bottom:4.688rem !important;}
.pb80 { padding-bottom:80px !important; padding-bottom:5rem !important;}
.pb85 { padding-bottom:85px !important; padding-bottom:5.313rem !important;}
.pb90 { padding-bottom:90px !important; padding-bottom:5.625rem !important;}
.pb95 { padding-bottom:95px !important; padding-bottom:5.938rem !important;}
.pb100 { padding-bottom:100px !important; padding-bottom:6.25rem !important;}

/******** UI ********/
[class*='btn'] { display:inline-block;}

/*radio, checkbox custom style*/
.check, .radio { display:inline-block; padding:0px; height:30px; line-height:30px; padding-left:38px; color:#fff; font-size: 30px; }
.radio { background:url('../../images/common/btn_radio_off.png') no-repeat center left; background-size:25px 25px; margin-right:13px; margin-bottom:24px }
.check { background:url('../../images/common/btn_checkbox_off.png') no-repeat center left; background-size:25px 25px;}
label.c-on { background:url('../../images/common/btn_checkbox_on.png') no-repeat center left; background-size:25px 25px; color:#f6ab00; font-weight: bold; }
label.r-on { background:url('../../images/common/btn_radio_on.png') no-repeat center left; background-size:25px 25px; color:#f6ab00; font-weight: bold; }
label{ margin:0;line-height:1.5em; letter-spacing: -0.5px; }
.check > input, .radio > input { position: absolute; left: -99999px;}

/* selectbox */
select { width:90%;
	padding:10px 17px 13px 17px; 
	line-height:1.57; letter-spacing:-0.8px; 
	font-size:18px; 
	color:#333333; 
	border:none; 
	border-radius:10px
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
 background:#fff url(../../images/arrow_1.png) no-repeat 98% center;
 


}
.select-wrap { overflow:hidden; position:relative; display:inline-block; width:100%; border:1px solid #E3E3E3; z-index:1; line-height:1;}
.select-wrap select { position:relative; z-index:2; width:100%; background:#fff url('../../images/common/bg_select_arrow_up.png') no-repeat right; /*opacity:0; filter:alpha(opacity=0);
 IE 8 */ letter-spacing:0; }
.select { display:inline-block; min-width:240px;border:1px solid #cbcbcb; color:#5b5b5b;background:#fff url(../../images/arrow_1.png) no-repeat right center; }
.selectbox{padding:8px 12px; width:99.7%; height:34px; font-size:14px; line-height:14px; display:block; cursor:pointer; border:none; border:1px solid #cbcbcb; color:#5b5b5b; background:#fff url(../../images/arrow_1.png) no-repeat right center; }
div.selectbox-wrapper{position:absolute; background-color:white; border:1px solid #cbcbcb; margin:0; padding:0; text-align:left; *height:60px; /*IE6 fix */ overflow-y:auto; z-index:1; max-height:300px; }
div.selectbox-wrapper ul li.selected{background-color:#fff}
div.selectbox-wrapper ul li.current{background-color:#ddd}
div.selectbox-wrapper ul li{list-style-type:none; display:block; margin:0; padding:2px 5px 2px 10px; cursor:pointer; font-size:14px; line-height:28px; }
html:first-child select{} /* Opera 9 & Below Fix */

/* selectbox 디자인만 */
select:not(.no-style) {
  font-family:inherit;  /* 폰트 상속 */
  border-radius:10px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
height:67px;
	 background:#fff url(../../images/arrow_1.png) no-repeat 98% center;
 

}
/*file custom*/
.file-wrap { position:relative;}
.file-wrap .btn.file { display:inline-block; padding:5px 17px; margin-left:6px; margin-top:8px; border:1px solid #545454; border-radius:0; text-align:center; color:#252525; font-size:12px; font-weight:500; background:#fff; }
.file-wrap .input-file-hidden { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display:none;
}
.input-box { position:relative; }
.input-box label {
  position:absolute;
  top:1px;  /* input 요소의 border-top 설정값 만큼 */
  left:1px;  /* input 요소의 border-left 설정값 만큼 */
  padding:7px 11px;  /* input 요소의 padding 값 만큼 */
  color:#999;
  cursor:text;
}
/*input*/
input[type="text"],
input[type="password"],
input[type="tel"] {
  height:auto;  /* 높이 초기화 */
  line-height:normal;  /* line-height 초기화 */
  padding:8px;  /* 여백 설정 */
  box-sizing:border-box;
  border:none;
  width:auto;
  background:#FBFBFB;
  border:1px solid #C9C9C9;
  font-size:16px;
  font-family:inherit;
  border-radius:0;  /* iSO 둥근모서리 제거 */
  -webkit-appearance:none;  /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance:none;
  appearance:none;
  height: 67px; line-height: 61px; padding:0px 10px; border:3px solid #eeeeee; border-radius: 10px;
}
input.text{ height: 67px; line-height: 61px; padding:0px 10px; border:3px solid #eeeeee; border-radius: 10px; }
input::placeholder { color: #cfcfcf; }
/*textarea*/
textarea { width:100%; border:1px solid #dfdfdf; }

/* blind */
.blind{width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0px; position:absolute; left:-99999px; }
.blind table{text-indent:-10000px}

/*animation*/
.ani-all {
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
}

/* ScrollMagic  */
[class *= 'effect-'] .obj {
    position:relative;  opacity:0;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
 }
[class *= 'effect-'].on .obj { opacity:1; }
[class *= 'effect-'].on .obj-left { left:0; }
[class *= 'effect-'].on .obj-right { right:0; }
[class *= 'effect-'].on .obj-top { top:0; }
[class *= 'effect-'].on .obj-m-left { margin-left:0 }
.obj-left { left:-20%; }
.obj-right { right:-20%; }
.obj-top { top:20%; }
/* .obj-middle { top:35%; }
.obj-bottom { top:60%; } */

@media all and (max-width:768px) {
	select { width:90%;
	padding:10px 17px 13px 17px; 
	line-height:1.57; letter-spacing:-0.8px; 
	font-size:18px; 
	color:#333333; 
	border:none; 
	border-radius:10px
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
 background:#fff url(../../images/arrow_1.png) no-repeat 98% center;
 


}
  /*html { font-size:15px; }*/
}
@media all and (max-width:640px) {
  /*html { font-size:14px; }*/
  .select-wrap select { background:#fff url('../../images/common/bg_select_arrow_up_mo.png') no-repeat right; background-size:15px; }

  .mt10 { margin-top:6px !important; }
  .mt15 { margin-top:9px !important; }
  .mt20 { margin-top:12px !important; }
  .mt25 { margin-top:15px !important; }
  .mt30 { margin-top:18px !important; }
  .mt35 { margin-top:21px !important; }
  .mt40 { margin-top:24px !important; }
  .mt45 { margin-top:27px !important; }
  .mt50 { margin-top:30px !important; }
  .mt55 { margin-top:33px !important; }
  .mt60 { margin-top:36px !important; }
  .mt65 { margin-top:39px !important; }
  .mt70 { margin-top:42px !important; }
  .mt75 { margin-top:45px !important; }
  .mt80 { margin-top:48px !important; }
  .mt85 { margin-top:51px !important; }
  .mt90 { margin-top:54px !important; }
  .mt95 { margin-top:57px !important; }
  .mt100 { margin-top:60px !important; }

  .mb10 { margin-bottom:6px !important; }
  .mb15 { margin-bottom:9px !important; }
  .mb20 { margin-bottom:12px !important; }
  .mb25 { margin-bottom:15px !important; }
  .mb30 { margin-bottom:18px !important; }
  .mb35 { margin-bottom:21px !important; }
  .mb40 { margin-bottom:24px !important; }
  .mb45 { margin-bottom:27px !important; }
  .mb50 { margin-bottom:30px !important; }
  .mb55 { margin-bottom:33px !important; }
  .mb60 { margin-bottom:36px !important; }
  .mb65 { margin-bottom:39px !important; }
  .mb70 { margin-bottom:42px !important; }
  .mb75 { margin-bottom:45px !important; }
  .mb80 { margin-bottom:48px !important; }
  .mb85 { margin-bottom:51px !important; }
  .mb90 { margin-bottom:54px !important; }
  .mb95 { margin-bottom:57px !important; }
  .mb100 { margin-bottom:60px !important; }

  .pt10 { padding-top:6px !important; }
  .pt15 { padding-top:9px !important; }
  .pt20 { padding-top:12px !important; }
  .pt25 { padding-top:15px !important; }
  .pt30 { padding-top:18px !important; }
  .pt35 { padding-top:21px !important; }
  .pt40 { padding-top:24px !important; }
  .pt45 { padding-top:27px !important; }
  .pt50 { padding-top:30px !important; }
  .pt55 { padding-top:33px !important; }
  .pt60 { padding-top:36px !important; }
  .pt65 { padding-top:39px !important; }
  .pt70 { padding-top:42px !important; }
  .pt75 { padding-top:45px !important; }
  .pt80 { padding-top:48px !important; }
  .pt85 { padding-top:51px !important; }
  .pt90 { padding-top:54px !important; }
  .pt95 { padding-top:57px !important; }
  .pt100 { padding-top:60px !important; }

  .pb10 { padding-bottom:6px !important; }
  .pb15 { padding-bottom:9px !important; }
  .pb20 { padding-bottom:12px !important; }
  .pb25 { padding-bottom:15px !important; }
  .pb30 { padding-bottom:18px !important; }
  .pb35 { padding-bottom:21px !important; }
  .pb40 { padding-bottom:24px !important; }
  .pb45 { padding-bottom:27px !important; }
  .pb50 { padding-bottom:30px !important; }
  .pb55 { padding-bottom:33px !important; }
  .pb60 { padding-bottom:36px !important; }
  .pb65 { padding-bottom:39px !important; }
  .pb70 { padding-bottom:42px !important; }
  .pb75 { padding-bottom:45px !important; }
  .pb80 { padding-bottom:48px !important; }
  .pb85 { padding-bottom:51px !important; }
  .pb90 { padding-bottom:54px !important; }
  .pb95 { padding-bottom:57px !important; }
  .pb100 { padding-bottom:60px !important; }
}