/*common.css*/
html, body{-webkit-overflow-x: hidden; -ms-overflow-x: hidden; overflow-x: hidden;}
/* 공통 Class */
.inner{max-width: 1400px; margin: 0 auto; padding: 0 40px; width: 100%;}

.inner2{max-width: 1400px; margin: 0 auto; padding: 0 40px;}
.clearfix {*zoom: 1} 
.clearfix:before, .clearfix:after {display:table; content:""; line-height:0;} 
.clearfix:after {clear:both;} 
.ell{-webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px;}
/* 버튼 제어 */
a.btn, .btn{height: 40px; line-height: 40px; text-align: center; font-weight: 300; font-size: 13px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
a.btn_admin, .btn_admin{height: 40px; line-height: 40px; text-align: center; background: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*관리자, 복사, 이동*/
a.btn_admin:hover, .btn_admin:hover{background: #f7bd0e;}
a.btn_b02, .btn_b02{height: 40px; line-height: 40px; text-align: center; background: #f7bd0e; font-weight: 300; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*글쓰기*/
a.btn_b02:hover, .btn_b02:hover {background:#333;}
a.btn_b01, .btn_b01{height: 40px; line-height: 40px; background: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*수정, 삭제, 목록, 답변*/
a.btn_b01:hover, .btn_b01:hover{background: #f7bd0e;}
.btn_submit{background: #f7bd0e; height: 40px; line-height: 40px; text-align: center;} 
/*댓글등록*/
.btn_submit:hover{background: #333;}
.bo_vc_w .btn_submit{border-radius: 0; font-weight: 300; font-size: 17px;}
a.btn_cancel{background: #999; height: 40px; line-height: 40px; text-align: center;}
.btn .fa{display: none;} /*버튼 픽토그램*/
.cmt_btn{background-position: 67px 10px; font-size: 16px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}/*댓글목록*/
.cmt_btn_op{background-position: 67px -20px;}
.cmt_btn .fa{display: none;}
.bo_v_nb li{padding: 20px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;}/*이전글 다음글*/
/*********** 서브 페이지 *************/
#container_title{display: none;}
.sub_sec{padding: 100px 0 100px;}

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-top: -150px;} 
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 
.ytp-pause-overlay-controls-hidden .ytp-pause-overlay{
    display: none;
   }
@media screen and (min-width:680px){
    .video-container {
        pointer-events: none;
    }
}
@media screen and (max-width:767px){
    .video-container {margin-top: 24px;}
}


/* 서브페이지 배너 */
.sub_banner{display: table; width: 100%; height: 470px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden; background: url(../../img/company/banner.png); background-position: center; background-size: cover;}
.sub_banner.business{background-image: url(../../img/business/banner.png);}
.sub_banner.product{background-image: url(../../img/product/banner3.png);}
.sub_banner.product2{background-image: url(../../img/product/banner4.png);}
.sub_banner.customer{background-image: url(../../img/customer/banner5.png);}
.sub_banner .text_area{display: table-cell; width: 185px; text-align: center; vertical-align: middle;}
.sub_banner h2{padding-top: 10px; font-size: 40px; color: #fff; text-align: center; line-height: 1.3em; -ms-word-break: keep-all;
word-break: keep-all;}

@media(max-width:690px){
	.sub_banner h2{
		font-size: 28px !important;
	}
}
/* 서브페이지 타이틀 */
.tit_area.subpage *{text-align: left;}
.tit_area.subpage .parallelogram{display: block; margin: 0 0 25px 10px; width: 15px; height: 25px; -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); background: #000;}
.tit_area.subpage .main_tit{color: #222; line-height: 1.3; font-weight: 700;}
.tit_area.subpage .sub_tit{display: block; margin-bottom: 5px; color: #999; font-size: 18px;}
.tit_area.subpage .desc{margin: 35px auto 0; padding: 0; width: 100%; max-width: none; color: #888; font-size: 17px; line-height: 2em;}
.tit_area.subpage .desc span{
	color: #f7bd0e;
	font-weight: 600;
}

.tit_area.subpage .desc mark{
	background: #f9e8b3;
}
/* 서브 네비게이션 */
.mysubmenu{position: relative; margin: -35px auto 0; width: 1200px; padding: 0 20px; z-index: 21; display: none;}
.mysubmenu .inner{padding: 0; width: 100%; border: 1px solid #ddd; background: #fff;}
.mysubmenu .menu_select{float: left; padding: 0 26px; position: relative; width: 260px; border-right: 1px solid #ddd;}
.mysubmenu .menu_select.home{padding: 0; width: 70px; height: 70px; background: url(../../img/common/home_icon.png) no-repeat; background-color: #fff; background-position: center;}
.mysubmenu .menu_select a{width: 100%; height: 100%;}
.mysubmenu .current_menu{background: url(../../img/common/subnavi_down.png) no-repeat;
background-position: right center;}
.mysubmenu .all_menu{position: absolute; top: 70px; left: -1px; border: 1px solid #ddd; border-top: none; display: none; width: 261px; z-index: 20; background: #fff;}

.mysubmenu li, .mysubmenu li a, .mysubmenu h3{line-height: 70px; color: #444; font-weight: 300;}
.mysubmenu .all_menu li{padding: 0 26px; border-top: 1px solid #ddd;}
.mysubmenu .all_menu li:hover{background:#BD8BCA;}
.mysubmenu .all_menu li:hover a{color: #fff;}
.mysubmenu .all_submenu li:last-child{border-bottom: none;}
.mysubmenu .all_submenu li:first-child{border-top: 1px solid #ddd;}
.mysubmenu .all_mainmenu ul:last-child li{border-bottom: none;}
/*.mysubmenu .all_mainmenu ul li{border-top: 1px solid #ddd;}*/
/*********** 게시판 *************/
.table_top{margin: 90px auto 50px;}
.table_top .tit_area.subpage .main_tit::after{display: none;}
.table_pb{padding-bottom: 130px;}
/* 게시판 관리자 area */
#bo_btn_top{margin: 0 0 20px;}
.bo_fx{margin: 10px 0; float: none; width: 100%;}
/* 게시판 상단 */
#bo_list_total{margin: 40px 0; background: transparent; overflow: hidden; width: 100%; line-height: 30px; display: none;}
#bo_list_total span{float: left; font-size: 14px; color: #222;}
/* 게시판 카테고리 */
#bo_cate{padding: 0; margin: 45px 0 60px; background: none; border: none;}
#bo_cate ul{height: 50px;}
#bo_cate li{padding: 0; float: left; display: block; width: 14%; height: 100%; line-height: 50px;}
#bo_cate a{padding: 0; width: 100%; height: 100%; border-radius: 0; text-align: center; color: #999; font-weight: 400; line-height: inherit; border: 1px solid #ccc; font-size: 14px;}
#bo_cate li:last-child a{border-right: 1px solid #ccc;}
#bo_cate #bo_cate_on{background: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; background: #f7bd0e; border-color: #f7bd0e;font-weight: 400;}
#bo_cate a:hover{background: none;}
#bo_cate .mobile_cate{display: none;}
#bo_cate #bo_cate_ul.m_cate_list{display: none;}
#bo_cate #bo_cate_ul.pc_cate_list{display: block;}
/* 게시판 페이지 번호매김 */
.pg_area{margin-top: 40px;}
.pg_wrap{margin: 0; position: relative; height: 20px; clear: none;}
.pg{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%;}
.pg_current{padding: 0; width: 20px; height: 20px; line-height: 20px; background: none;-webkit-box-shadow: none; box-shadow: none; border: 1px solid #f7bd0e; color:#f7bd0e; border-radius: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600;}
.pg_page{padding: 0; margin: 0 8px; width: 20px; height: 20px; color: #666; background: #fff; border: 1px solid #ccc; line-height: 20px; font-size: 13px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pg_page:hover{border-color: #f7bd0e; color: #fff; background: #f7bd0e; font-size: 1.0em; } 
.pg_current:hover{color: #fff; background: #fac60e;}
.pg_start, .pg_end{background: url(../../img/common/pg_start.png) no-repeat; background-position: center; border-color: #ccc; display: none;}
.pg_start:hover, .pg_end:hover{background: url(../../img/common/pg_start_hover.png) no-repeat; background-color: #fac60e; background-position: center;}
.pg_end:hover{background-image: url(../../img/common/pg_end_hover.png);}
.pg_end{background-image: url(../../img/common/pg_end.png);}
/* 게시판 검색 bo_sch */
.board_search{width: auto; height: 40px;}
#bo_sch{position:relative; float: left; border: none; padding: 0; margin: 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} 
#bo_sch *{font-size: 13px;}
#bo_sch > form{width: 100%; height: 100%;}
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 105px; height: 100%; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/search_select.png) no-repeat; background-position: 90px;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch select{border: 1px solid #ccc;}
#bo_sch #sfl, #bo_sch #sfl option, #bo_sch .sch_input, #bo_sch .sch_btn{-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
#bo_sch .sch_input{margin: 0 5px; padding: 0 10px; float: left; width: 240px; height: 100%; background-color: #fff; border: 1px solid #ccc;}
#bo_sch .sch_input:focus{background: #fff;}
#bo_sch .sch_btn{position: relative; float: left; width: 60px; height: 100%; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden; background: #f7bd0e; text-indent: 0; color: #fff; font-size: 14px;}
#bo_sch .sch_btn:focus{outline: 0; -webkit-box-shadow: none; box-shadow: none;}
input:focus{-webkit-box-shadow: none;box-shadow: none; outline: 0;}
select:focus{-webkit-box-shadow: none;box-shadow: none; outline: 0;}
#bo_sch .sch_btn .submit_span{display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; background: #fac60e; font-size: 14px; font-weight: 400; -webkit-transition: 0.5s; transition: 0.5s;}
#bo_sch .sch_btn:hover .submit_span{background: #333;}
/* 첨부파일 */
#bo_w .bo_w_flie .file_del{top: 7px;}
.file_del input{float: left; margin: 7px 10px 0 0;}
.file_del label{float: left;}
/* 글쓰기 게시판 view skin */
#bo_v{width:1400px; margin: 0 auto; padding: 0 0 80px;}
#bo_w{padding: 40px 0 100px;}
#bo_vc_w_info{width:100%;}
#bo_v_info{padding: 20px 0;}
#bo_v_info strong{display: block; float: left;}
#bo_v_info .sv_member{font-weight: 400;}
#bo_v_info .if_date{font-style: normal; font-size: 13px;}
.bo_vc_w textarea{padding: 10px;}
#bo_v_title .bo_v_tit{font-size: 25px; line-height: 30px;}
#captcha #captcha_key{margin: 0; margin-left: 0;}
#captcha.m_captcha #captcha_key{height: 40px; margin-left: 0;}
#bo_v_info .fa{display: none;}
#bo_v_info span, #bo_v_info strong, #bo_v_info strong a{font-size: 13px;}
.brd-state strong a{margin: 15px 0; font-size: 15px;}
.bo_vc_w_info .frm_input{width: 100%;}
#bo_v{margin-top: 80px;}
#bo_v_share .btn{padding: 0 5px;}
#bo_v_top .bo_v_nb a{margin: 5px 0;}
#bo_v_con{-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
#bo_w .bo_w_flie .file_del label {display: inline-block;}
@media screen and (max-width:1199px){
    /* 공통 Class */
    .ell{-webkit-line-clamp: 3; height: 66px;}
    .inner{width: 100%;}
    /* 버튼 제어 */
    a.btn, .btn{font-size: 13px;}
    .bo_vc_w .btn_submit{font-size: 13px;}
    .cmt_btn{font-size: 13px;}
    /* 서브 페이지 */
    .sub_sec{padding: 80px 0 90px;}
    .tit_area.subpage .parallelogram{margin: 0 0 22px 8px; width: 12px; height: 20px;}
    .tit_area.subpage .sub_tit{font-size: 16px; line-height: 20px;}
    .tit_area.subpage .desc{margin: 32px auto 0; font-size: 14px;}
    /* 서브 배너 */
    .sub_banner h2{font-size: 35px;}
    .sub_banner span{font-size: 15px; line-height: 22px;}
    /* 서브 네비게이션 */
    .mysubmenu{margin: -30px auto 0; width: 100%;}
    .mysubmenu .menu_select{padding: 0 15px; width: 240px;}
    .mysubmenu .menu_select.home{width: 60px; height: 60px; background-size: 18px auto;}
    .mysubmenu .all_menu{top: 60px; width: 241px;}
    .mysubmenu li, .mysubmenu li a, .mysubmenu h3{font-size: 14px; line-height: 60px;}
    .mysubmenu .all_menu li{padding: 0 15px;}
    .mysubmenu .current_menu{background-size: 15px auto;}
    /* 게시판 */
    .table_top{margin: 80px auto 35px;}
    .table_top .tit_area{padding-bottom: 30px;}
    .table_pb{padding-bottom: 90px;}
    /* 게시판 카테고리 */
    #bo_cate{margin: 20px 0 40px;}
    #bo_cate ul{height: 40px;}
    #bo_cate li{line-height: 40px;}
    #bo_cate a{font-size: 13px;}
    /* 게시판 검색 */
    #bo_sch .sch_btn{font-size: 13px;}
}
@media screen and (max-width:1024px){
    /* 게시판 페이지 번호매김 */
    .pg_wrap{float: none; clear: none; position: static; -webkit-transform: none; -ms-transform: none; transform: none;}
}
@media screen and (max-width:767px){
    /* 서브 페이지 */
    .sub_sec{padding: 60px 0 70px;}
    /*게시판*/
    .table_pb{padding-bottom: 70px;}
    .table_top{margin: 50px auto 30px;}  
    /* 게시판 카테고리 */
    #bo_cate li{width: 20%;}
}
@media screen and (max-width:630px){
    /* 서브페이지 배너 */
    .sub_banner{height: 350px;}
    /* 서브 네비게이션*/
    .mysubmenu{margin: -25px auto 0;}
    .mysubmenu .main_menulist_area{display: none;}
    .mysubmenu .inner{position: relative;}
    .mysubmenu .menu_select.home{position: absolute; z-index: 30; width: 50px; height: 50px; border-right: 1px solid #ddd; background-size: 15px auto;}
    .mysubmenu .menu_select{padding: 0 15px 0 65px; width: 100%; border-right: none;}
    .mysubmenu .all_menu{padding-left: 49px; top: 50px; width: 100.2%; background: none; border: none;}
    .mysubmenu li, .mysubmenu li a, .mysubmenu h3{line-height: 50px;}
    .mysubmenu .all_menu > div{padding-right: 1px; background: #fff; border: 1px solid #ddd; border-top: none;}
    .mysubmenu .current_menu{background-size: 13px auto;} 
    /* 첨부파일 */
    #bo_w .bo_w_flie .file_wr{height: 80px;}
    #bo_w .bo_w_flie .lb_icon{height: 100%;}
    #bo_w .bo_w_flie .file_del{top:50%; margin-top: 5px; left: 55px;}
    #bo_w .bo_w_flie .file_del label{font-size: 16px;} 
}
@media screen and (max-width:480px){
    /* 공통 Class */
    .ell{-webkit-line-clamp: 2; height: 42px;}
    /* 버튼 제어 */
    a.btn, .btn{font-size: 12px;}
    .bo_vc_w .btn_submit{font-size: 12px;}
    .cmt_btn{font-size: 13px;}
    .board_search{margin-bottom: 50px;}    
    /* 서브페이지 */
    .sub_sec{padding: 50px 0;}
    .tit_area.subpage .parallelogram{margin: 0 0 15px 5px; width: 8px; height: 15px;}
    .tit_area.subpage .sub_tit{font-size: 14px; line-height: 18px; word-break: keep-all;}
    .tit_area.subpage .desc{margin: 30px auto 0; font-size: 12px;}
    /* 서브페이지 배너 */
    .sub_banner{height: 300px;}
    .sub_banner h2{font-size: 24px;}
    .sub_banner span{font-size: 13px; line-height: 20px;}    
    /* 서브 네비게이션 */
    .mysubmenu li, .mysubmenu li a, .mysubmenu h3{font-size: 13px;} 
    /* 게시판 */
    .table_top{margin: 40px auto;}
    .table_top .tit_area{padding-bottom: 20px;}
    .table_pb{padding-bottom: 50px;}
    /* 게시판 상단 */
    #bo_list_total{margin: 20px 0;}
    #bo_list_total span{float: left; font-size: 12px;}
    /* 게시판 카테고리 */
    #bo_cate{margin: 0 0 40px; border: none;}
    #bo_cate ul{width: 100%; height: 80px;}
    #bo_cate li{width: 50%; height: 40px;}
    #bo_cate a{border-right: 1px solid #ccc;}
    #bo_cate li:last-child a{border-right: 1px solid #ccc;}

    #bo_cate li:nth-last-of-type(1) a, #bo_cate li:nth-last-of-type(2) a{border-bottom: 1px solid #ccc;}
    /* 게시판 검색 */
    #bo_sch *{font-size: 11px;}
    #bo_sch #sfl{width: 85px; background-position: 73px; background-size: 6px auto;}
    #bo_sch .sch_input{width: 220px;}
    #bo_sch .sch_btn{width: 50px; font-size: 12px;}
    /*첨부파일 */
    #bo_w .bo_w_flie .file_del label{font-size: 14px;}
    /* 글쓰기 게시판 */
    #bo_v_top .bo_v_left{width: 100%; margin: 0;}
    #bo_v_top .bo_v_left li{margin: 0 0.5%; width: 24%;}
    #bo_v_top .bo_v_left li a.btn, #bo_v_top .bo_v_left li .btn{width: 100%;}
    #bo_v_top .bo_v_com{width: 100%; margin: 10px 0;}
    #bo_v_top .bo_v_com li{margin: 0 0.5%; width: 32.3333%;}
    #bo_v_top .bo_v_com li a.btn, #bo_v_top .bo_v_com li .btn{width: 100%;} 
}
@media screen and (max-width:420px){
    /* 게시판 관리자 area */
    .bo_fx{width: 100%;}
    .bo_fx .btn_bo_user{width: 100%;}
    .bo_fx .btn_bo_user li{width: 24.25%; margin: 0 1% 0 0;}
    .bo_fx .btn_bo_user li:nth-last-of-type(2){margin: 0;}
    .bo_fx .btn_bo_user li .btn{width: 100%;}
    .bo_fx .btn_bo_user li .btn_b01{width: 100%;}
    .bo_fx .btn_bo_user a.btn_b02, .bo_fx .btn_bo_user .btn_b02{margin: 5px 0; width: 100%;}
    .bo_fx .btn_bo_user li.bo_fx_write{width: 100%;}
    #bo_sch .sch_input{width: 180px;} 
}
@media screen and (max-width:400px){
    /* 글쓰기 게시판 */
    #bo_v_info .if_date{float: left;}
    /* 첨부파일 */
    #bo_w .bo_w_flie .file_wr{height: 120px;}
    #bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
}
@media screen and (max-width: 380px){
    /* 게시판 검색 */
    #bo_sch .sch_input{width: 160px;} 
    #bo_sch .sch_btn{width: 45px;}
}
@media screen and (max-width: 360px){
    /* 게시판 검색 */
    #bo_sch .sch_input{width: 140px;}    
}






.container2 {
  width:1200px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
body {
  margin: 0;
  font-family: 'Rajdhani', sans-serif;
}
h2 {
      line-height:1.1;
}
.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

@media (max-width: 991px) {
  .hero-slider {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .hero-slider {
    height: 500px;
  }
}

.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 49px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 55px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  transform:translateX(0);
  opacity:1;
  visibility:visible;
}

@media (max-width: 767px) {
  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next {
    display: none;
  }
}

.hero-slider .swiper-button-prev {
  left: 25px;
  transform:translateX(50px);
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "<";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 25px;
  transform:translateX(-50px);
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: ">";
  font-size: 15px;
  color: #fff;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 0.3;
  background:#fff;
  transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity:1;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

@media screen and (min-width: 992px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction {
/*     display: none; */
  }
}
.swiper-pagination {
  text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:50px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}
}
@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:30px;
 
}
}
/*--------------------------------------------------------------
  #hero-style
--------------------------------------------------------------*/
.hero-style {
  height: 550px;
  transition:all .4s ease;
}

@media (max-width: 991px) {
  .hero-style {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .hero-style{
    height: 500px;
  }
}

@media screen and (min-width: 992px) {
  .hero-style .container {
    padding-top: 95px;
  }
}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
  max-width: 690px;
}

.hero-style .slide-title h2 {
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  margin: 0 0 40px;
  text-transform: capitalize;
  transition:all .4s ease;
}

@media (max-width: 1199px) {
  .hero-style .slide-title h2 {
    font-size: 75px;
  }
}

@media (max-width: 991px) {
  .hero-style .slide-title h2 {
    font-size: 50px;
    margin: 0 0 35px;
  }
}

@media (max-width: 767px) {
  .hero-style .slide-title h2 {
    font-size: 35px;
    margin: 0 0 30px;
  }
}

.hero-style .slide-text p {
  opacity: 0.8;
  font-family: Rajdhani;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 40px;
  transition:all .4s ease;
}

@media (max-width: 767px) {
  .hero-style .slide-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 30px;
  }
}

.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}


/*--------------------------------------------------------------
  #button-style
--------------------------------------------------------------*/
.theme-btn, .theme-btn-s2{
    background-color: #ffffff;
    font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color:#2b3b95;
    padding: 9px 32px;
    border: 0; 
  border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    line-height: initial;
  transition:all .4s ease;
}
a {
    text-decoration: none;
    transition: all 0.2s ease;
}
.theme-btn-s2{
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {
    background-color:#BD8BCA ;
    color: #fff;
}
.theme-btn-s3{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
  text-transform: uppercase;
}
i.fa-chevron-circle-right{
  height:22px;
  width:22px;
}
a:hover {
    text-decoration: none;
}
@media (max-width: 991px){
  .theme-btn, .theme-btn-s2, .theme-btn-s3 {
    font-size: 13px;
    padding: 15px 25px;
  }
}
@media (max-width: 767px){
  .theme-btn, .theme-btn-s2{
    padding: 13px 20px;
    font-size: 13px;
  }
}


.tl_company_box_wrap {
    width: 100%;
    position: relative;
    margin-top: 0;
    z-index: 2;
}

#main-row {
	max-width: 1240px;
	margin: 150px auto;
	display: block;
}

#main-row:after{
	content: '';
	display: block;
	clear: both;
}

.pr_left { 
	float: left;
	width: 50%;
}

.pr_left img {
	width: 100%;
}

.pr_right {
	padding: 50px;
	width: 50%;
	float: right;
}

.pr_right .tag {
	color: #777;
	font-size: 14px;
	margin-bottom: 30px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.pr_right .title3 {
	font-size: 20px;
	color: #6c5100;
	font-family: 'Crimson Text', serif;
	font-weight: bold;
	-ms-word-break: keep-all;
	word-break: keep-all;
	margin-bottom: 10px;
}

.pr_right .title4 {
	font-size: 30px;
	color: #6c5100;
	margin-bottom: 50px;
	font-family: 'GmarketSansMedium';
	font-weight: bold;
	letter-spacing: -2px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.pr_right .txt {
	font-size: 17px;
	line-height: 28px;
	color: #333;
	font-family: 'NanumSquare', sans-serif !important;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.pr_right table {
	margin-top: 50px;
	font-size: 14px;
	width: 100%;
}

.pr_right table th {
	width: 20%;
	font-size: 16px;
}

.pr_right table td {
	width: 80%;
	color: #333;
	font-size: 16px;
}

@media(max-width:350px){
	.pr_right table th{
		width: 30%;
	}

	.pr_right table td{
		width: 70%;
	}
}

.pr_right table .sub_tit1 {
	padding: 15px 10px;
}

.pr_right table .sub_tit2 {
	padding: 0 10px 0;
}






#main-row2 {
	max-width: 1240px;
	margin: 150px auto;
	display: block;
}

#main-row2:after{
	content: '';
	display: block;
	clear: both;
}

.pr_right2 { 
	float: right;
	width: 50%;
}

.pr_right2 img {
	width: 100%;
}

.pr_left2 {
	padding: 50px;
	width: 50%;
	float: left;
	text-align: right;
}

.pr_left2 .tag {
	color: #777;
	font-size: 14px;
	margin-bottom: 30px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.pr_left2 .title1 {
	font-size: 20px;
	color: #6c5100;
	font-family: 'Crimson Text', serif;
	font-weight: bold;
	-ms-word-break: keep-all;
	word-break: keep-all;
	margin-bottom: 10px;
}

.pr_left2 .title2 {
	font-size: 30px;
	color: #6c5100;
	margin-bottom: 50px;
	font-family: 'GmarketSansMedium';
	font-weight: bold;
	letter-spacing: -2px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.pr_left2 .txt {
	font-size: 17px;
	line-height: 28px;
	color: #333;
	font-family: 'NanumSquare', sans-serif !important;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.pr_left2 table {
	margin-top: 50px;
	font-size: 14px;
	width: 100%;
}

.pr_left2 table th {
	width: 20%;
	font-size: 16px;
}

.pr_left2 table td {
	width: 80%;
	color: #333;
	font-size: 16px;
}

@media(max-width:350px){
	.pr_left2 table th{
		width: 30%;
	}

	.pr_left2 table td{
		width: 70%;
	}
}

.pr_left2 table .sub_tit1 {
	padding: 15px 10px;
}

.pr_left2 table .sub_tit2 {
	padding: 0 10px 0;
}




.buy_btn3 {
	margin-top: 83px;
	background-color: #f7bd0e !important;
	text-align: center;
	width: 50%;
	padding: 20px;
	color: #fff;
	font-size: 16px;
	font-family: 'S-CoreDream-5Medium';
	display: inline-block;
	font-weight: 600;
}


.buy_btn2 {
	margin-top: 83px;
	background-color: #f9e8b3;
	text-align: center;
	width: 50%;
	padding: 20px;
	color: #000;
	font-size: 16px;
	font-family: 'S-CoreDream-5Medium';
	display: inline-block;
	font-weight: 600;	
}

.buy_btn3 i {
	font-size: 32px;
    vertical-align: middle;
}

.buy_btn2 i {
	font-size: 32px;
    vertical-align: middle;
}



@media (max-width: 1200px) {
	#main-row { width: 100%;}
	.pr_left { padding: 0 50px;}
	.pr_right { padding: 0 50px;}
	.pr_right .title1 { font-size: 18px;}
	.pr_right .title2 { font-size: 22px; margin-bottom: 20px;}
	.pr_right .txt { font-size: 14px; line-height: 22px;}
	.pr_right table { margin-top: 0;}
	.buy_btn { margin-top: 20px; padding: 15px;}
}

@media (max-width: 969px) {
	.pr_left { width: 100%;}
	.pr_right { width: 100%;}
	.pr_right .tag { margin-top: 10px;}
	.pr_right table { margin-top: 30px;}
	.buy_btn { margin-top: 50px;}

}

@media (max-width: 690px) {
	#main-row{margin: 50px auto ;}
	#main-row2{margin: 50px auto ;}
}

@media (max-width: 600px) {
	.pr_left { padding: 0 20px;}
	.pr_right { padding: 0 20px;}
}


@media (max-width: 1200px) {
	#main-row2 { width: 100%;}
	.pr_left2 { padding: 0 50px;}
	.pr_right2 { padding: 0 50px;}
	.pr_right2 .title1 { font-size: 18px;}
	.pr_right2 .title2 { font-size: 22px; margin-bottom: 20px;}
	.pr_right2 .txt { font-size: 14px; line-height: 22px;}
	.pr_right2 table { margin-top: 0;}
	.buy_btn2 { margin-top: 20px; padding: 15px;}
}

@media (max-width: 969px) {
	.pr_left2 { width: 100%; margin-bottom: 10px;}
	.pr_right2 { width: 100%;}
	.pr_right2 .tag { margin-top: 10px;}
	.pr_right2 table { margin-top: 30px;}
	.buy_btn2 { margin-top: 50px;}
}

@media (max-width: 600px) {
	.pr_left2 { padding: 0 20px;}
	.pr_right2 { padding: 0 20px;}
}