@charset "utf-8";

/* �˾� ��Ÿ�� Begin */
.layer_pop { /*display:none;*/ position:absolute; z-index:9999999999; width:85%; top:15%; left:5%; }
.layer_pop_admin { border:1px solid #fff; }
.popContents { position:relative; width:100%; height:100%; background:#fff; }
.popContents > img { width:100%; }
.popContents .popText { padding:10px; }
.popBtns { position:absolute; top:-1px; right:-25px; }
.popbtn { position:absolute; bottom:10px; right:10px; }
.recruitTitle { position:absolute; top:30px; left:25px; width:100%; font-size:6vw; font-weight:600; word-break:keep-all; line-height:30px; color:#fff; letter-spacing:-2px; }
.recruitText1 { position:absolute; top:65%; left:25px; width:290px; font-size:4vw; word-break:keep-all; color:#fff; }
.recruitText2 { position:absolute; top:80%; left:25px; width:290px; font-size:3vw; word-break:keep-all; color:#fff; }
/* �˾� ��Ÿ�� End */

/*visual*/
.visual{width:100%; position:relative;}
.visual img{width:100%; display:block;}
.btn_wrap{position:absolute; top:60%; text-align:center; width:100%;}
.btn_wrap a{display:inline-block; border-radius:20px; color:#fff; padding:10px 30px 10px 20px ; font-size:12px; line-height:100%; background:rgba(0, 0, 0, 0.15) url(../image/main/arrow0.png) no-repeat 90% 50%;}
.mov_pop{padding:3px; background:#fff;}
.embed-container{position:relative; padding-bottom:56.25%; height:0; overflow: hidden; width:100%; margin:0 auto;}
.embed-container iframe{border:1px solid #ccc;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width:100%; height: 100%;}

/*biz_infor*/
.biz_wrap{position:relative; width:100%; z-index:99;}
.biz_infor{width:90%; margin:0 auto; text-align:center; padding-top:10.795%;}
.biz_infor h2{font-size:2em; color:#1b1b1b; margin-bottom:1.464%; font-weight:100; font-family: 'NanumSquare';}
.biz_infor h3{font-size:0.938em; color:#00B4ED; margin-bottom:2.928%; font-weight:bold; font-family:"dotum"; letter-spacing:5px;}

.biz_infor_list img{width:100%;}
.biz_infor_list li div{background:#eee; padding:0 0 30px 0; overflow:hidden;}
.biz_infor_list li div p:first-child{margin-bottom:4.687%; }
.biz_infor_list li div p:nth-child(2){position:relative; margin-bottom:3.125%;}
.biz_infor_list li div p span{position:absolute; left:-20px; font-size:70px; top:-15px; color:#fff; font-family: 'tahoma'; letter-spacing:-1px;}
.biz_infor_list li div p strong{font-size:20px; color:#1b1b1b; font-family: 'NanumSquare';}
.biz_infor_list li div p:nth-child(3){color:#00B4ED; font-size:15px; font-family: 'NanumSquare'; margin-bottom:1.562%; line-height:22px; }
.biz_infor_list li div p:nth-child(4){padding:0 20px; font-size:15px; color:#555; line-height:140%; letter-spacing:-1px; margin-bottom:3.125%;}
.btn_style1{display:inline-block; border-radius:20px; color:#fff; padding:8px 30px 8px 20px ; font-size:14px; background:#cbcbcb url(../image/main/arrow0.png) no-repeat 90% 50%;}

/*news*/
.news{width:100%; position:relative; top:-30px; z-index:9;}
.inner_news{background:#000 url(../image/main/bg1.jpg) top center; background-size:cover; text-align:center;}
.inner_news h2{font-size:2em; color:#fff; margin-bottom:1.464%; padding-top:25.569%; font-weight:100; font-family: 'NanumSquare';}
.inner_news h3{font-size:0.938em; color:#32baf5; margin-bottom:2.928%; font-weight:bold; font-family:"dotum"; letter-spacing:5px;}

.news_list{width:90%; margin:0 auto; padding-bottom:30px; text-align:left; z-index:9999;}
.news_list li{font-size:15px; border-bottom:1px solid #fff;  padding:10px 0;}
.news_list li:first-child{border-top:1px solid #fff;}
.news_list li a{color:#fff; display:block; line-height:150%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news_list li span{display:block; font-size:12px; color:#fff; margin-top:3px; font-weight:100; }
.news_list li.blog{background:#2db400 url(../image/main/arrow0.png) no-repeat; background-position:94.527% 30% ; margin-top:10px; border-bottom:none}
.news_list li.blog p{font-family: 'NanumSquare'; padding:0 20px; line-height:160%;}
.news_list li.blog p img{vertical-align:middle;}
.news_list li.blog p + p{font-size:15px; color:#1b1b1b; letter-spacing:-1px;}

.news_etc{width:90%; margin:6.617% auto 0; overflow:hidden; padding-bottom:7.352%;}
.news_etc div{position:relative; float:left; width:48.611%; text-align:left; color:#fff;font-family: 'NanumSquare'; padding:10px 0; border-bottom:#fff 1px solid;}
.news_etc div + div{float:right}
.news_etc div h4{font-size:18px; margin-bottom:5px; color:#959595; font-weight:600;}
.news_etc div h5{font-size:18px; height:20px; line-height:18px; margin-bottom:5px; font-weight:900;}
.news_etc div h5 img {margin-top:-3px;}
.news_etc div.news_etc_style1{border-top:#009ee3 3px solid;}
.news_etc div.news_etc_style2{border-top:#00B4ED 3px solid;}
.news_etc div p{font-size:15px; line-height:140%; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px; }
.news_etc div p a{color:#fff;}
.news_etc div span{position:absolute; right:0; bottom:0}
.news_etc div span img{display:block;}


/* blog */
.blog {width:100%; position:relative; top:-30px; z-index:9;}
.inner_blog{background:#000 url(../image/main/bg1.jpg) top center; background-size:cover; padding: 0 0 1.5em;}
.inner_blog h2{color:#fff; margin-bottom:1.464%; padding-top:20%; font-weight:100; font-family: 'NanumSquare'; }
.inner_blog h2 strong { 
  /* font-size:1.2em;  */
  font-size: clamp(24px, calc(32/640 * 100vw), 32px);  
  display: block; 
  text-align: center; 
  margin: 0 0 0.2em; 
  font-weight: 500;
}
.inner_blog h2 span { 
  /* font-size:0.65em;  */
  font-size: clamp(12px, calc(15/640 * 100vw), 15px);
  display: block; 
  text-align: center; 
  color: #fff;
}
.inner_blog h3{font-size:0.938em; color:#32baf5; margin-bottom:2.928%; font-weight:bold; font-family:"dotum"; letter-spacing:5px;}
.blog .moreview {
  width: 87.5%;
  margin: 0 auto;
  padding: 0.5em 0 0.2em;
  text-align: right;
  border-bottom: 5px solid #fff;
}
.blog .moreview img {
  width: clamp(50px, calc(94/640 * 100vw), 94px);
}
.blog_list {
  width: 87.5%;
  margin: 0 auto;  
  padding: 0.5em 0;
}
.blog_list li {
  margin: 0.8em 0;
  padding: 0.5em;
  border: 1px solid #fff;
}
.blog_list li a {
  display: block;
}
.blog_list li a .article {
  font-weight: 500;
  color: #fff;
  overflow: hidden; 
  white-space: nowrap; 
  text-overflow: ellipsis; 
  line-height: 1.4;
  /* font-size: 0.9em; */
  font-size: 15px;  
}
.blog_list li a .date {
  color: #fff;
  line-height: 1.4;
  /* font-size: 0.9em; */
  font-size: 12px;  
}
/* .blog_list{width:90%; margin:0 auto; padding-bottom:30px; text-align:left; z-index:9999;}
.blog_list li{font-size:15px; border-bottom:1px solid #fff;  padding:10px 0;}
.blog_list li:first-child{border-top:1px solid #fff;}
.blog_list li a{color:#fff; display:block; line-height:150%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.blog_list li span{display:block; font-size:12px; color:#fff; margin-top:3px; font-weight:100; }
.blog_list li.blog{background:#2db400 url(../image/main/arrow0.png) no-repeat; background-position:94.527% 30% ; margin-top:10px; border-bottom:none}
.blog_list li.blog p{font-family: 'NanumSquare'; padding:0 20px; line-height:160%;}
.blog_list li.blog p img{vertical-align:middle;}
.blog_list li.blog p + p{font-size:15px; color:#1b1b1b; letter-spacing:-1px;} */

/* .news_etc{width:90%; margin:6.617% auto 0; overflow:hidden; padding-bottom:7.352%;}
.news_etc div{position:relative; float:left; width:48.611%; text-align:left; color:#fff;font-family: 'NanumSquare'; padding:10px 0; border-bottom:#fff 1px solid;}
.news_etc div + div{float:right}
.news_etc div h4{font-size:18px; margin-bottom:5px; color:#959595; font-weight:600;}
.news_etc div h5{font-size:18px; height:20px; line-height:18px; margin-bottom:5px; font-weight:900;}
.news_etc div h5 img {margin-top:-3px;}
.news_etc div.news_etc_style1{border-top:#009ee3 3px solid;}
.news_etc div.news_etc_style2{border-top:#00B4ED 3px solid;}
.news_etc div p{font-size:15px; line-height:140%; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px; }
.news_etc div p a{color:#fff;}
.news_etc div span{position:absolute; right:0; bottom:0}
.news_etc div span img{display:block;} */

/*quick_wrap*/
.quick_wrap{width:100%; background:#00b4ed; padding:30px 0; text-align:left; position:relative; top:-30px;}
.ir{width:90%; margin:0 auto 10px; overflow:hidden; background:#001846; padding:8px 0; color:#fff;}
.ir h4{float:left; font-size:15px; color:#fff; text-indent:20px; font-weight:400;}
.ir div{float:right; padding-right:20px;}
.ir div h5{font-size:32px; float:left; font-weight:600; letter-spacing:-1px; margin-top:0px;}
.ir div ul{float:left; margin-left:15px;}
.ir div ul li{font-size:12px; text-align:right; padding:2px 0; font-weight:600;}
.ir div ul li span{color:#b10e14}
.ir div ul li:last-child{color:#ccc; font-weight:300;}

.quick{width:90%; margin:0 auto;}
.quick ul{overflow:hidden;}
.quick li{float:left; width:48%; background:#eeeeee; }
.quick li:last-child{float:right;}
.quick li a{display:block; width:100%; padding:15px 0; font-size:15px; color:#1b1b1b; text-indent:45.714%; font-weight:500;}
.quick li a.icon1{ background:url(../image/main/icon1.png) no-repeat 30.142% 50%; background-size: 40px 40px;}
.quick li a.icon2{ background:url(../image/main/icon2.png) no-repeat 30.142% 50%; background-size: 40px 40px;}


/* ����Ұ� �����̴� */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom:0px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager{  position: absolute; top:5px; width: 100%;}
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../image/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 0%;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #989899;
  text-indent: -9999px;
  display: block;
  width: 16px;
  height: 2px;
  margin: 0 5px;
  outline: 0;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left:-20px;
  background: url('../image/main/arrow_left.png') no-repeat;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right:-20px;
  background: url('../image/main/arrow_right.png') no-repeat;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  /*background-position: -43px 0;*/
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top:35%;
  margin-top: -16px;
  outline: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  z-index: 999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../image/main/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../image/main/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}