/* 폰트 */
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 100;
    src: url('/fonts/notosanskr-light.woff2') format('woff2'),
      url('/fonts/notosanskr-light.woff') format('woff')
  }
  
  @font-face {
    font-family: 'Noto Sans KR';
    src: url('/fonts/notosanskr-light.woff2') format('woff2'),
      url('/fonts/notosanskr-light.woff') format('woff')
  }
  
  @font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    src: url('/fonts/notosanskr-regular.woff2') format('woff2'),
          url('/fonts/notosanskr-regular.woff') format('woff')
  }
  
  @font-face {
    font-family: 'Noto Sans KR';
    font-weight: 500;
    src: url('/fonts/notosanskr-medium.woff2') format('woff2'),
          url('/fonts/notosanskr-medium.woff') format('woff')
  }
  
  @font-face {
    font-family: 'Noto Sans KR';
    font-weight: 900;
    src: url('/fonts/notosanskr-bold.woff2') format('woff2'),
          url('/fonts/notosanskr-bold.woff') format('woff')
  
  }

* { margin: 0; padding: 0; box-sizing: border-box; word-break:break-all; position: relative; font-family: "Noto Sans KR", sans-serif; letter-spacing: -1px; outline: none !important; }
*:focus { outline: none; }
*::selection { background-color: #000; color: #FFF; }
html, body { width: 100%; min-width: 1200px; height: 100%; float: left; color: #333; font-size: 14px; }
body{/* overflow-x: hidden;*/ background: #F9F9F9;}
#wrap { width: 100%; height: 100%; float: left; }

a { color: inherit; text-decoration: none; }
img { max-width:100%; vertical-align: middle; }
ul, li { list-style: none; }
button { border: 0; cursor: pointer; }
table { table-layout: fixed; border-collapse: separate; border-spacing: 0; }
tspan { letter-spacing: -0.5px !important; }
label { cursor: pointer; }
label > .on { display: none; color: #3366CC; }
label > .off { display: inline-block; color: #CCC; }
input[type="checkbox"], input[type="radio"] { display: none; }
input[type="checkbox"]:checked + label > .on { display: inline-block; }
input[type="checkbox"]:checked + label > .off { display: none; }
input[type="radio"]:checked + label > .on { display: inline-block; }
input[type="radio"]:checked + label > .off { display: none; }
input[type=text] {padding: 0 15px; border: 1px solid #E1E1E1;}
input[type=password] {padding: 0 15px; border: 1px solid #E1E1E1;}
input::placeholder{color: #ccc;}
textarea{border: none; padding-left: 15px; background: none; overflow: hidden; overflow-wrap: break-word; resize: none;}
textarea::placeholder{color: #ccc;}

.lp0{letter-spacing: 0;}
.lp1{letter-spacing: 1;}
.lp2{letter-spacing: 2;}

/* 색상 */
.main_color{color: #F34D33 !important;} /*메인색상*/
.color_ccc{color: #ccc !important;}
.color_999{color: #999 !important;}
.color_666{color: #666 !important;}
.color_333{color: #333 !important;}

/* 폰트 굵기 */
.font_r{font-weight: 400 !important;}
.font_m{font-weight: 500 !important;}
.font_b{font-weight: bold !important;}

/* 마진 */
.margin_top10{margin-top: 10px !important;}
.margin_top15{margin-top: 15px !important;}
.margin_top20{margin-top: 20px !important;}
.margin_top30{margin-top: 30px !important;}
.margin_top50{margin-top: 50px !important;}
.margin_bot50{margin-bottom: 50px !important;}
.margin_left5{margin-left: 5px !important;}
.margin_left10{margin-left: 10px !important;}
.margin_right5{margin-right: 5px !important;}
.margin_right10{margin-right: 10px !important;}
.margin_left0{margin-left: 0 !important;}
.margin_right0{margin-right: 0 !important;}
.margin_top0{margin-top: 0 !important;}
.margin_bottom0{margin-bottom: 0 !important;}

/* 여백(padding) */
.padding_left_none{padding-left: 0 !important;}
.padding_right_none{padding-right: 0 !important;}
.padding_top_none{padding-top: 0 !important;}
.padding_bottom_none{padding-bottom: 0 !important;}

/* 마이페이지, 팝업 등 탭메뉴 */
.tab_warp.tab_100{min-width: 100% !important;}
.tab_warp.tab_100 > div{width: 100% !important; margin: 0 !important;}

/* style */
.display_none { display:none; }
.font_size12 { font-size: 12px; }

/* 커서포인터 */
.cursor_pointer{cursor: pointer;}

/* 한줄일때 텍스트 처리 */
.text_hidden_1{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 텍스트 정렬 */
.tal { text-align: left !important;}
.tac { text-align: center !important;}
.tar { text-align: right !important;}

/* 가로 사이즈 ( width ) */
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w55 { width: 55% !important; }
.w70 {width: 70% !important;}
.w75 { width: 75% !important; }
.w100 { width: 100% !important; }

/* 회색 라인 */
.gray_line{width: 100%; float: left; height: 1px; background:  #E1E1E1;}
.line_margin_s{margin: 10px 0;} /*셀렉트박스-삭제,엑셀버튼 사이*/
.line_margin_m{margin: 35px 0;} /*공통 타이틀 박스-키워드조회, 주소 검색 박스 사이*/
.line_margin_l{margin: 55px 0;}

/* 텍스트 호버 언더라인 */
.under_line:hover{text-decoration: underline;}

.common_box{
    width: 100%;
    float:left;
    min-width:1300px;
}

.common_box > div{
    width: 1300px;
    margin: 0 auto;
}

.common_box > div > div{
    width: 100%;
    float: left;
}