@import url('font.css');

/* ========================
   PC CSS
======================== */
.quick { position:fixed; bottom:30px; right:10px; z-index:9;}
.quick ul li { margin:10px 0; text-align:center; }
.quick ul li img { height:80px; }

/* 말풍선 기준 위치 */
.quick ul li.quick-call { position:relative; }

/* 말풍선 기본 박스 (PC 전용) */
.call-tooltip {
  display:none;
  position:absolute;
  right:calc(100% + 12px);
  top:50%;
  transform:translateY(-50%);
  background:#fff;
  color:#333;
  padding:20px 30px;
  border-radius:10px;
  white-space:nowrap;
  box-shadow:0 4px 15px rgba(0,0,0,0.25);
  z-index:99;
  text-align:center;
}

/* 말풍선 오른쪽 꼬리표 */
.call-tooltip::after {
  content:'';
  position:absolute;
  top:50%;
  right:-6px;
  transform:translateY(-50%);
  border-width:6px 0 6px 6px;
  border-style:solid;
  border-color:transparent transparent transparent #fff;
}

/* 말풍선 내부 텍스트 */
.call-tooltip .sub-txt {
  display:block;
  font-size:16px;
  color:#666;
  margin-bottom:6px;
  line-height:1;
}

/* 전화번호 텍스트 (클릭 불가) */
.call-tooltip .tel-text {
  display:block;
  font-size:20px;
  font-weight:700;
  color:#222;
  letter-spacing:0.5px;
  line-height:1.2;
  cursor:default;
  user-select:all; /* 번호 드래그/복사는 편리하도록 허용 */
}

/* 클릭 활성화 시 노출 */
.call-tooltip.on {
  display:block;
}

/* ========================
   Mobile CSS
======================== */
@media screen and (max-width: 768px) {
  .quick { position:fixed; bottom:0; right:0; background:#e6e6e6; width:100%; height:40px; padding:20px 0; z-index:9;}
  .quick ul { display:flex; justify-content:space-between; flex-wrap:wrap;} 
  .quick ul li { width:33.3%; margin:auto 0; text-align:center; }
  .quick ul li img { height:40px; }
  
  /* 모바일에서는 말풍선 숨김 */
  .call-tooltip,
  .call-tooltip.on {
    display:none !important;
  }
}




@media (min-width:1600px) {

/* 헤더 */
header {
    width: 100%;
    height:0;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color:#;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}
	
#header { position:; width: 100%;
    height: 100px;
    z-index: 10;
    background-color:#151515;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}	
#header.active {
    background:rgba(15,15,15,1.0);
}
#header.active a {
    color:#;
}

#header.active .pc_nav > ul > li > ul > li > a { color:#bbb; }

#header.active .pc_nav > ul > li > a:hover, .pc_nav > ul > li > a.on {
    color:#dc2923;
}

#header.active .pc_nav > ul > li > ul > li > a.on, #header.active .pc_nav > ul > li > ul > li > a:hover {
    color:#dc2923;
}



/* 모바일 삼선메뉴
#header.active #burgerbtn { background:url(../images/all_menu_ov.png); } */
/*
#header.active .pc_nav > ul > li > a { color:#fff; }
#header.active .pc_nav > ul > li > ul > li > a { color:#b9c0df; }
#header.active .pc_nav > ul > li > ul > li > a:hover { color:#fff; }
*/
   
.header_wrap { position:; top:0; background:; box-shadow:0 0 8px rgba(0,0,0,0.0); border-bottom:0px solid #dedede; width:100%; z-index:9; }
.header_wrap > .wrapper { position:relative; }
.header_wrap > .wrapper > .logo { position:absolute; padding:25px 0; left:5%; z-index:9; }
.header_wrap > .wrapper > .logo img { height:;}
.header_wrap > .wrapper .gnb { position:absolute; padding:32px 0; right:5%; z-index:9; }
.header_wrap > .wrapper .gnb ul { display:flex;}
.header_wrap > .wrapper .gnb ul li a { display:inline-block; border-radius:30px; background:#c8c8c8; padding:3px 15px; margin-left:10px; font-size:0.9rem; font-weight:600; color:#333; transition:.3s; }
.header_wrap > .wrapper .gnb ul li a:hover { background:#fff; }
.header_wrap > .wrapper .gnb ul li img { display:inline-block; margin:5px 0 0; } 
.header_wrap > .wrapper .gnb ul li .gnb_ico { display:inline-block; background:url(../images/gnb_ico.png) 0 8px no-repeat; background-size:55px; width:60px; }
.header_wrap > .wrapper .gnb ul li span { color:#fff25d;}

/* 푸터 */
#footer{ padding:70px 0 50px; background:#151515; z-index:9;}
#footer .top { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#footer .top .admin { margin:auto 0; }
#footer .top .admin li { display:inline-block; padding:0 10px 0 0; font-size:0.9em; font-weight:500; line-height:25px;}
#footer .top .admin li:last-child{ padding:0;}
#footer .top .admin li a { color:#fff; line-height:25px; transition:.3s; }
#footer .top .admin li a:hover { color:#0078ff; }
#footer .top .footer_logo { order:2; margin:auto 0; }
#footer .bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #4c4c4c; margin:30px auto 0; padding:30px 0 0; width:90%; max-width:1600px; }
#footer .bottom .address { margin:auto 0; font-size:0.9em !important; color:#b2b2b2; line-height:2.0em; letter-spacing:0;}
#footer .bottom .copyright  { margin:auto 0; font-size:0.9em; color:#b2b2b2; }
#footer .bottom .copyright span { display:inline-block; margin:0 10px; }

}



@media (min-width:768px) and (max-width:1599px){
	
html { background:#fff;
  text-decoration:none; font-size:16px; font-weight:500; color:#444; letter-spacing:0; line-height:1.7em; word-break:keep-all;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  overflow-x:hidden; /* 가로 스크롤 X */
}
	
/* 헤더 */
header {
    width: 100%;
    height: ;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color:;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}
	
#header { position:absolute; width: 100%;
    height:100px;
    z-index: 10;
    top: 0px;
    position: ;
    background-color:#151515;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}	
#header.active {
    background:rgba(15,15,15,1.0);
}
#header.active a {
    color:#;
}

/* 모바일 삼선메뉴
#header.active #burgerbtn { background:url(../images/all_menu_ov.png); } */
/*
#header.active .pc_nav > ul > li > a { color:#fff; }
#header.active .pc_nav > ul > li > ul > li > a { color:#b9c0df; }
#header.active .pc_nav > ul > li > ul > li > a:hover { color:#fff; }
*/
   
.header_wrap { position:; top:0; background:; box-shadow:0 0 8px rgba(0,0,0,0.0); border-bottom:0px solid #dedede; width:100%; z-index:9; }
.header_wrap > .wrapper { position:relative; }
.header_wrap > .wrapper > .logo { position:absolute; padding:25px 0; left:5%; z-index:9; }
.header_wrap > .wrapper > .logo img {  }
.header_wrap > .wrapper .gnb { position:absolute; padding:32px 0; right:5%; z-index:9; }
.header_wrap > .wrapper .gnb ul { display:flex;}
.header_wrap > .wrapper .gnb ul li a { display:inline-block; border-radius:30px; background:#c8c8c8; padding:3px 15px; margin-left:10px; font-size:0.9rem; font-weight:600; color:#333; transition:.3s; }
.header_wrap > .wrapper .gnb ul li a:hover { background:#fff; }
.header_wrap > .wrapper .gnb ul li img { display:inline-block; margin:4px 0 0; } 
.header_wrap > .wrapper .gnb ul li .gnb_ico { display:inline-block; background:url(../images/gnb_ico.png) 0 8px no-repeat; background-size:55px; width:60px; }
.header_wrap > .wrapper .gnb ul li span { color:#fff25d;}

/* 푸터 */
#footer{ padding:50px 0 20px; background:#151515; z-index:9;}
#footer .top { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#footer .top .admin { margin:auto 0; }
#footer .top .admin li {display:inline-block; padding:0 10px 0 0; font-size:0.8em; font-weight:500; line-height:25px;}
#footer .top .admin li:last-child{ padding:0;}
#footer .top .admin li a{ color:#fff; line-height:25px;}
#footer .top .admin li a:hover { color:#0078ff; }
#footer .top .footer_logo { order:2; width:15%; margin:auto 0; }
#footer .top .footer_logo img { width:100%; }
#footer .bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #4c4c4c; margin:20px auto 0; padding:20px 0 0; width:90%; }
#footer .bottom .address { width:100%; margin:auto 0; font-size:0.8em !important; color:#b2b2b2; line-height:2.0em; letter-spacing:0;}
#footer .bottom .copyright  { font-size:0.8em; color:#b2b2b2; }
#footer .bottom .copyright span { display:inline-block; margin:10px 0 0; }

.quick ul li img { height:60px; }

}





@media (max-width:767px){
	
	
html { background:#fff;
  text-decoration:none; font-family: 'Pretendard Variable', 'Noto Sans KR', '맑은 고딕', Helvetica, sans-serif; font-size:14px; font-weight:400; color:#444; letter-spacing:0; line-height:1.5em; word-break:keep-all;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* 헤더 */
header {
    width: 100%;
    height: ;
    z-index: 10;
    top: 0px;
    position: fixed;
    background-color: #;
    border-bottom: 0px solid rgba(150, 150, 150, 0.0);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}
	
#header { width: 100%;
    height: 60px;
    z-index: 10;
    top: 0px;
    position: ;
    background-color:#151515;
    border-bottom: 0px solid rgba(150, 150, 150, 0.2);
    box-sizing: border-box;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;}	
#header.active {
    background:rgba(15,15,15,1.0);
}
#header.active a {
    color:#;
}

/* 모바일 삼선메뉴
#header.active #burgerbtn {  background:url(../images/all_menu_ov.png); }
#header.active #tel h2 a { color:#1149a5; }*/


.header_wrap { position:relative; top:0; background:rgba(0,0,0,0.0); box-shadow:0 0 8px rgba(0,0,0,0.1); border-bottom:0px solid #dedede; width:100%; height:; z-index:9;}
.header_wrap .wrapper { position:relative; width:90%; margin:0 auto; }
.header_wrap .wrapper .logo { position:absolute; top:11px; left:2%; z-index:; }
.header_wrap .wrapper .logo img { height:40px; }
.header_wrap > .wrapper .gnb { display:none; }

/* 푸터 */
#footer{ padding:40px 0 120px; background:#151515; z-index:9;}
#footer .top { margin:0 auto; width:85%; }
#footer .bottom .address { font-size:0.8em !important; color:#b2b2b2; line-height:1.5em; letter-spacing:0;}
#footer .top .footer_logo { margin:0 0 20px; }
#footer .top .footer_logo img { height:40px; }
#footer .bottom { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #4c4c4c; margin:15px auto 0; width:85%; padding:15px 0 0;  }
#footer .top .admin li {display:inline-block; padding:0 5px 0 0; font-size:0.8em; font-weight:500; line-height:25px;}
#footer .top .admin li:last-child{ padding:0;}
#footer .top .admin li a{ color:#fff; line-height:25px;}
#footer .top .admin li:last-child { display:none; }
#footer .bottom .copyright  { font-size:0.8em; color:#b2b2b2; }
#footer .bottom .copyright span { display:inline-block; margin:10px 0 0; }
	
/*
.quick { position:fixed; bottom:0; right:0; background:#e6e6e6; width:100%; height:40px; padding:20px 0; z-index:9;}
.quick ul { display:flex; justify-content:space-between; flex-wrap:wrap;} 
.quick ul li { width:33.3%; margin:auto 0; text-align:center; }
.quick ul li img { height:40px; }
*/

}