@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:#00B4ED; margin-bottom:3.464%; font-weight:900; 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'; width: 70%; display: inline-block;}
.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:#32baf5; margin-bottom:4.464%; padding-top:25.569%; font-weight:900; 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 30px auto; 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;}

/*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: inline-block; width:100%; /*padding:15px 0;*/ font-size:15px; color:#1b1b1b; /*text-indent:45.714%; */font-weight:500; text-align: center;}
.quick li a img { display: inline-block; width: 40px; vertical-align: middle; padding:15px 0;}
.quick li a span {display: inline-block; text-align: left; vertical-align: middle; padding-left: 2px;}
.quick li a.icon1{/* background:url(../image/main/icon1.png) no-repeat 7.142% 50%;*/ /*text-indent:21.714%;*/ }
.quick li a.icon2{/* background:url(../image/main/icon2.png) no-repeat 31.142% 50%;*/ /*text-indent: 42.714%; */}
@media screen and (max-width: 567px) {
	.quick li a span {width: 50%;}
	.quick li a.icon2 img{margin-left: 5%;}
	.quick li a.icon1 span { padding-left: 4px; }
}



/* »ç¾÷¼Ò°³ ½½¶óÀÌ´õ */
/** 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;
}