/* BASIC css start */
/* main Swiper */
.mv {position: relative; }
.main-swiper-container {position: relative; padding: 0px !important;}
.main-swiper-container .swiper-slide {background:#ddd; width:100%;}
.main-swiper-container .swiper-slide img {width:100%;}
.main-swiper-container .swiper-slide .mainBnr_txt {position:absolute; bottom:74px; margin-left:15px;}
.main-swiper-container .swiper-slide-active .mainBnr_txt { left:0px;}
.main-swiper-container .swiper-slide-active .mainBnr_txt .subTitle {font-size:15px; line-height: 1.6; animation: fadeInLeft1 1s forwards; left:0px; position: relative;}
.main-swiper-container .swiper-slide-active .mainBnr_txt .mainTitle {margin-top: 10px; animation: fadeInLeft1 1.2s forwards; animation-delay: 0.15s; left:0px; position: relative;}
.main-swiper-container .swiper-slide .mainBnr_txt .subTitle {font-size:15px; line-height: 1.6; position: relative;}
.main-swiper-container .swiper-slide .mainBnr_txt .mainTitle {margin-top: 10px; position: relative;}
.main-swiper-container .swiper-slide .mainBnr_txt .mainTitle span {margin-bottom: 10px; font-size: 28px; font-weight: bold; background: #000; color: #fff; padding: 2px 10px 3px; line-height: 1.6;}

.main-swiper-container .swiper_bottom {position: relative; display: flex; justify-content: space-between; flex-direction: row-reverse; bottom: 13px;}
.main-swiper-container .swiper_bottom .swiper_button {position: relative; width: 24%; bottom: 22px; right:14px; z-index:10;}
.main-swiper-container .swiper_bottom .swiper_button i {font-size:35px; color:#000; }
.main-swiper-container .swiper-button-next, .main-swiper-container .swiper-button-prev {background-image:none;}
.main-swiper-container .swiper-button-next::after, .main-swiper-container .swiper-button-prev::after {display: none;}    
    
.main-swiper-container .main-swiper-pagination {position: absolute; bottom: 17px !important; left: 50% !important; transform:translateX(-50%); z-index: 10;}
.main-swiper-container .main-swiper-pagination span{ margin: 0 3px;}
.main-swiper-container .main-swiper-pagination .swiper-pagination-bullet-active{ background: #02B3B2;}
/* .main-swiper-container .main-swiper-pagination.swiper-pagination-progressbar { bottom: 142px; top: unset;left: 15px; margin:0 !important; position: absolute; z-index: 1; width: 61% !important; height: 2px; background: rgba(0,0,0,0.25);} */
/* .main-swiper-container .main-swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: rgba(165,134,102,1);} */

/* 슬라이드 공통 */ 
.swiper-container {padding:0 15px !important; min-height:260px;}
.swiper-slide .thumb a img {width:100%; border: 1px solid #dedede; box-sizing: border-box;}
.swiper-wrapper.item-cont2 {margin:0 0 30px 0;}
.bx-wrapper {height:340px;}
.swiper-pagination {position:relative; margin-top:30px; }
/* .swiper-pagination-progressbar {top:auto !important; bottom:0; margin: 0 15px; width: calc(100% - 30px) !important;} */
/* .swiper-pagination-progressbar {height:2px !important;} */
/* .swiper-pagination-progressbar-fill {background:#4E4B4B !important;} */

/* 배너 영역 */

.bannerWrap{ margin: 60px 0; padding: 0 15px; }
.bannerWrap .bn { width: 100%; height: 170px; background: #e2e2e2; margin: 10px 0;}
.bannerWrap .bn a{ display: block; height: 100%;}
.bannerWrap .banner_tit{ height: 100%; padding: 20px 15px 0 25px; justify-content: center;}
.bannerWrap .banner_tit div {display:inline-block;   vertical-align: middle; margin-top:30px; }


.bannerWrap .banner_tit h3{ font-size: 18px; font-weight: 700; color: #fff; padding-bottom:8px; }
.bannerWrap .banner_tit span{ font-size: 13px; color: #fff; letter-spacing: -1px; line-height: 20px; display: block;}
.bannerWrap .banner_tit p { width: 70px; height: 16px; color: #FF5E00; padding: 5px 8px; border: 2px solid #FF5E00; text-align: center; border-radius: 20px; margin-top: 12px;}
.bannerWrap .banner_tit p:hover { background: #ff5e00; color: #fff;}
.bannerWrap .main_banner {border-radius:10px; background:url(/design/nvut2414/image/quotation_mo.png) no-repeat; background-size: cover; }
.bannerWrap .sub_banner {border-radius:10px; background:url(/design/nvut2414/banner/pc_banner_naver.jpg) no-repeat; background-size: cover; }
.bannerWrap .sub_banner:last-child {border-radius:10px; background:url(/design/nvut2414/banner/pc_banner_kakao.jpg) no-repeat; background-size: cover; }

.secWrap { text-align: center; padding: 0 15px; margin: 0 0 40px 0;}
.secWrap h3 { font-size: 26px; font-weight: bold; text-align: left;}
.secWrap ul {width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; text-align:left; font-size:0;}
.secWrap li {width:calc((100% - 20px)/2); display:inline-block; vertical-align: top; text-align:left; margin-top: 40px;}
.secWrap li a {display: block;}
.secWrap li img.listPic {width:100%;}
.secWrap .prd-info {margin-top:10px; text-align:left; font-size:12px;}

.more{margin: 30px 0 100px 0;}



/* 배너 - HP AI */
.bannerWrap .main_banner_sec {border-radius:10px; background:url(/design/nvut2414/banner/pc_banner_ai.jpg) no-repeat; background-size: cover; background-position-y:20%;}
.bannerWrap .banner_sec{ height: 100%; padding: 20px 15px 0 25px; justify-content: center;}
.bannerWrap .banner_sec .sec_tit {vertical-align: middle; margin-top:30px; }
.bannerWrap .banner_sec div {vertical-align: middle; margin-top:15px; }
.bannerWrap .banner_sec h3{ font-size: 26px; font-weight: 500; color: #fff; padding-bottom:8px; }
.bannerWrap .banner_sec span{ font-size: 18px; color: #fff; letter-spacing: -1px; line-height: 24px; display: block;}


/* 배너 - 워크스테이션 */
.bannerWrap .main_banner_trd {border-radius:10px; background:url(/design/nvut2414/banner/pc_banner_wk.jpg) no-repeat; background-size: cover; background-position:center;}
.bannerWrap .banner_trd{ height: 100%; padding: 20px 15px 0 25px; justify-content: center;}
.bannerWrap .banner_trd .sec_tit {vertical-align: middle; margin-top:30px; }
.bannerWrap .banner_trd div {vertical-align: middle; margin-top:15px; }
.bannerWrap .banner_trd h3{ font-size: 30px; line-height:35px; font-weight: 500; color: #171717; padding-bottom:8px; float:right; margin-right:15px;}
.bannerWrap .banner_trd h3 span{color: #fff;}




/* 회사 소개 글 */

.companyIntro { position: relative; width: 100%; height: 350px;}
.companyIntro .com_bg { height: 100%; overflow: hidden;}
.companyIntro .com_bg img{ width: 100%; height: 100%;}
.companyIntro .titleArea{ position: absolute; bottom: 56px; padding: 0 15px; color:#fff; line-height: 26px; letter-spacing: -1px;}
.companyIntro .titleArea .main_tit{ font-size: 20px; font-weight: bold;}
.companyIntro .titleArea .main_tit2{ font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.companyIntro .titleArea .title_desc{ font-size: 15px; line-height: 25px;}

/* 문의 게시판 */

.inquiryBoardWrap { padding: 70px 0 20px 0; background: #EFEFEF;}
.boardWrap {margin: 0 0 50px 0; padding: 0 15px;}
.boardWrap h3{ font-size: 15px;}
.boardWrap colgroup { background: #fff;}
.boardWrap .sellWrap{ margin: 0 0 40px 0; background:#A7A7A7;}
.boardWrap .boardList {}
.boardWrap .boardList table {width: 100%;}
.boardWrap .boardList thead th {font-size: 14px; color: #000; font-weight: 500;  padding: 11px 0; }
.boardWrap .boardList tbody td {color: #343434; padding:7px 0;}
.boardWrap .boardList tbody td .tb-left {padding-left: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boardWrap .boardList tbody td .tb-center {text-align:center; font-size: 14px;}
.boardWrap .help_btn {width: 60px; height:24px; background:#3f4142; color:#fff; font-size:12px; border-radius:6px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); margin: 20px 0 0; border:0; float: right;}
.boardWrap .help_btn i {font-size:14px; color:#fff;}

.title_area { display: flex; justify-content: space-between; align-items: center; background: #000; color: #fff; padding: 10px 27px; border-bottom: 3px solid #02b3b2;}
.title_area .btn_moreSmall { background: #02B3B2; padding: 2px 9px; color: #fff; border:none; text-transform:uppercase; font-size: 8px;}

.prd-subname { color: #FF5E00;}
.listSubname { color: #FF5E00; font-size:14px;}
/* BASIC css end */