@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 }


/*
  메뉴
--------------------------------------------------------------------
*/
:root {
  --topmenu_height: 170px; /* 상단메뉴 높이 */
  --topmenu_left_margin: 200px;
  --topmenu_pos_color: #FFFFB3; /* 위치바 색 변경 */
  --submenu_hover_bg_color: none; /* 오버시 서브메뉴 배경색 */
  --submenu_hover_font_color: #fff; /* 메뉴배경 색상지정 */
  --submenu_hover_sm2_color: #8C0052; /* 메뉴배경 색상지정 */
}
#header { position:fixed; top:0px; left:0; width:100%; height:var(--topmenu_height); display:block; border-bottom: 1px solid rgba(255,255,255,0.2);  }
#header .gnb { position:relative; width: 100%; margin:0px auto 0; height:var(--topmenu_height); }
/*
#header .gnb .top_open  { position:absolute; top:-10px; left:50px; }
#header .gnb .wrap-tel  { position:absolute; top:-2px; right:50px; }
#header .gnb .logo { width:324px; height:50px; margin:0px auto; margin-top:52px; z-index: 103; }
#header .gnb .logo a {width:324px; height:50px; }
*/
.gnb_line { position:absolute; top:40px; width:100%; height:1px; border-top:1px solid #fff; filter:alpha(opacity=30); opacity:0.3;}
/*.topmenu { position:relative; display:inline-block; margin-left:var(--topmenu_left_margin); top:38px; left:3%; z-index: 102; }*/
#header .topmenu { position:relative; display:inline-block; margin: 38px auto 0; z-index: 102; }
#header .topmenu .m {
  position:relative; display:inline-block; font-weight:normal; padding: 15px 50px 15px;
  font-family: "Noto Sans KR", 'Noto Sans', sans-serif, "Nanum Gothic"; font-size:1.1rem; line-height:22px; color:#fff;
}
#header .topmenu .m > span { font-size:11px; color:#D1D1D1; font-weight:normal; }
#header .topmenu > ul { list-style:none; padding:0; }
#header .topmenu > ul > li { float:left; margin:0; padding:0; line-height:0px; }
#header .topmenu > ul > li > a { display:inline-block; font-size:1.1rem; color:#fff; text-align:center;  padding:15px; }
#header .topmenu ul:after { clear:both; display:block; content:""; }

#header .topmenu ul:after { clear:both; display:block; content:""; }
#header .topmenu li .submenu {
  line-height:20px;
  /*background:url(../img/topmenu_line.png) repeat-y;*/
  position:relative; width:100%;
}

#header .topmenu .submenu .sm a, #header .topmenu .submenu .sm2 a {
  position:relative; display:inline-block; color:#fff; font-size:1rem; letter-spacing:-0.5px;
  padding:6px 0px 7px; width:100%; text-align:center;
  transition:all .2s ease 0s; font-weight: 400;
  font-family: "Noto Sans KR", 'Noto Sans', sans-serif, "Nanum Gothic";
}
#wrap-topmenu { position:relative; text-align:center;  }


/* 서브2가 있는 메뉴   */
#header .topmenu .submenu .sm a.sub2_exists {
  font-size: 1rem; color: #000; font-weight: 600;
}

#header .topmenu .submenu .sm a:hover, #header .topmenu .submenu .sm a.sub2_exists:hover {
  background-color: var(--submenu_hover_bg_color);
  color:#FFFFB3; /* 오버서 서브텍스트 색 */
  font-weight:600;
}

#header .topmenu .submenu .sm2 a:hover { font-weight: 600; color:var(--submenu_hover_sm2_color); }

.topmenu-bg {
  position:fixed; width:100%; filter:alpha(opacity=100); opacity:1;
  top:var(--topmenu_height);
  background-color: #000;
  height:0px;  /*메뉴배경 높이 */
  z-index:101;
  display: block;
}

/* 서브메뉴높이지정 */
#header .topmenu .submenu { position:relative; z-index:101; display: none; }

/*#header .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color:#000; filter:alpha(opacity=0); opacity:0; }*/
#header .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color:none; filter:alpha(opacity=70); opacity:0.7; }
#header.on .bg { background-color:none; filter:alpha(opacity=70); opacity:0.7; border-bottom:0px solid #ccc;}
#header.scrollon .bg { background-color:#000; filter:alpha(opacity=60); opacity:0.6; border-bottom:0px solid #ccc;}
/* 그라디언트
#header .bg { position:absolute; width:100%; height:100%; 
        background: linear-gradient(to top,
        rgba(20,20,20, 0) 10%,
        rgba(20,20,20, 0.15) 15%,
        rgba(20,20,20, 0.5) 50%,
        rgba(20,20,20, 0.75) 75%,
        rgba(20,20,20, 1) 100%);
        filter:alpha(opacity=70); opacity:0.7; }
*/
#header.on .gnb .logo a, #header.on .gnb .tel { color:#fff;}
#header.on .topmenu .m { color:#fff; }
#header.on .topmenu .submenu { display:block; top:20px; }


/* 메뉴 위치 바 */
#header .topmenu .m .pos {
  position:absolute; bottom:2px; left:50%; transform:translateX(-50%); width:0%; height:3px;
  background-color:#FFFFB3;
  transition: all 0.3s ease 0s; font-family: inherit;
}
#header .topmenu .m.on .pos { width:60%; }
#header .topmenu .m.on { font-weight: 600; color:var(--topmenu_pos_color) !important; }

.full-bg { position:absolute; width:100%; height:100%; background-color:#000;  filter:alpha(opacity=80); opacity:0.8; display:none; z-index:101;}





/* 오리발 - 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 .copyimg { position:absolute; display:inline-block; top:0px; right:0px;  }
footer .copyright .copyimg span { position:relative; display:block; text-align:right  }
footer .copyright .copyimg .copy1 img { position:relative; width:80% }
footer .copyright .copyimg .copy2 { margin-top:15px }

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