@charset "utf-8";

@font-face{
font-family:'NanumSquare';
src: url(../fonts/NanumSquareR.eot);
src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
     url(../fonts/NanumSquareR.woff) format('woff'),
     url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face{
font-family:'NanumSquareEB';
src: url(../fonts/NanumSquareEB.eot);
src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
     url(../fonts/NanumSquareEB.woff) format('woff'),
     url(../fonts/NanumSquareEB.ttf) format('truetype');
}

/*base*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { font-size:16px; background-color:#fff; }
body { overflow-x:hidden; height:100%; width:100%; text-align:left; font-size:18px; font-weight:500; font-family:"NanumSquare", "Apple SD Gothic Neo", serif; color:#303030; line-height:1.3; font-weight:300; -webkit-overflow-scrolling:touch; overflow-y:scroll; word-break:keep-all; letter-spacing:-0.95px; }
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; max-width:100%; }
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:0px; position:absolute; left:-99999px; }
textarea{ background:#fff; padding:8px 10px; resize:none; outline:none; height:300px; font-size:13px; }
input, textarea { vertical-align:middle; font-size:18px; color:#303030; font-family:"NanumSquare", "Apple SD Gothic Neo", serif; margin:0; border:1px solid #d5d5d5; }
input[type="checkbox"] {width:12px; height:12px; margin-right:7px; font-size:14px; }
input[type="radio"] {width:13px; height:13px; border:none; }
input[type="search"] { height:40px; line-height:40px; padding:9px 15px 11px; border:1px solid #fff; outline:none; }
em {font-style:normal; }
iframe {border:none; }
strong {font-weight:bold; }
hr {border:0; background:#e8e8e8; margin:0; height:1px; }
a { color:#303030; text-decoration: none; }
button {padding:0; border:none; cursor:pointer; font-family:inherit; outline-color:transparent; background:none; }
label { font-size:12px; font-size:0.75rem; color:#707070; }
input[type="password"] { font-family:"Arial", "Apple SD Gothic Neo" !important; }

/******** common ********/
#skipnavi li a {  display:block; font-size:16px; width:100%; position:absolute; top:-10000px; left:0; text-align:center; z-index:999999; line-height:1; letter-spacing:0; }
#skipnavi li a:focus{ position:absolute; top:0; left:0; font-weight:bold; color:#fff; background:#272727; padding:20px 0; line-height:1; }

/* 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;}
.va-m {vertical-align:middle !important;}
.va-t{vertical-align: top !important;}
.max {max-width:100%; width:70%; }
.ta-c {text-align:center !important; }
.ta-l {text-align:left !important; }
.ta-r {text-align:right !important; }
.dp-b { display:block; }
.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:'';}
.bd-none{border:none !important;}
.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
.mt5 { margin-top:5px !important; margin-top:0.313rem !important; } /* 5/16 */
.mt10 { margin-top:10px !important; margin-top:0.625rem !important; } /* 10/16 */
.mt15 { margin-top:15px !important; margin-top:0.938rem !important; } /* 15/16 */
.mt20 { margin-top:20px !important; margin-top:1.25rem !important; } /* 20/16 */
.mt25 { margin-top:25px !important; margin-top:1.563rem !important; } /* 25/16 */
.mt30 { margin-top:30px !important; margin-top:1.875rem !important; } /* 30/16 */
.mt35 { margin-top:35px !important; margin-top:2.188rem !important; } /* 35/16 */
.mt40 { margin-top:40px !important; margin-top:2.5rem !important; } /* 40/16 */
.mt45 { margin-top:45px !important; margin-top:2.813rem !important; } /* 45/16 */
.mt50 { margin-top:50px !important; margin-top:3.125rem !important; } /* 50/16 */
.mt55 { margin-top:55px !important; margin-top:3.438rem !important; } /* 55/16 */
.mt60 { margin-top:60px !important; margin-top:3.75rem !important; } /* 60/16 */
.mt65 { margin-top:65px !important; margin-top:4.063rem !important; } /* 65/16 */
.mt70 { margin-top:70px !important; margin-top:4.375rem !important; } /* 70/16 */
.mt75 { margin-top:75px !important; margin-top:4.688rem !important; } /* 75/16 */
.mt80 { margin-top:80px !important; margin-top:5rem !important; } /* 80/16 */
.mt85 { margin-top:85px !important; margin-top:5.313rem !important; } /* 85/16 */
.mt90 { margin-top:90px !important; margin-top:5.625rem !important; } /* 90/16 */
.mt95 { margin-top:95px !important; margin-top:5.938rem !important;} /* 95/16 */
.mt100 { margin-top:100px !important; margin-top:6.25rem !important; } /* 100/16 */

.mb0 {margin-bottom:0px !important; } /* 5/16 */
.mb5 {margin-bottom:5px !important; margin-bottom:0.313rem !important; } /* 5/16 */
.mb10 {margin-bottom:10px !important; margin-bottom:0.625rem !important; } /* 10/16 */
.mb15 {margin-bottom:15px !important; margin-bottom:0.938rem !important; } /* 15/16 */
.mb20 {margin-bottom:20px !important; margin-bottom:1.25rem !important; } /* 20/16 */
.mb25 {margin-bottom:25px !important; margin-bottom:1.563rem !important; } /* 25/16 */
.mb30 {margin-bottom:30px !important; margin-bottom:1.875rem !important; } /* 30/16 */
.mb35 {margin-bottom:35px !important; margin-bottom:2.188rem !important; } /* 35/16 */
.mb40 {margin-bottom:40px !important; margin-bottom:2.5rem !important; } /* 40/16 */
.mb45 {margin-bottom:45px !important; margin-bottom:2.813rem !important; } /* 45/16 */
.mb50 {margin-bottom:50px !important; margin-bottom:3.125rem !important; } /* 50/16 */
.mb55 {margin-bottom:55px !important; margin-bottom:3.438rem !important; } /* 55/16 */
.mb60 {margin-bottom:60px !important; margin-bottom:3.75rem !important; } /* 60/16 */
.mb65 {margin-bottom:65px !important; margin-bottom:4.063rem !important; } /* 65/16 */
.mb70 {margin-bottom:70px !important; margin-bottom:4.375rem !important; } /* 70/16 */
.mb75 {margin-bottom:75px !important; margin-bottom:4.688rem !important; } /* 75/16 */
.mb80 {margin-bottom:80px !important; margin-bottom:5rem !important; } /* 80/16 */
.mb85 {margin-bottom:85px !important; margin-bottom:5.313rem !important; } /* 85/16 */
.mb90 {margin-bottom:90px !important; margin-bottom:5.625rem !important; } /* 90/16 */
.mb95 {margin-bottom:95px !important; margin-bottom:5.938rem !important; } /* 95/16 */
.mb100 {margin-bottom:100px !important; margin-bottom:6.25rem !important; } /* 100/16 */

.pt0 {padding-top:0 !important; }
.pt5 {padding-top:5px !important; padding-top:0.313rem !important; } /* 5/16 */
.pt10 {padding-top:10px !important; padding-top:0.625rem !important; } /* 10/16 */
.pt15 {padding-top:15px !important; padding-top:0.938rem !important; } /* 15/16 */
.pt20 {padding-top:20px !important; padding-top:1.25rem !important; } /* 20/16 */
.pt25 {padding-top:25px !important; padding-top:1.563rem !important; } /* 25/16 */
.pt30 {padding-top:30px !important; padding-top:1.875rem !important; } /* 30/16 */
.pt35 {padding-top:35px !important; padding-top:2.188rem !important; } /* 35/16 */
.pt40 {padding-top:40px !important; padding-top:2.5rem !important; } /* 40/16 */
.pt45 {padding-top:45px !important; padding-top:2.813rem !important; } /* 45/16 */
.pt50 {padding-top:50px !important; padding-top:3.125rem !important; } /* 50/16 */
.pt55 {padding-top:55px !important; padding-top:3.438rem !important; } /* 55/16 */
.pt60 {padding-top:60px !important; padding-top:3.75rem !important; } /* 60/16 */
.pt65 {padding-top:65px !important; padding-top:4.063rem !important; } /* 65/16 */
.pt70 {padding-top:70px !important; padding-top:4.375rem !important; } /* 70/16 */
.pt75 {padding-top:75px !important; padding-top:4.688rem !important; } /* 75/16 */
.pt80 {padding-top:80px !important; padding-top:5rem !important; } /* 80/16 */
.pt85 {padding-top:85px !important; padding-top:5.313rem !important; } /* 85/16 */
.pt90 {padding-top:90px !important; padding-top:5.625rem !important; } /* 90/16 */
.pt95 {padding-top:95px !important; padding-top:5.938rem !important; } /* 95/16 */
.pt100 {padding-top:100px !important; padding-top:6.25rem !important; } /* 100/16 */

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important; padding-bottom:0.313rem !important; } /* 5/16 */
.pb10 {padding-bottom:10px !important; padding-bottom:0.625rem !important; } /* 10/16 */
.pb15 {padding-bottom:15px !important; padding-bottom:0.938rem !important; } /* 15/16 */
.pb20 {padding-bottom:20px !important; padding-bottom:1.25rem !important; } /* 20/16 */
.pb25 {padding-bottom:25px !important; padding-bottom:1.563rem !important; } /* 25/16 */
.pb30 {padding-bottom:30px !important; padding-bottom:1.875rem !important; } /* 30/16 */
.pb35 {padding-bottom:35px !important; padding-bottom:2.188rem !important; } /* 35/16 */
.pb40 {padding-bottom:40px !important; padding-bottom:2.5rem !important; } /* 40/16 */
.pb45 {padding-bottom:45px !important; padding-bottom:2.813rem !important; } /* 45/16 */
.pb50 {padding-bottom:50px !important; padding-bottom:3.125rem !important; } /* 50/16 */
.pb55 {padding-bottom:55px !important; padding-bottom:3.438rem !important; } /* 55/16 */
.pb60 {padding-bottom:60px !important; padding-bottom:3.75rem !important; } /* 60/16 */
.pb65 {padding-bottom:65px !important; padding-bottom:4.063rem !important; } /* 65/16 */
.pb70 {padding-bottom:70px !important; padding-bottom:4.375rem !important; } /* 70/16 */
.pb75 {padding-bottom:75px !important; padding-bottom:4.688rem !important; } /* 75/16 */
.pb80 {padding-bottom:80px !important; padding-bottom:5rem !important; } /* 80/16 */
.pb85 {padding-bottom:85px !important; padding-bottom:5.313rem !important; } /* 85/16 */
.pb90 {padding-bottom:90px !important; padding-bottom:5.625rem !important; } /* 90/16 */
.pb95 {padding-bottom:95px !important; padding-bottom:5.938rem !important; } /* 95/16 */
.pb100 {padding-bottom:100px !important; padding-bottom:6.25rem !important; } /* 100/16 */

.of-hi {overflow:hidden; }
.pos-r {position:relative !important;}
.pos-a {position:absolute !important;}
.color-000{color:#000 !important;}
.color-fff{color:#fff !important;}
.color-707070 { color:#707070 !important; }

/* selectbox */
select { background:#fff url('../img/bg_select_arrow.gif') right center no-repeat; width:100%; padding:7px 10px; line-height:1; letter-spacing:-0.8px; font-size:13px !important; font-size:0.8125rem; color:#303030; outline:none; border:1px solid #d5d5d5; }
/* selectbox 디자인만 */
select:not(.no-style) {
  font-family:inherit;  /* 폰트 상속 */
  border-radius:0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display:none;
}
/*input*/
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"]
 {
  height:auto;  /* 높이 초기화 */
  line-height:normal;  /* line-height 초기화 */
  padding:6px 10px;  /* 여백 설정 */
  box-sizing:border-box;
  width:100%;
  color:#303030;
  font-size:14px;
  font-family:inherit;
  border-radius:0;  /* iSO 둥근모서리 제거 */
  -webkit-appearance:none;  /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance:none;
  appearance:none;
  outline:none;
  border:1px solid #d5d5d5;
}
/*textarea*/
textarea {width:100%; border:1px solid #d5d5d5; }
input::-webkit-input-placeholder { color:#a0a0a0; font-size:14px; font-size:0.875rem; }
input:-ms-input-placeholder { color:#a0a0a0; font-size:14px; font-size:0.875rem; }
input::-moz-placeholder { color:#a0a0a0; font-size:14px; font-size:0.875rem; }
input:-moz-placeholder { color:#a0a0a0; font-size:14px; font-size:0.875rem; }

/* date */
/* input[type="date"] { background:#fff url('../img/bg_calendar.png') 95% 50% no-repeat; outline:none; font-size:13px; color:#303030; padding:8px 1%; line-height:1; border:1px solid #d5d5d5; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }
input[type="date"]::-webkit-clear-button { display: none; } */

/* 스크롤바 */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track { background-color:transparent;}
::-webkit-scrollbar-thumb { background-color:#e5e5e5; border-radius: 10px;}
html {scrollbar-3dLight-Color:transparent; scrollbar-arrow-color:#e5e5e5; scrollbar-base-color: transparent; scrollbar-Face-Color:transparent; scrollbar-Track-Color:transparent; scrollbar-DarkShadow-Color:transparent; scrollbar-Highlight-Color:transparent; scrollbar-Shadow-Color:transparent;}

/*radio, checkbox custom style*/
.check, .radio { display:inline-block; padding:0px; height:16px; line-height:16px; padding-left:21px; }
.radio { background:url('../img/btn_radio_off.png') no-repeat center left; background-size:16px 16px; color:#303030; }
.check { background:url('../img/btn_checkbox_off.png') no-repeat center left; background-size:16px 16px; }
label.c-on { background:url('../img/btn_checkbox_on.png') no-repeat center left; background-size:16px 16px; }
label.r-on { background:url('../img/btn_radio_on.png') no-repeat center left; background-size:16px 16px; color:#303030; }
label { margin:0; line-height:1.5em; letter-spacing:-0.5px; color:#707070; font-size:12px; font-size:0.75‬rem; }
.check input, .radio input { position:absolute; left:-9999px; }

#inputclear { width: 100%; }
input[type=text]:-ms-clear{ display: none; }
#inputidClear, #inputpwdClear { position:absolute; right:3%; bottom:0; width:20px; height:20px; cursor:pointer; }
#inputidClear { top:10px; }
#inputpwdClear { top:20px; }

/* 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;
}

.layerpopup.popup {
    display: none;
    width:640px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background: #fff;
    line-height: 1.625;
    letter-spacing: -0.7px;
    z-index: 30;
    overflow-X: hidden;
}
.block {
    position: fixed;
    z-index: 25;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}

/*파일찾기*/
.file_input_textbox { float:left; width:20% !important; height:26px !important; line-height:26px !important; margin-right:10px; margin-right:0.625rem; margin-top:3px; }
.file_input_div { position:relative; width:100%; }
/* .file_input_button { top:0; border:1px solid #b8a37f; width:15%; min-width:58px; height:35px; line-height:35px; text-align:center; color:#4b4b4b; font-size:12px; font-size:0.750rem; background-color:#fff; cursor:pointer; display:inline-block; } */
.file_input_hiddden { position:absolute; width:32%; height:100%; top:0; left:0; opacity:0; filter:alpha(opacity=100); }


@media screen and (max-width: 768px){
    html { font-size:12px; }
    .file_input_textbox { width:60% !important; }
    .file_input_hiddden { width:90%; }
}