@charset "utf-8";

/* 나눔고딕 web font */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nanum+Myeongjo&family=Noto+Serif+KR:wght@200..900&family=Teko:wght@300..700&family=Tektur:wght@400..900&display=swap');

/*
  font-family: 'Nanum Gothic', sans-serif;
  font-family: 'Noto Sans KR', sans-serif;
  font-family: 'Nanum Square';
  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
  font-family: "Inter", sans-serif;
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


/*
10px  0.625rem
11px  0.6875rem
12px  0.75rem
13px  0.8125rem
14px  0.875rem
15px  0.9375rem
16px  1rem
*/

/*
  BootStrap Reset
*/

html, body {
  /*font-size: 0.8125rem;*/ /*13px*/
  position:relative;
  font-size: 1rem; 
  width:100%; height:100%;
 font-smooth: always; -webkit-font-smoothing: antialiased;
}
body::-webkit-scrollbar { display: none; }
body, code, kbd {
  font-family: "Noto Sans KR", 'Noto Sans', sans-serif, "Nanum Gothic",
               -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
               "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Noto Sans KR', sans-serif; font-weight:600 ; }

/* tooltip color change */
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #FF0000;
  border-radius: 0.25rem;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #FF0000;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #FF0000;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #FF0000;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #FF0000;
}

/* Paging */
.page-link { color: #141414; background-color: #fff; border: 1px solid #dee2e6; font-size: inherit; }
.page-item.active .page-link { color: #fff;  background-color: #000; border-color: #000; }

.btn, .form-control { border-radius:0 !important;}


/***************************
  공통 상단메뉴
***************************/
#wrapper { position:relative; width:100%; height:100%;  font-family: "Noto Sans KR", 'Noto Sans', sans-serif, "Nanum Gothic"; }
a, a:hover { color:#141414; text-decoration: none !important;}
#header { position:fixed; top:0; left:0; width:100%; z-index:101; display:block }




/* 오리발 - PC */
.duck-box {
  position: relative; width:100%; border:1px solid #ddd; background-color:#f5f5f5; color:#7e7e7e;
  padding:20px; margin-top:20px;
}
ul.duck, div.duck { position: relative; display: block; list-style-type: none; padding: 0px 20px 0px; color: #7e7e7e;}
ul.duck li:before, div.duck > div:before {
  content: "※";
  margin-left: -1.1rem !important;
  margin-right: 3px;
}
ul.duck li.noduck, div.duck > div.noduck  { margin:0px -20px !important; }
ul.duck li.noduck:before, div.duck > div.noduck:before { content:''; margin-left: 0px !important;}
ul.duck li, div.duck > div { font-size:0.825rem; color:#959595; letter-spacing:-.5px; word-break: keep-all;}
ul.duck li.blue, div.duck > div.blue { color:#0065B0;}
ul.duck li.red, div.duck > div.red { color:#E37782;}
ul.duck li.b500, div.duck > div.b500 { font-weight: 500;}
ul.duck li.bold, div.duck > div.bold { font-weight: 600;}
ul.duck li.b700, div.duck > div.b700 { font-weight: 700;}



#tip {
  position: relative; width:100%; border:1px solid #ddd; background-color:#f5f5f5; color:#7e7e7e; padding:20px; margin-top:20px;
  font-size:0.75rem; letter-spacing: -0.5px;
}
#tip .tt1 { color:#7e7e7e;}
#tip .tt2 { color:#cf0000;}


/***************************
  ## 카피라이터
***************************/
footer { position:relative; background-color:#fff; border-top:1px solid #f2f2f2; padding:50px 0 60px;}
footer .btn-private { position: absolute; top:20px; right:20px; font-size: 0.875rem; color:#ACACAC }
footer .copyright { position:relative; width:1400px; margin: 0 auto;  font-size: 0.75rem;}

footer .copyright .copy1 img { position:relative; width:500px; margin-bottom:20px; }
footer .copyright .copy2 { position: absolute; top: 0px; right: 0px;}
footer .copyright .copy2 img { width: 380px; }
footer .copyright .copy2 span {
  position: relative; display: inline-block; font-size:1.8rem; font-weight: 800; letter-spacing: -1.5px; margin-top: 5px;
  color: #000;
}
footer .copyright .copy2 .bi { font-size:1.5rem }

footer .copyright .txt { position:relative; text-align:left; color:#333333; letter-spacing:0px; }
footer .copyright .txt.text1 { margin-bottom: 20px}
footer .copyright .txt.text2 { letter-spacing:0px }





/*
  ## ect 설정
*/
.bx-wrapper {
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border: 0px solid #fff !important;
  background: transparent;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -40px; }
.bx-wrapper .bx-pager.bx-default-pager a {
  width:12px; height:12px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background: #fff;
  border:1px solid #000;
}