@charset "utf-8";
/* =========================================================================================================
Font
========================================================================================================= */
/* normal */
@font-face {
	font-family: 's4';
	font-style: 400;
	font-weight: normal;
	src: url('font/SamsungOne-400v10.eot'); /* IE9 Compat Modes */
	src: url('font/SamsungOne-400v10.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/SamsungOne-400v10.woff2') format('woff2'), /* Modern Browsers */
	url('font/SamsungOne-400v10.woff') format('woff'), /* Modern Browsers */
	url('font/SamsungOne-400v10.ttf') format('truetype'), /* Safari, Android, iOS */
	url('font/SamsungOne-400v10.svg') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 's7';
	font-style: 700;
	font-weight: normal;
	src: url('font/SamsungOne-700v10.eot'); /* IE9 Compat Modes */
	src: url('font/SamsungOne-700v10.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/SamsungOne-700v10.woff2') format('woff2'), /* Modern Browsers */
	url('font/SamsungOne-700v10.woff') format('woff'), /* Modern Browsers */
	url('font/SamsungOne-700v10.ttf') format('truetype'), /* Safari, Android, iOS */
	url('font/SamsungOne-700v10.svg') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 's8';
	font-style: 800;
	font-weight: normal;
	src: url('font/SamsungOne-800v10.eot'); /* IE9 Compat Modes */
	src: url('font/SamsungOne-800v10.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/SamsungOne-800v10.woff2') format('woff2'), /* Modern Browsers */
	url('font/SamsungOne-800v10.woff') format('woff'), /* Modern Browsers */
	url('font/SamsungOne-800v10.ttf') format('truetype'), /* Safari, Android, iOS */
	url('font/SamsungOne-800v10.svg') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'stitle';
	font-style: normal;
	font-weight: normal;
	src: url('font/SamsungSharpSans-Bold.eot'); /* IE9 Compat Modes */
	src: url('font/SamsungSharpSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/SamsungSharpSans-Bold.woff2') format('woff2'), /* Modern Browsers */
	url('font/SamsungSharpSans-Bold.woff') format('woff'), /* Modern Browsers */
	url('font/SamsungSharpSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
	url('font/SamsungSharpSans-Bold.svg') format('svg'); /* Legacy iOS */
}

/* =========================================================================================================
	Reset
========================================================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body,th,td,input,select,textarea,button,select {font-family:'s4';font-size:14px;line-height:1.4;color:#666;}
input[type=text],
input[type=password] {width:100%;height:25px;padding:0 10px;border:1px solid #e6e6e6;border-radius:0;background-color:#fff;color:#333;font-size:14px;line-height:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=submit] {-webkit-border-radius:0;border:0;border-radius:0;-webkit-appearance:none;}
textarea {width:100%;resize:none;padding:13px 10px;border:1px solid #d3d3d3;border-radius:0;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#333 !important;font-size:14px;line-height:18px ;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select {height:25px;padding:0 0 0 10px;border:1px solid #e6e6e6;border-radius:0;background-color:#fff;color:#666;font-size:12px;line-height:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.hide {position:absolute;left:-9999px;top:-9999px;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0;}
caption {display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
*+html table {border-collapse:collapse;}
td img {max-width:100%}
button {outline:0;vertical-align:top;}

/* =========================================================================================================
	공통
========================================================================================================= */


/* =========================================================================================================
	레이아웃
========================================================================================================= */
.wrapper {max-width: 1920px; width:100%; margin:0 auto;}
#skip_button {
	z-index: 1000;
}
#header {
	position:relative;
	z-index:9999!important;
}
.mobileGnb.on {
	z-index: 1100;
}
.mobileGnb .lnb_wrp {
	padding-top: 70px;
}


/* =========================================================================================================
	인트로
========================================================================================================= */
.section {display: none;}
#section0 {display:block;}
.intro {
	overflow:hidden;
}
.intro-box {
	position:relative;
}
/* 컬러 배경 *2 */
.intro-box .bg-color {}
.intro-box .bg-color div {
	position:absolute;
	width:50%;
	height:100%;
}
.intro-box .bg-color .bg-left {
	top:-100%;
	left:0;
	background-color:#00aeef;
}
.intro-box .bg-color .bg-right {
	top:100%;
	left:50%;
	background-color:#2e3092;
}
/* 화이트박스 */
.intro-box .white-box {
	position:absolute;
	left:50px;right:50px;top:50px;bottom:50px;
}
.mini .intro-box .white-box {/* 1024 */
	left:25px;right:25px;top:25px;bottom:25px;
}
.intro-box .white-box .white-inner {
	position:absolute;
	left:50%;right:50%;
	top:0;bottom:0;
	background-color:#fff;
}
.intro-box .white-box .menu-list {
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translateY(-50%,-50%);
	width:100%;
	min-width:1024px;
	max-width:1228px;
	height:400px;
}
.mini .intro-box .white-box .menu-list {/* 1024 */
	width:940px;
	min-width:940px;
}
.intro-box .white-box .menu-item {
	position:absolute;
	top:-300%;
	width:300px;
}
.intro-box .white-box .menu-item.item1,
.intro-box .white-box .menu-item.item2 {
	left:50%;
	margin:0 0 0 -150px;
}
.intro-box .white-box .menu-item.item3 {
	right:50%;
	margin:0 -150px 0;
}
.intro-box .white-box .menu-item .box {
	overflow:hidden;
	position:relative;
	width:300px;
	height:346px;
	background:url(../img/intro/bg_menu.png) no-repeat 0 0;
}
.intro-box .white-box .menu-item .box .title {
	position:absolute;
	/*left:40px;*/
	left:-180px;
	top:90px;
	color:#fff;
	font-size:36px;
	line-height:36px;
}
.intro-box .white-box .menu-item .box .number {
	position:absolute;
	left:50px;
	/*bottom:25px;*/
	bottom:-150px;
}
.intro-box .white-box .menu-item .text-area {
	display:none;
	margin-top:18px;
	color:#2e3092;
	font-size:12px;
	text-align:center;
	line-height:16px;
}
.intro-box .white-box .menu-item {}

/* 사진 리스트 */
.intro-box .white-box .photo-list {
	position:absolute;
	left:50%;top:50%;
	width:574px;
	height:558px;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.intro-box .white-box .photo-list .logo-center {
	display:none;
	position:absolute;
	left:50%;top:79px;
	z-index:10;
	width:300px;
	height:346px;
	margin:0 0 0 -150px;
	background:url(../img/intro/bg_center.png) no-repeat 50% 50%;
}
.intro-box .white-box .logo-center .img {display:none;}
.intro-box .white-box .logo-center img {width:100%;height:100%;}

.intro-box .white-box .photo-list .photo-item {
	display:none;
	position:absolute;
	left:50%;top:50%;
	z-index:8;
	width:178px;
	height:204px;
	margin:-102px 0 0 -89px;
}

.intro-box .visual-slide {
	display:none;
	overflow:hidden;
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	z-index:500;
}
.intro-box .visual-slide .bg-plus {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	z-index:50;
}
.intro-box .visual-slide .bg-plus .img {
	position:absolute;
	left:50%;top:50%;
	width:2000px;
	height:2000px;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	font-size:0;
	line-height:0;

}
.intro-box .visual-slide .bg-plus .img img {width:100%;height:100%;}
.navi-list {
	display:none;
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	z-index: 1000;
}
.navi-list .navi-item {
	position:absolute;
	left:0;
	z-index:50;
	width:910px;
	height:988px;
}
.navi-list .navi-item img {display:none;width:100%;height:100%;}
.navi-list .navi-item .btn-white {
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;
	background:url(../img/btn_white.png) no-repeat 0 0;
}
.navi-list .navi-item.item1 {
	width:94px;
	height:99px;
	left:20px;top:125px;
}
.navi-list .navi-item.item1 img {display:block;}
.navi-list .navi-item.item2 {top:125px;}
.navi-list .navi-item.item3 {top:-95px;}
.navi-list .navi-item.item4 {top:-95px;}
.navi-list .navi-item.item5 {top:-95px;}
.navi-list .navi-item.item6 {top:345px;}
.navi-list .navi-item.item7 {top:165px;}
/*2017-02-23 : 수정*/
.navi-list .navi-item.item8 {
	display:block;
	left:46px;top:544px;
	width:45px;
	height:57px;
}
/*2016-02-23 : 수정끝*/

/*
.navi-list .navi-item {
	position:absolute;
	z-index:10;
	width:139px;
	height:151px;
}
.navi-list .navi-item img {width:100%;height:100%;}
.navi-list .navi-item.item1 {left:55px;top:0;}
.navi-list .navi-item.item2 {left:108px;top:110px;}
.navi-list .navi-item.item3 {left:55px;top:217px;}
.navi-list .navi-item.item4 {left:108px;top:324px;}
*/

.intro-box .visual-slide .slide-ilst {}
.intro-box .visual-slide .slide-item {
	display:none;
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.intro-box .visual-slide .slide-item:first-child {display:block;}
.intro-box .visual-slide .slide-item.item1 {background-image:url(../img/bg_vsual01.jpg);}
.intro-box .visual-slide .slide-item.item2 {background-image:url(../img/bg_vsual02.jpg);}
.intro-box .visual-slide .slide-item.item3 {background-image:url(../img/bg_vsual03.jpg);}
.intro-box .visual-slide .slide-item.item4 {background-image:url(../img/bg_vsual04.jpg);}
.intro-box .visual-slide .slide-item.item5 {background-image:url(../img/bg_vsual05.jpg);}
.intro-box .visual-slide .slide-item.item6 {background-image:url(../img/bg_vsual06.jpg);}


.slide-list .slide-item img {position:absolute; bottom:30px !important; left:50% !important; margin-left:-170px;}
/* 클릭 방지 */
.click-no {
	position:fixed;
	left:0;right:0;top:0;bottom:0;
	z-index:1500;
}



/*navigaion*/
.navigation {position:fixed; left:70px; top:20px; width:186px; height:810px; /*background-color:gold;*/ z-index: 1000;}
.navigation .navi-item {
	position:absolute;
	z-index:50;
	width:139px;
	height:151px;
}
.navigation .navi-item img {display:none;width:100%;height:100%;}
.navigation .navi-item .btn-white {
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;
	background:url(../img/btn_white.png) no-repeat 0 0;
}
/*.navigation .navi-item.item1 {
	width:139px;
	height:151px;
	left:55px;top:35px;
}*/
.navigation .navi-item.item1  {top:0; left:0;}
.navigation .navi-item.item1 img {display: block;}
.navigation .navi-item.item2 {top:110px; right:0}
.navigation .navi-item.item3 {top:220px;left:0;}
.navigation .navi-item.item4 {top:330px; right:0}
.navigation .navi-item.item5 {top:430px;left:0;}
.navigation .navi-item.item6 {top:530px; right:0}
.navigation .navi-item.item7 {top:630px;left:0;}
.navigation .navi-item.item8 {top:730px; right:0}

/*main*/

#section1{
	background: url('../img/bg/section0.jpg') no-repeat center;
	background-size:cover;
}
#section2{
	background: url('../img/bg/section1.jpg') no-repeat center;
		background-size:cover;
}
#section3{
	background: url('../img/bg/section2.jpg') no-repeat center;
		background-size:cover;
}
#section4{
	background: url('../img/bg/section3.jpg') no-repeat center;
		background-size:cover;
}
#section5{
	background: url('../img/bg/section4.jpg') no-repeat center;
		background-size:cover;
}
#section6{
	background: url('../img/bg/section5.jpg') no-repeat center;
		background-size:cover;
}
#section7{
	background: url('../img/bg/section6.jpg') no-repeat center;
		background-size:cover;
}
#section8{
	background: url('../img/bg/section7.jpg') no-repeat center;
		background-size:cover;
}

.fp-down.main {position:absolute; bottom: 0; left:50%; width:60px; height:110px; background: url('../img/btn/btn_down.png') no-repeat; margin-left:-15px; z-index: 50}
.fp-down {position:absolute; bottom: 20px; left:50%; width:35px; height:16px; background: url('../img/btn/btn_down2.png') no-repeat; margin-left:-17px; z-index: 50} /*2017-02-22 : bottom 수정*/

/*sub 2017-02-23 수정 (하위 모두)*/
.section .mov-wrap {position:absolute; right:40px; bottom:40px; /*width:540px*/ width:850px;}
.section .mov-wrap img{width: 100%; height: 100%;}
.section .mov-wrap ul {overflow: hidden;}
.section .mov-wrap > ul > li {float:left; width:49%; min-height:575px; margin-left:2%;  color:#fff; float:right;}
.section .mov-wrap > ul > li:first-child {float:left; margin-left:0;}
.section .move-area {width:100%; height:255px;}
.section .move-area object {width:100%; height:100%;}
/*.section .move-area:before {content:''; width:35px; height:40px; position: absolute; top:50%; left:50%; margin:-20px -17px; background: url('../img/btn/btn_play.png') no-repeat;}*/
.section .text-area {margin:10px 0 5px;font-size:34px; font-family: 's8';}
.section .text-area span {display:block;  min-height:95px; margin-top:5px; font-size:22px ; font-family: 's4'; line-height:26px;}
.section .info-list {}
.section .info-list li {height:21px;margin-top:5px; padding-top:1px; font-size:18px; font-family:'s7'; line-height:20px }
.section .info-list li a {display:block; color:#fff; padding-left:29px;}
.section .info-list li a:hover {color:#0080ba;}
.section .info-list li:first-child {margin-top:0;}
.section .info-list li.mv a { background: url('../img/icon/icon_mv.png') no-repeat left center;}
.section .info-list li.mv a:hover {background: url('../img/icon/icon_mv_hover.png') no-repeat left center;}
.section .info-list li.mv .btn-popup {position:static;}
.section .info-list li.lf a {background: url('../img/icon/icon_lf.png') no-repeat left center;}
.section .info-list li.lf a:hover {background: url('../img/icon/icon_lf_hover.png') no-repeat left center;}

.section .mov-wrap + span,
.section .table-area  + span {display:block; position:absolute; right:40px; bottom:40px; color:#fff; font-size:14px; font-family: 's4'; text-align: right; line-height: 15px;}

.table-area {overflow: hidden; position:absolute; right:70px; bottom:110px; width:1360px;}
.table-area .img-area {float: right}
/* 2017-04-07 추가 */
.table-area .img-area span {display:inline-block; margin-top:5px; color:#ffffff;}
/* 2017-04-07 추가 끝 */
.table-area .product-list {float: left; margin-top: 145px;}
.table-area .product-list li {height:60px;}
.table-area .product-list li.line {line-height: 60px;}
.table-area .product-list li a {display:block; background: url('../img/icon/icon_link.png') no-repeat left center; color:#fff; font-size:20px; padding-left:42px;}
.table-area .product-list li a:hover {background: url('../img/icon/icon_link_hover.png') no-repeat left center;color:#0080ba !important;}
.table-area .product-list li a span {display:block; font-size: 16px;}

/*layerpopup 2017-02-23 추가*/
.btn-popup { position: absolute; left: 18%; bottom: 12%;}
.dimmed {display:none; position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; background: url('../img/bg/bg_dim.png') repeat; z-index:1000;}
.modal-popup {display: none; position:absolute; left:50%;top:50%; width:1200px; margin:-377px -600px; z-index:1050;}
.modal-popup .pop-header {position:relative;height:80px;color:#fff; font-size:20px;}
.modal-popup .pop-header p {font-size:28px; color:#fff; line-height: 80px;}
.modal-popup .pop-header .btn-close {position:absolute;top:19px;right:0;}
.modal-popup .pop-content {width:1200px; height:674px;}


/*1540 이하*/
/*.mini .mov-wrap {width:470px !important;}*/
.mid .mov-wrap {width:470px; bottom:70px;}
.mid #section8 .mov-wrap {bottom:110px;}
.mid  .section .mov-wrap > ul > li {min-height:340px;}
.mid .section .move-area {width:100%; height:165px;}
.mid .section .text-area {margin:10px 0 5px;font-size:14px; font-family: 's8';}
.mid .section .text-area a {}
.mid .section .text-area span {display:block; min-height:60px; margin-top:5px; font-size:12px ; font-family: 's4'; line-height:16px;}
.mid .section .info-list li {height:21px;margin-top:3px; padding-top:1px; font-size:11px; font-family:'s7'; line-height:20px }
.mid .section .mov-wrap  + span,
.mid .section .table-area  + span {font-size:10px;  line-height: 15px;}


.mid .table-area {width: 900px;}
.mid .table-area .img-area {width: 800px;}
.mid .table-area .img-area img {width: 100%;}
.mid .table-area  .product-list {margin-top: 98px;}
.mid .table-area  .product-list li {height:39px;}
.mid .table-area  .product-list li.line {line-height: 34px;}
.mid .table-area  .product-list li a {background-size:20px; font-size:13px; padding-left:25px; color:#00afff;}
.mid .table-area  .product-list li a span {font-size: 11px;}

.mini .btn-popup {left:18%}
.mid .btn-popup {width:300px; bottom:18%}
.mid .btn-popup img {width:100%;}
.mid .modal-popup {width:850px;margin:-300px -425px;}
.mid  .modal-popup .pop-content {width:100%; height:500px;}
.mid  .modal-popup .pop-content iframe {width: 100% !important; height:100%;}

.btn-top .hidden {width:0; height:0; font-size:0; line-height: 0; text-indent: -9999px;}
.btn-top {display: none; position:fixed; /*top:35px; right:40px;*/top:55px; right:10px; width:50px; height:50px; background: url('../img/btn/btn_top.png') no-repeat left top; z-index:1000; }
.btn-top:hover {background-position: left bottom;}

/* 전일태수정 */
.intro-btn {position:absolute;top:140px;right:105px;}
#wrap, #container {position:static;}
#header {position:absolute;left:0;top:0;}
.pices-img {overflow:hidden;}
.pices-img li {float:left;width:49.5%;}
.pices-img .pi2,
.pices-img .pi4 {float:right;}
.pices-img .pi3,
.pices-img .pi4 {margin-top:1%;}

/* 1540 이하 재수정 - 전일태 */
.mid .mov-wrap {width:660px;}
.mid .section .move-area {height:210px;}
.mid .section #video1 {height:210px;}
.mid .section .text-area {font-size:20px;}
.mid .section .text-area span {font-size:14px;}
.mid .section .info-list li {font-size:14px;}

.mini .mov-wrap {width:470px;}
.mini .section .move-area {height:165px;}
.mini .section .text-area {font-size:14px;}
.mini .section .text-area span {font-size:12px;}
.mini .section .info-list li {font-size:11px;}

.mid .section {background-position:center 35% !important;}

@media (min-width:768px) and (max-width:1366px){
	.mid .btn-popup {bottom:6%;}
	.intro-box .white-box .menu-list {top:57%;}
	.intro-box .white-box .photo-list {top:57%;}
}

/* 2017-04-14 추가 */
#loading {display:block; position:absolute; top:125px; left:0; width:100%; height:calc(100% - 125px); background:#fff; z-index:9999;}
.loading_imgwrap {position:relative; top:50%; width:400px; margin:-200px auto;}
.loading_imgwrap .loading_txt {position:relative; width:100%; z-index:1;}
.loading_imgwrap .loading_bg {position:absolute; top:0; left:0; width:100%; z-index:0; 
	animation: loadingImg 2s; 
	animation-iteration-count:infinite;
	transform-origin:50% 50%;
}
.loading_imgwrap img {width:100%;}
@keyframes loadingImg {
	0% { transform:rotate(0deg); }
	50% { transform:rotate(180deg); }
	100% { transform:rotate(360deg); }
}