@charset "utf-8";

body,html	{ background: #fff;}

/*메인 공통디자인*/
.resources_img_text	{ position: relative; padding:70px 40px 70px 0; }
.resources_img_text h3	{ display: inline-block; padding: 14px; margin-left:40px; margin-bottom: 30px; font-size: 18px; color: #fff; background: #383532; font-weight: 500; }
.resources_img_text h4	{ display: inline-block; line-height: 1.2;padding-left: 40px; padding-bottom: 30px; border-bottom: 1px solid #fff; font-size: 34px; color:#fff; font-weight:200;}
.resources_img_text span	{ display: block; padding: 20px 0 0 40px; font-size: 20px; font-weight: 500; color:#fff; letter-spacing: -1px;}

.titlebox_area	{ position: relative; height: 80px; overflow: hidden;}
.titlebox_area .titlebox_tit { padding-left: 15px; height: 100%; line-height: 80px; font-size: 20px; color: #333; font-weight: 500; box-sizing: border-box; }
.mainmore	{ position: absolute; right: 0; top:10px; width: 54px; height: 54px; background: #1f344a; border-radius: 50%; }
.mainmore .mainmore_btn	{ display: block; width: 100%; height: 100%; color: #fff; text-align: center; line-height: 54px; }
.mainmore .mainmore_btn i	{ font-size: 30px; line-height: 54px;}

.main-copy { font-family:'Montserrat'; font-weight:500; text-transform: uppercase; color:#fff; text-align:center; font-size:40px; line-height:50px; letter-spacing: -0.15rem; margin-bottom:80px; }
.main-input-wrapper { border-bottom:2px #fff solid; padding-bottom:15px; padding-top:15px; max-width:500px; width:90%; margin:0 auto; position:relative; }
.main-input-wrapper input { position:relative; width:100%; border:0; background-color: transparent; box-sizing: border-box; padding-right:54px; padding-top:10px; padding-bottom:10px; outline:none; color:#fff; font-size:20px; letter-spacing:-0.1rem; }
.main-input-wrapper .search-button { width:40px; height:40px; border-radius: 50%; background-color: #fff; overflow: hidden; padding:0; margin:0; border:0; position:absolute; right:0; top:50%; transform: translateY(-50%); }
.main-input-wrapper .search-button img { width:100%; height:100%;}
.scroll-guide { position:absolute; bottom:20px; padding-bottom:20px; z-index: 9; background: url('/images/arrow-wheel.png') no-repeat center bottom; background-size:17px; font-size:14px; font-family: 'Montserrat'; font-weight:600; color:#fff; text-align:center; left:50%; transform: translateX(-50%); }
.section { height:100vh; width:100vw; }
.section .searchbox_area { max-width:500px; margin:0 auto; position:relative; }
.section .more-button { color:#333; font-size:16px; position:absolute; z-index:9; font-weight:600; top:30px; right:0; cursor: pointer; }

.post-section .post-header { margin-bottom:-15px; position:relative; margin-top:40px; }
.post-section .post-header:after { clear:both; content:''; display: block; }
.post-section .post-header .tab-area {  }
.post-section .post-header .tab-area ul { position:absolute; left:0; z-index:1; top:50%; transform: translateY(-50%); }
.post-section .post-header .tab-area li { display: inline-block; margin-right:20px; cursor: pointer; }
.post-section .post-header .tab-area li a { font-size:24px; color:#999; letter-spacing:-0.1rem; transition-duration: .2s; }
.post-section .post-header .tab-area li a:hover { color:#333; transition-duration: .2s; }
.post-section .post-header .tab-area li.active a { color:#333; }
.post-section .post-header .tab-area h1 { font-size:80px; letter-spacing: -0.2rem; font-weight:100; color:#000; opacity: 0.1; white-space: nowrap; width:100%; overflow: hidden; }

.s-back-img { background:url('../images/bg_tab01.jpg') no-repeat center center; background-size:cover;  }
.c-back-img { background:url('../images/bg_tab02.jpg') no-repeat center center; background-size:cover;  }
.p-back-img { background:url('../images/bg_tab03.jpg') no-repeat center center; background-size:cover;  }

.owl-carousel { position:relative; }
.owl-carousel .item { background:#fff; display:block; border:2px transparent solid; border-radius: 30px 0 30px 0; padding:90px 30px 30px; transition-duration: .2s; position: relative; height:378px; box-sizing: border-box; margin:0; position:relative; }
.owl-carousel .item .flag { padding:15px 24px; border-radius:5px 30px 30px 0; background:#8a6e4f; color:#fff; display:inline-block; left:-4px; top:30px; font-size:14px; font-weight:500; letter-spacing:-0.05rem; position:absolute; }
.owl-carousel .item h4 { font-size:24px; line-height:30px; margin-bottom:20px; height:90px; overflow: hidden; }
.owl-carousel .item p { overflow:hidden; margin-bottom:20px; }
.owl-carousel .item .date { font-size:14px; color:#999; font-family: 'Montserrat'; }
.owl-carousel .item .thumb-list { position:absolute; bottom:0; left:0; right:0; text-align: right; padding:30px; }
.owl-carousel .item .thumb-list .thumb { display: inline-block; width:60px; height:60px; border-radius: 50%; margin:0 5px; background: #f0f0f0; overflow: hidden; }

.owl-carousel .item:hover { box-shadow: 0 0 5px rgba(0,0,0,0.1); border-color:#e3b583; transition-duration: .2s; }

.owl-nav .owl-prev { position:absolute; left:-50px; top:50%; margin-top:-18px; }
.owl-nav .owl-prev span { display:block; width:21px; height:38px; background:url(../images/arrow_bg.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.owl-nav .owl-next { position:absolute;  right:-50px; top:50%; margin-top:-18px; }
.owl-nav .owl-next span { display:block; width:21px; height:38px; background:url(../images/arrow_bg.png) no-repeat -21px 0; overflow: hidden; text-indent: -9999px; }

.owl-carousel .owl-dots { text-align: center; margin-top:30px; }
.owl-carousel .owl-dots button.owl-dot { width:12px; background: #333; margin:0 3px; height:12px; border-radius: 50%; opacity: 0.3; transition-duration: .3s; }
.owl-carousel .owl-dots button.owl-dot.active { background: #8a6e4f; opacity: 1; transition-duration: .3s; }

/*공통 디자인 반응형*/
@media screen and (max-width: 1200px) {
  .titlebox_area	{ height: 72px;}
}

/* 메인 */
.main_slider	{width: 100%; margin: 0 auto; position:relative; }
.main_slider .slide	{  width: 100%; background: rgba(255,255,255,0.2);}
.main_slider .mainbnn { max-height: 100%; }
.main_slider .mainbnn .mobile-img {display:none;}
.main_slider .mainbnn .mobile-img .slidebg {  min-height: 400px; object-fit: cover; }
.main_slider .mainbnn .video-wrap {display:block;}
.main_slider .mainbnn .photo_area	{ display: block; width: 100%; }
.main_slider .mainbnn .photo_area .slidebg	{ width: 100%; }
.main_slider .main_title	{ position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size:2.6em; font-weight: 300; text-align: center; line-height:1.2; word-break: keep-all; }

.main_slider .main_title em{ color: #f1aa5d; }
.main_slider .swiper-container-horizontal > .swiper-pagination-bullets { width: 100%; text-align: center; bottom: 94px; }
.main_slider .swiper-pagination-bullet { width: 12px; height: 12px; background: #111316; border-radius: 8px; opacity: 1; }
.main_slider .swiper-pagination-bullet-active { width: 40px; height: 12px; background: #f1aa5d; }

.video-wrapper {position:relative; display:block; left:0; top:0; right:0; width:100%; height:0; padding-bottom:48.5%; background: #000; overflow:hidden;}
.video-wrapper video { display:block; width:100%; height:auto; opacity: 0.92; }
.video-area { max-height:100%; }
.main-content-wrapper { position:absolute; left:0; right:0; top:0; bottom:0; z-index: 9; }
.main-content { position:absolute; z-index:99; left:0%; width:100%; top:50%; transform: translate(0%, -50%); }


/*barunnews_wrap*/
.barunnews_wrap	{ width: 100%; }
.barunnews_wrap .searchcont_wrap .container	{ position: relative; }
.barunnews_wrap .searcharea_wrap	{ position: relative; top:-62px; width: 100%; box-shadow: 0px 13px 11px 1px rgba(0,0,0,0.08); background:#fff; z-index:20;}
.barunnews_wrap .searcharea_wrap .boxtit	{ display: block; padding: 25px 0 0 30px; font-size: 13px; color: #333; font-weight: 500; }
.barunnews_wrap .searcharea_wrap .searchbox_area	{  position: relative; float: left; width: 60%; height: 100px; }
.barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox	{ padding: 0 30px; }
.barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form	{ width: 100%; height: 54px; }
.barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form input	{ display: inline-block; width: 80%; height: 100%; line-height:54px; font-size: 18px; color:#555; font-weight: 100; border: none; outline: none; vertical-align: middle;}
.barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form .input_close  { display: inline-block; }
.barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form .input_close i,
.barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form .input_close.active i{ color: transparent; }
.barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form .search_btn	{ display: inline-block; position: absolute; top: 33px; right: 30px; width: 54px; height: 54px; border-radius: 50%; background: #283f56 url(../images/sch_icon.png) no-repeat center center; cursor: pointer;}
.search_keyword_showbox { position: absolute; display: none; height: 200px; overflow-y: auto; top: 77px; width:90%; left: 5%; right: 5%;  background: #fafafa; transition: 0.3s; z-index: 2; }
.search_keyword_showbox.active{ display: block; }
.search_keyword_showbox .keyword_item { display: block; position: relative; width: 100%; padding: 20px 30px; border-bottom: 1px solid #e1e1e1; font-size: 18px; color: #555; font-weight: 100; box-sizing: border-box; line-height: 1.5; }
.keyword_item .now_keyword  { color: #327ef1; }
.barunnews_wrap .searcharea_wrap .searchsector_area	{ float: right; width: 40%; height: 100px; background: #283f56; overflow: hidden; }
.barunnews_wrap .searcharea_wrap .searchsector_area .boxtit	{ display: block; color:#fff;}
.barunnews_wrap .searcharea_wrap .searchsector_area .sector_search { position: relative; height: 54px; }
.barunnews_wrap .searcharea_wrap .searchsector_area .sector_search ul	{ position: absolute; padding-left: 30px; width: 100%; top: 50%; transform: translateY(-50%); box-sizing: border-box;}
.barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li { position: relative; float: left; width: 33.333%; }
.barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li a{ font-size: 18px; color: #fff; font-weight: 200; padding-right: 30px; box-sizing: border-box; opacity: 0.5; }
.barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li:after{ content: ""; display: inline-block; position: absolute; left: 0; bottom: -26px; width: 95px; height: 4px; background: #4497f4; opacity: 0; }
.barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li.active a  { opacity: 1;}
.barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li.active:after  { animation: barUp 0.3s; animation-fill-mode: forwards; }
.barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li i	{ position: absolute; top: 0; right: 40px; }

@keyframes barUp{
  from  { opacity: 0; bottom: -52px; }
  to{ opacity: 1; bottom: -26px; }
}
.field_tab_con  { display: none; position: absolute; top: 100px; left: 0; width: 100%; height: 240px; background: #fff; }
.field_tab_con.active{ display: block; }
.field_tab_con .tab_con_wrap  { display: none; overflow-y: auto; height: 100%; padding: 0 30px; box-sizing: border-box; }
.tab_field  { display: none;}
.field_tab_con .search_field_box  {}
.field_tab_con .search_field_box .field_tit  { width: 100%; padding: 30px 0 20px; box-sizing: border-box; border-bottom: 1px solid #000; font-size: 18px; color: #000; font-weight: 400; }
.field_tab_con .search_field_box dd ul li{ float: left; width: 25%; padding: 20px 0; }
.field_tab_con .search_field_box dd ul li a{ display: block; font-size: 18px; color: #555; }
.tab_industry, .tab_country { width: 100%; box-sizing: border-box;}
.tab_industry ul, .tab_country ul  { width: 100%;}
.tab_industry ul li, .tab_country ul li  { width: 25%; float: left; padding-top: 25px; box-sizing: border-box; font-size: 16px; color: #333; line-height: 34px; cursor: pointer; font-weight: 400; }
.tab_industry ul li span, .tab_country ul li span { float: left; width: 34px; height: 34px; margin-right: 15px; border-radius: 50%; background:url('../images/arrow_next.png') no-repeat 0 0 / 200%; }
.tab_industry ul li:hover span, .tab_country ul li:hover span{ background: url('../images/arrow_next.png') no-repeat -37px 0 / 200%; }
.tab_con_footer  { width: 100%; height: 60px; background: #fff; padding: 18px 0 ; text-align: center;
box-sizing: border-box; border-top: 1px solid #f2f2f2; font-size: 14px; line-height: 30px; }
.tab_con_footer span{ cursor: pointer;}

.frame  { overflow:visible !important;}
.slidee { width: 8000px; }
.slidee .barunbox	{ position: relative; float: left; margin-right: 20px; width: 320px; height:400px; /*opacity: 0.3;*/ transition: 0.3s;}
.slidee .barunbox:last-child{ margin-right:0;}
.slidee .barunbox.showbox  { opacity: 1;}
.slidee .barunbox .news_wrap	{ transition-duration: .3s; border-radius:3px; position: relative; display: block; width: 100%; height: 100%; background:#fff; border:1px #eee solid; }
.slidee .barunbox .news_wrap:hover { box-shadow: 0 2px 14px rgba(0,0,0,0.03); border-color:#e6c5a1; transition-duration: .3s; }
.slidee .barunbox .news_wrap img{ width:100%; height:100%; opacity:1; }
.slidee .barunbox .news_wrap .newstext_box{ position: absolute; width: 100%; padding: 0 20px 30px; bottom: 0; box-sizing: border-box; }
.slidee .barunbox .news_wrap .newstext_box:before	{ content:""; display: block; position: absolute; top: -20px; left: 20px; width: 40px; height: 2px; background: #333;}
.slidee .barunbox .news_wrap .newstext_box h4	{margin-bottom:10px; font-size: 22px; line-height:1.2; color: #333; font-weight: 300; max-height:52px;  -webkit-line-clamp:3; }
.slidee .barunbox .news_wrap .newstext_box p{ font-size: 14px; color: #aaa; font-weight: 300;}
.scrollbar { position: absolute; width: 100%; height: 3px; bottom: -50px; background: #eee;}
.scrollbar .handle   { width: 190px; height: 100%; background:#283f56;}

.barunnews_btn	{display:flex; justify-content: space-between; position: absolute; width: 50px; height: 21px; top: 50px; transform: translateY(-50%); left: 270px; }
.barunnews_btn .button_prev,
.barunnews_btn .button_next	{ width: 12px; height: 21px; cursor: pointer;}
.barunnews_btn .button_prev	{ background: url(../images/prev_smbtn.png) no-repeat center center / auto 100%;}
.barunnews_btn .button_next	{background: url(../images/next_smbtn.png) no-repeat center center / auto 100%; margin-left: 35px; }

.main-more-btn { display:inline-block; position:relative; }
.main-more-btn:after { content:''; position:absolute; bottom:0; left:0; right:0; height:0; background-color:#8a6e4f; opacity:0.6; transition-duration: .2s; }
.main-more-btn:hover:after { height:5px; transition-duration: .2s; }

/*newsletter_wrap 영역*/
.container:after { display: block; clear: both; content:''; }
.newsletter_desc { float:left; width:50%; }
.newsletter_desc h2 { font-size:40px; letter-spacing: -0.1rem; color:#333; margin:30px 0; }
.newsletter_desc p { color:#333; font-size:16px; margin:0 0 30px; line-height: 1.5; }
.newsletter_desc a { font-weight:600; color:#333; font-size:16px; }

.newsletter_list { position:relative; margin-left:50%; margin-top:80px; margin-bottom:80px; }
.newsletter_list .item { padding:30px; display: block; border:2px transparent solid; transition-duration: .3s; position: relative; }
.newsletter_list .item .date { text-transform: uppercase; transition-duration: .3s; letter-spacing: -0.1rem; font-family: 'Montserrat'; color:#677788; font-size: 16px; font-weight:400; }
.newsletter_list .item p { font-size:24px; color:#999; transition-duration: .3s; letter-spacing: -0.1rem; margin-top:10px; }
.newsletter_list .item:after { content:''; display:block; position:absolute; right:30px; bottom:30px; width:13px; height:22px; background: url('../images/newsletter_list_off.png') no-repeat; background-size:100%; transition-duration: .2s; }
.newsletter_list .item:hover { background: #fff; border-color:#e3b583; transition-duration: .3s; }
.newsletter_list .item:hover .date { color:#1f344a; transition-duration: .3s; }
.newsletter_list .item:hover p { color:#333; transition-duration: .3s; }
.newsletter_list .item:hover:after { background: url('../images/newsletter_list_on.png') no-repeat; background-size:100%; transition-duration: .2s; }


@media screen and (max-width: 1200px) {
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li:after,
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li.active:after{ display: none; }
  .barunnews_wrap .searcharea_wrap .searchbox_area,
  .barunnews_wrap .searcharea_wrap .searchsector_area	{ float: none; width: 100%; }
  .barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form	{ height:100%; line-height: 104px; }
  .barunnews_wrap .searcharea_wrap .boxtit,
  .barunnews_wrap .searcharea_wrap .searchsector_area .boxtit	{display: none;}
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search	{height: 100%;}
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search ul	{ height: 100%; padding-left: 0; }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li	{ text-align: center; padding-right: 0; line-height: 100px; }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li a{ padding-right: 0; }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li i	{ display: block; padding-left: 0; top: 63px; left: 47%; right: auto;  }  .barunnews_wrap .contents_wrap .titlebox_area	{ background: url('../images/barunbg.png') no-repeat 0px 17px ;}
  .field_tab_con  { top: 200px;}
}

@media screen and (max-width: 992px) {
  .main_slider .main_title	{ font-size: 2em; width: 85%; }
}

@media screen and (max-width: 768px) {


  .section.post-section { height:auto; padding:40px 0; }
  .section.news-section { height:auto; }
  .section.news-section .container { margin:40px 0; }

  body	{ background: #fafafa;}
  .main_slider .mainbnn .mobile-img {display:block;}
  .main_slider .mainbnn .video-wrap {display:none;}
  .barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form {line-height: 60px; }
  .barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form input { background: none; font-size: 15px; margin-top: -8px; }
  .barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form .input_close.active i  { display: inline-block; font-size: 15px; color: #333; cursor: pointer; }
  .search_keyword_showbox { top: 54px; border-top: 2px solid #283f56; }
  .search_keyword_showbox .keyword_item { padding: 20px; font-size: 15px; line-height: 19px; }

  .barunnews_wrap .searcharea_wrap	{ top:-54px;}
  .barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox	{ padding: 0 20px; }
  .barunnews_wrap .searcharea_wrap .searchbox_area .search_formbox form .search_btn	{ top: 10px; right: 10px;  width: 34px; height: 34px; background: #283f56 url(../images/sch_icon.png) no-repeat center center / 100% auto;}
  .barunnews_wrap .searcharea_wrap .searchbox_area,
  .barunnews_wrap .searcharea_wrap .searchsector_area{ height: 54px; }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search { height: 54px; }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li { height: 100%; box-sizing: border-box; padding-top: 16px; font-size: 13px; line-height: 1; border-right: 1px solid rgba(0,0,0,0.15); }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li:last-child{ border-right: none;}

  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li a{ padding-right: 0; font-size: 13px; }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li i{ position: relative; top: 0; left: 0; opacity: 0.5; right: auto; }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li.active{ background: #fff;}
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li.active a{ opacity: 1; font-weight: 400; color: #283f56; }
  .barunnews_wrap .searcharea_wrap .searchsector_area .sector_search li.active i { font-weight: 400; color: #283f56; opacity: 1; }

  .field_tab_con  { top: 108px; border-top: 1px solid #000; }
  .field_tab_con .search_field_box .field_tit{ font-size: 15px;}
  .field_tab_con .search_field_box dd ul li { width: 50%; padding: 10px 0 5px; }
  .field_tab_con .search_field_box dd ul li a { font-size: 14px; }

  .tab_industry ul li, .tab_country ul li  { width: 100%; float: none; padding-top: 15px; box-sizing: border-box; font-size: 14px; color: #333; line-height: 26px; cursor: pointer;  }
  .tab_industry ul li span, .tab_country ul li span { float: left; width: 26px; height: 26px; margin-right: 10px; border-radius: 50%; background:url('../images/arrow_next.png') no-repeat 0 0 / 200%; }
  .tab_industry ul li:hover span, .tab_country ul li:hover span{ background: url('../images/arrow_next.png') no-repeat -26px 0 / 200%; }

  .barunnews_wrap .contents_wrap { padding: 0 0 80px;}
  .slidee .barunbox .news_wrap .newstext_box h4	{ font-size: 18px; line-height:1.3;}
  .barunnews_wrap .contents_wrap .titlebox_area	{ background: url(../images/barunbg.png) no-repeat 0px 0px / 200px auto;}
  .barunnews_btn	{ display: none; left: auto; right: 10px; top: 50%; transform: translateY(-50%); }

  .titlebox_area	{height:44px;}
  .titlebox_area .titlebox_tit	{ font-size: 24px; line-height: 44px;}
  .mainmore	{ width: 34px; height: 34px; top: 5px; }
  .mainmore .mainmore_btn	{ line-height: 34px;}
  .mainmore .mainmore_btn i	{ line-height: 34px; font-size: 22px; }

  .main_slider .mainbnn .photo_area .slidebg	{height: 625px;}

  .slidee .barunbox { height:340px; }
  /*.video-wrapper {background: url('../images/mobile-bg.jpg') no-repeat center center; background-size:cover; }*/
  /*.video-wrapper video { display:none; }*/
  .video-wrapper video { display:block; height:100%; opacity: 0.92; object-fit:cover}
  .main-copy { font-size:30px; line-height:36px; }
  .main-input-wrapper { width:70%; padding:0; }
  .main-input-wrapper input { padding-right:30px; }
  .main-input-wrapper .search-button { width:30px; height:30px; }
  .post-section .post-header { margin-bottom:-5px; margin-top:0; }
  .post-section .post-header .tab-area li { margin-right:15px; }
  .post-section .post-header .tab-area li a { font-size:16px; font-weight:400; }
  .post-section .post-header .tab-area h1 { font-size:50px; }
  .section .more-button { font-size:13px; top:18px; }

  .newsletter_desc { float:none; width:100%; position:relative; }
  .newsletter_desc h2 { font-size:20px; }
  .newsletter_desc a { position:absolute; right:0; bottom:0; font-size:13px; }
  .newsletter_list { margin-left:0; margin-top:20px; margin-bottom:40px; }
  .newsletter_list li { margin-bottom:10px; }
  .newsletter_list .item .date { font-size:14px; font-weight:600; margin-top:0; }
  .newsletter_list .item { padding:10px 15px; border-color:#eee; background: #fff; }
  .newsletter_list .item p { font-size:16px; margin-top:5px; }
  .newsletter_list .item:after { display:none; }
  .newsletter_list .item:hover:after { display:none; }
  .owl-carousel .item { padding:70px 20px 20px; height:338px; }
  .owl-carousel .item h4 { font-size:20px; letter-spacing: -0.1rem; margin-bottom:10px; }
  .owl-carousel .item .flag { padding:10px 14px; top:20px; }
  footer { padding:30px 0 60px; }
  footer .f_btm .logo_gray { width:170px; margin-bottom:15px; }
  footer .f_btm ul li a { font-size:13px; font-weight:500; padding:0 8px; }
  footer .f_btm p { margin:15px 0 10px; }
}

@media screen and (max-width: 500px) {

  .video-wrapper { padding:0; height:100%; }
  #random_video { height:100vh; }
  .video-area.fp-auto-height.fp-section { height:inherit !important; }
  .post-section .post-header .tab-area li a { font-size:13px; font-weight:400; }

  .main_slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .barunnews_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px; }
  .slidee .barunbox	{width: 280px;}
  .main_slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .barunnews_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px; }
  .slidee .barunbox	{width: 280px;}

    .container  { position: relative; }

  .main_slider .swiper-pagination-bullet { width: 10px; height: 10px; }
  .main_slider .swiper-pagination-bullet-active { width: 36px; height: 10px; background: #f1aa5d; }

  .titlebox_area .titlebox_tit	{ font-size:18px; line-height: 44px;}

  .main_slider .mainbnn .photo_area .slidebg	{height: 400px;}
  .main_slider .main_title	{ font-size: 1.2em;}
  .main_slider .swiper-container-horizontal > .swiper-pagination-bullets { bottom:70px; }

  .field_tab_con .tab_con_wrap { padding:0 15px; }

}

/* 언론보도 영역 */
.resources_wrap	{ position: relative; padding: 80px 0 225px; }
.resources_wrap .backslide_wrap	{ position: absolute; top: 0; left: 0; width: 100%; background-color:#000; }
.resources_wrap .swiper-container	{ overflow: hidden;}
.resources_wrap .backslide_wrap .backslide_img { opacity:0.8; }
.resources_wrap .backslide_wrap .swiper-container	{ width: 100%; }
.resources_wrap .backslide_wrap .swiper-container .backslide_img	{ width: 100%; height: 610px;  background: url(../images/news_back_img1.jpg) no-repeat center center / cover; transition: all 0.3s; }
.resources_wrap .backslide_wrap .swiper-container .backslide_img2	{ width: 100%; height: 610px; background: url(../images/news_back_img2.jpg) no-repeat center center / cover; transition: all 0.3s; }
.resources_wrap .resources_slide .resources_contwrap	{ position:relative; box-shadow: 6px 2px 10px rgba(0,0,0,0.2); }
.resources_wrap .resources_slide .resources_contwrap .swiper-wrapper { background: #fff; }
.resources_wrap .resources_slide .resources_imgarea	{ position: relative; float: left; width: 780px; height:620px; }
.resources_wrap .resources_slide .resources_imgarea	img	{ position: absolute; top: 0; height: 100%; }
.resources_wrap .resources_slide .resources_imgarea .img-cover { position:absolute; background:rgba(0,0,0,0.4); left:0; top:0; right:0; bottom:0; }
.resources_wrap .resources_slide .resources_textarea	{ position: relative; float: left; width: 420px; height: 620px; padding: 0 20px; background: #fff; box-sizing: border-box; }
.resources_wrap .resources_slide .resources_textarea .resources_img_text	{ display: none; }
.resources_wrap .resources_slide .resources_textarea .resources_des { padding-top: 140px; max-height: 290px; overflow: hidden; }
.resources_wrap .resources_slide .resources_textarea .resources_des p{ font-size: 16px; color:#666; text-align:justify;}
.resources_wrap .resources_slide .resources_textarea .morebtn_area	{ position: absolute; bottom: 0; right: 0; }
.resources_wrap .resources_slide .resources_textarea .morebtn_area .readmore_btn	{ position: relative; display: inline-block; padding: 40px 60px 40px 20px; color: #333; font-size: 14px; font-weight: 400; text-transform: uppercase; }
.resources_wrap .resources_slide .resources_textarea .morebtn_area .readmore_btn:after	{ display: inline-block; position: absolute; content:""; width: 20px; height: 5px; margin:5px 0 0 20px; background:url("../images/read_icon.png") no-repeat center center; }

.resources-swiper-pagination	{ width: 100%; bottom: -40px; }
.resources-swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets	{ margin: 0 5px; }
.resources-swiper-pagination .swiper-pagination-bullet	{ bottom: -20px; margin: 0 3px; width: 12px; height: 12px; cursor: pointer; outline:none; }
.resources-swiper-pagination .swiper-pagination-bullet-active	{ width: 38px; height: 12px; border-radius: 12px; background: #007aff;}

.resources_btn_wrap	{ position: absolute; top: 30px; right: 20px;width: 70px; height: 34px;  }
.resources_btn_wrap .resources-swiper-button-prev,
.resources_btn_wrap .resources-swiper-button-next	{ width: 18px; height: 34px; background-repeat: no-repeat; background-size: 18px 34px;  }
.resources_btn_wrap .resources-swiper-button-prev	{ left: 0; background-image: url(../images/prev_lgbtn.png);}
.resources_btn_wrap .resources-swiper-button-next	{ right: 0; background-image: url(../images/next_lgbtn.png) ; }

@media screen and (max-width: 1200px) {
  .resources_wrap .backslide_wrap .swiper-container .backslide_img	{ width: 100%; height: 310px;  background: url('../images/news_back_img1.jpg') no-repeat center center / cover; transition: all 0.3s; }
  .resources_wrap .backslide_wrap .swiper-container .backslide_img2	{ width: 100%; height: 310px; background: url('../images/news_back_img2.jpg') no-repeat center center / cover; transition: all 0.3s; }
  .resources_wrap	{ padding: 80px 0 110px;}
  .resources_wrap .resources_slide .resources_imgarea	{ display: none;}
  .resources_wrap .resources_slide .resources_textarea	{ width: 100%; height: auto; padding: 0 40px 100px 40px;  }
  .resources_wrap .resources_slide .resources_textarea .resources_img_text	{ display: block; padding: 40px 0 30px; }
  .resources_wrap .resources_slide .resources_textarea .resources_img_text h3	{ margin: 0 0 20px 0;   }
  .resources_wrap .resources_slide .resources_textarea .resources_img_text h4	{ display: block; padding: 0 0 14px 0px; font-size: 28px; font-weight: 400; color:#333; }
  .resources_wrap .resources_slide .resources_textarea .resources_img_text span	{ padding: 0; color:#333; font-weight: 500;}
  .resources_wrap .resources_slide .resources_textarea .resources_des	{ padding: 0 5px 100px 5px; }
  .resources_wrap .resources_slide .resources_textarea .morebtn_area .readmore_btn	{ padding: 40px 80px 40px 20px;}
  .resources_btn_wrap	{ top: 40px; right: 40px; }
}

@media screen and (max-width: 768px) {
  .resources_wrap .resources_slide .resources_contwrap	{ box-shadow: 0 0 20px rgba(0,0,0,0.1); }
  .resources_wrap .resources_slide .resources_textarea .resources_des { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; padding: 0; margin-bottom: 85px; overflow: hidden; }
  .resources_wrap .resources_slide .resources_textarea .morebtn_area .readmore_btn	{ padding: 25px 40px; font-weight: 500;}
  .resources_wrap .resources_slide .resources_textarea .morebtn_area .readmore_btn:after	{ display: none;}
}

@media screen and (max-width: 500px) {
  .resources_wrap	{ padding: 80px 0 80px; background:#fafafa; }
  .resources_wrap .resources_slide .resources_textarea	{ padding: 0 20px;  }
  .resources_wrap .resources_slide .resources_textarea .resources_img_text	{ padding: 20px 0 20px; }
  .resources_wrap .resources_slide .resources_textarea .resources_img_text h3	{ margin: 0 0 12px 0; font-size: 11px; padding: 10px; }
  .resources_wrap .resources_slide .resources_textarea .resources_img_text h4	{ padding: 0 0 7px 0px; font-size: 18px; }
  .resources_wrap .resources_slide .resources_textarea .resources_img_text span	{ font-size:14px; }
  .resources_wrap .resources_slide .resources_textarea .resources_des	{ line-height: 1.5; margin-bottom:85px; font-size: 13px;}
  .resources_wrap .resources_slide .resources_textarea .morebtn_area .readmore_btn	{ padding: 20px; font-weight: bold; font-size: 13px; }
  .resources_btn_wrap	{ top: 30px; right: 20px; }
  .resources_btn_wrap .resources-swiper-button-prev,
  .resources_btn_wrap .resources-swiper-button-next	{ width: 18px; height: 25px; background-repeat: no-repeat; background-size: auto 100%;  }
  .resources_btn_wrap .resources-swiper-button-prev	{ left: 10px;}
}

/* 최근업무사례 영역 */
.recently_wrap	{ background: url(../images/recently_bg.jpg) no-repeat center top / auto 100%; width: 100%; }
.recently_wrap .contents_wrap	{ padding: 88px 0 144px;  }
.recently_wrap .contents_wrap .recently_slide	{position: relative;}
.recently_wrap .contents_wrap .titlebox_area { background: url(../images/recentlybg.png) no-repeat 0px 22px ; }
.recently_wrap .contents_wrap .titlebox_area  .titlebox_tit	{ color: #fff; font-weight: 500; }
.recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide	{}
.recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .slidegroup{ margin: 0 -20px;}
.recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .slidegroup .slidegroup_list{ float: left; width: 33.33%; padding: 0 20px; box-sizing: border-box;}
.recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box 	{ position:relative; overflow: hidden; display: block; width: 100%; height: 315px; background: #fff; padding: 40px 36px 98px 0; box-sizing: border-box;}
.recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box h3	{ display: inline-block;  padding: 0 0 0 30px; margin-bottom: 20px; font-size: 16px; color: #222; font-weight: 600; border-bottom: 3px solid #1f344a;}
.recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box h3 span {margin-right: 5px; }
.recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box .recentlybox_area h4	{ font-size: 26px; color:#222; line-height: 1.3; margin-bottom: 15px; letter-spacing: -0.8px; font-weight: 300; text-align: justify; padding-left: 30px; word-break: break-all;  }
.recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box .recentlybox_area p 	{ font-size:14px; color:#555; padding-left: 30px;}

.moreview_area  { position: absolute; padding: 20px 0; bottom: 0; right: 0;}
.moreview_area .viewarea_box  {display: block; width: 100%; height: 100%; }
.moreview_area .viewarea_box .viewarea li  { line-height: 1; float: left; font-size: 14px; color: #333; font-weight: 700; padding-right: 20px;}
.moreview_area .viewarea_box .viewarea .arrowbar  { position: relative; text-align: right; padding-right: 0;  }
.moreview_area .viewarea_box .viewarea .arrowbar:before,
.moreview_area .viewarea_box .viewarea .arrowbar:after  { display: block; content:""; position: absolute; transform: rotate(45deg);}
.moreview_area .viewarea_box .viewarea .arrowbar:before{  top: -4px; right: 4px; border-top:2px solid #f1bc3d; border-right:2px solid #f1bc3d; box-sizing: border-box; width: 22px; height: 22px; z-index:10; transition: all 0.3s; }
.moreview_area .viewarea_box .viewarea .arrowbar:after{ top: 8px; right: -16px; width: 40px; height: 60px; background: #f1bc3d; z-index:1; }
.moreview_area .viewarea_box .viewarea .arrowbar span  { display: inline-block; height: 2px; margin-bottom:5px; width: 0px; background: #000; }
.moreview_area.colorchange .viewarea_box .viewarea .arrowbar:before{ border-top:2px solid #000; border-right: 2px solid #000;}

/*.recently_page. swiper-pagination	*/
.recently_wrap .swiper-container-horizontal > .swiper-pagination-bullets	{ width: 100%; bottom: -40px; }
.recently_page.swiper-pagination	{ width: 100%; bottom: -40px; }
.recently_page.swiper-pagination .swiper-pagination-bullet	{ margin:0 3px; width: 12px; height: 12px; cursor: pointer; outline:none; opacity: 0.5;}
.recently_page.swiper-pagination .swiper-pagination-bullet:hover{ opacity:1;}
.recently_page.swiper-pagination .swiper-pagination-bullet-active	{ width:38px; height: 12px; background: #fff; border-radius:12px; opacity:1; }

@media screen and (max-width: 1200px) {
  .recently_wrap .mainmore	{display: block;}
  .recently_wrap .contents_wrap	{ padding: 113px 0 110px;  }
  .recently_wrap .contents_wrap .titlebox_area  { background: url(../images/recentlybg.png) no-repeat 0px 22px; }
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide	.slidegroup{ margin: 0;}
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide	.slidegroup .slidegroup_list{ float: none; width: 100%; padding: 0; margin-bottom: 10px; box-sizing: border-box;}
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box 	{ padding: 30px 25px 40px 0;}
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box h3	{ padding: 0 0 0 22px; margin-bottom: 32px; font-size: 18px; }
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box .recentlybox_area h4	{ font-size: 22px; line-height: 1.3; padding-left: 22px;  }
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box .recentlybox_area p  {padding-left: 22px;}

  .moreview_area  {display: none;}

  .recently_page.swiper-pagination	{ width: 100%; bottom: -40px; }
}

@media screen and (max-width: 768px) {
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box { height: 205px;}
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box .recentlybox_area h4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}

@media screen and (max-width: 500px) {
  .recently_wrap .contents_wrap	{ padding: 60px 0 80px; }
  .recently_wrap .contents_wrap .titlebox_area { background: url(../images/recentlybg.png) no-repeat 0px 3px / 240px auto; }
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box 	{ height: 150px; padding: 20px 20px 20px 0;}
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box h3	{  margin-bottom: 16px; font-size: 14px; }
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box .recentlybox_area h4	{ font-size: 18px;  }
  .recently_wrap .contents_wrap .contents_area .swiper-wrapper .swiper-slide .recentlynews_box .recentlybox_area p  { font-size: 12px; line-height: 1; }
}


.none-display {
  display: none;
}

.active_show {
  display: block;
}