@charset "utf-8";
/* Common */


@import url(notokr.css);

body{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,pre{margin:0;padding:0;font-size: 14px;color: #404040;font-family: 'Noto Sans KR';line-height: 180%;font-weight:normal;}
td,th{padding: 0;font-family: 'Noto Sans KR', sans-serif;font-weight:normal;font-size: 14px;color: #333;}
a{color: inherit;font-size: inherit;font-weight: inherit;line-height: 150%;}
body{height:100%;position:relative;overflow-y: scroll;word-break:keep-all;*word-break:keep-all;-ms-word-break:keep-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button,textarea{padding: 0;border: 1px solid #ddd;font-family: 'Noto Sans KR';box-sizing: border-box;}
img{max-width: 100%;max-height: 100%;vertical-align:top}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0;background:none;border:none;line-height: 150%;}
button::-moz-focus-inner {padding: 0;border: 0;}
a{text-decoration:none}
option{padding-right:6px}
legend{*width:0}
table{width: 100%;border-collapse:collapse;border-spacing:0}
pre{white-space: pre-line;}
span{line-height: 100%;}

/* googlemap ico*/
.map_api img{max-width:inherit;max-height:inherit;}

/* blind */
.blind{display: inline-block !important;overflow: hidden;position: absolute;top: 0;left: 0;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}

.skip_nav li a{position: absolute;left: -3000%;}
.skip_nav li a:focus{display: block;left: 0;top: 0;z-index: 2000;width: 100%;height: 30px;line-height: 30px;background-color: #039;color: #fff;text-align: center;}




/* popup Layer */
.syspop{max-width:100%;position: absolute;z-index: 1200;background-color: #fff;border: 1px solid #ccc}
.l-header{display:none;}
.l-cont{word-break: break-all}
.l-footer{width:100%;padding:10px;box-sizing:border-box;bottom: 0px;right: 0px;text-align: right}
.l-footer span{cursor: pointer}


/* position */
.por{position: relative;}
.poa{position: absolute;}
.pof{position: fixed;}

.imgz{width: 100%;}

.btn_img{cursor: pointer;border: none;}
.bdn{border: none;}
.cup{cursor: pointer;}

.fwb{font-weight: bold;}

.fred{color: #00B173;}
 
.vam{vertical-align: middle;}

/* text */
.tov{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.tov2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align: right;}

/* padding */
.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}

.pb0{padding-bottom: 0;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
.pb150{padding-bottom: 150px;}

.mt50{margin-top: 50px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}

/* display */
.dn{display: none;}
.dib{display: inline-block;}
.db{display: block;}
.dt{display: table;width: 100%;height: 100%;}
.dtr{display: table-row;width: 100%;}
.dtc{display: table-cell;vertical-align: middle;}
.ti{text-indent: -999em;}

/* float */
.fl{float: left;}
.fr{float: right;}
.flUl>li{float: left;}
.flUl:after{content: "";display: block;clear: both;}
.cb:after{content: "";display: block;clear: both;}.


/* pageNum */

.pageNum{text-align: center;padding: 50px 0 20px;}
.pageNum a{display: inline-block;width: 45px;height: 40px;margin:0 2px;line-height: 40px;background-color: #eaeaea;text-align: center;color: #999;cursor: pointer;font-weight: 300;font-size: 12px;}
.pageNum a.activ{color: #fff;font-weight: bold;background-color: #00B173;font-weight: 400;}
.pageNum a.page{width: 35px;color: #999;}

.bd_s_box{margin-top:30px;text-align: center;}
.bd_s_box .fl,.bd_s_box .fr{float: none;display: inline-block;}
.bd_s_box .bd_s_sel{width: 150px;height: 40px;border: 1px solid #cfcfcf;}
.bd_s_box .bd_s_inp{width: 300px;height: 40px;border: 1px solid #cfcfcf;}
.bd_s_inp_box{display: inline-block;}
.bd_s_box .bd_s_btn{vertical-align: bottom;}

.bx-wrapper{position: relative;}
.bx-wrapper .bx-controls{position: absolute;}

/* board pass */
.box-message{padding: 50px 0;border: 1px solid #ddd;background-color: #f7f7f7;text-align: center;}
.box-message .default{width: 250px;height: 28px;margin-top: 15px;border: 1px solid #ccc;}
.box-message .btn_img{margin-top: 15px;}

.bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; 
}

.bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  z-index: -1;       
}

.in_slide .bx-viewport,
.in_slide ul li,
.in_slide .li_box,
.in_slide .bg {
    width: 100% !important;
    height: 100vh !important;
    overflow: hidden;
    position: relative;
}

.in_slide .bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.in_slide .li_box {
    position: relative;
    width: 100%;
    height: 100vh; /* 화면 전체 높이 */
    overflow: hidden;
}


.in_slide .li_box .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
    width: 100%;
    max-width: 90%; /* 화면 폭 넘지 않도록 제한 */
}

/* t1 스타일 */
.in_slide .li_box .txt .t1,
.in_slide .li_box .txt .fz20 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* t2 스타일 */
.in_slide .li_box .txt .t2,
.in_slide .li_box .txt .fz52 {
    font-size: 52px !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* 작은 화면 대응 */
@media (max-width: 1000px) {
    .in_slide .li_box .txt .t1,
    .in_slide .li_box .txt .fz20 { font-size: 16px !important; }

    .in_slide .li_box .txt .t2,
    .in_slide .li_box .txt .fz52 { font-size: 32px !important; }
}



/* ===== 메인 슬라이드 페이지 네비(동그라미) 중앙 정렬 + 오른쪽 이동 ===== */
.in_slide .bx-controls {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    transform: translateX(40px); /* 오른쪽으로 이동 */
}

.in_slide .bx-controls .bx-pager .bx-pager-item a {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #ddd;
    text-indent: -9999px;
}

.in_slide .bx-controls .bx-pager .bx-pager-item .active { 
    background-color: #00B173 !important;
}

/* Slick Slider용 */
.slick-dots {
    display: flex !important;
    justify-content: center !important;
    margin-top: 10px !important;
    transform: translateX(15px); /* 오른쪽 이동 */
}

.slick-dots li {
    display: inline-block !important;
    margin: 0 5px !important;
}

/* in_brand 텍스트와 이미지 사이 간격 */
.in_brand .t3 {
    margin-bottom: 100px; /* 원하는 만큼 px 조절 */
}


/* in_brand 버튼 스타일 */
.in_brand .link a {
    background-color: none;  /* 배경색 */
    color: #ffffff;             /* 글자색 */
    border-radius: 5px;         /* 모서리 둥글기 */
    border: none;               /* 테두리 제거 */
    text-decoration: none;      /* 밑줄 제거 */
    font-weight: normal;        /* 글자 굵기 */
    padding: 12px 50px;         /* 버튼 크기 */
}
/* full_width_brand 버튼 스타일 */
.full_width_brand .link a {
    background-color: #000000;  /* 배경색 */
    color: #fff;                /* 글자색 */
    border-radius: 5px;         /* 모서리 둥글기 */
    border: none;  /* 테두리 색 */
    text-decoration: none;      /* 밑줄 제거 */
    font-weight: normal;        /* 글자 굵기 */
    padding: 12px 40px;         /* 버튼 크기 */
}



/* 버튼 스타일 */
.in_best_menu .more_btn a {
    display: inline-block;
    background-color: #000000;
    color: #ffffff;
    border-radius: 3px;
    border: none;
    text-decoration: none;
    font-weight: normal;
    padding: 12px 50px;
}

.in_best_menu .slide {
    transform: translateX(10px);
}

.in_best_menu .h2_box {
    transform: translate(300px, 80px); /* 오른쪽 30px, 아래로 70px 이동 */
}

/* 버튼 스타일 변경 */
.in_best_menu .more_btn a {
    display: inline-block;
    background-color: #000000;   /* 배경색 변경 */
    color: #fff;                  /* 글자색 */
    border-radius: 5px;          /* 둥근 모서리 */
    padding: 15px 50px;           /* 버튼 크기 */
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    transition: all 0.3s ease;    /* 마우스 오버 부드럽게 */
}

/* 텍스트 위치 조정 */
.in_best_menu .h2_box {
    transform: translate(300px, 250px);
}

/* 이미지 위치 조정 */
.in_best_menu .slide {
    transform: translate(1000px, -200px);
}

/* slide 이미지 크기 제한 */
.in_best_menu .slide .img img {
    width: auto;                  /* 원본 비율 유지 */
    max-width: 400px;             /* 최대 너비 지정 */
    height: auto;                 /* 높이 비율 유지 */
}