@charset "utf-8";

/*
	Publishing by.notteng
	main

 다국어 css (기본 국문) - 영문구분 [lang='en'] 
*/

/* main */
#wrapper {overflow:hidden;-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}

#container {width:100%;}
#container {position:relative;}
#container .inner {padding:180px 60px 110px;box-sizing:border-box;}
#contents section {min-height:900px;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:fixed;}
#contents section h2 + p br {display:none;}
#visual_sec .slider {position:absolute;top:0;left:0;width:100%;height:100%;}
#visual_sec .bg {position:absolute;top:0;left:0;width:100%;height:100%;}
#visual_sec .bg li {position:absolute;top:0;left:0;width:100%;height:100%;background:url('/images/kor/main/bg_sec1_1.jpg') no-repeat 50% 50%;background-size:cover;opacity:0;transition: 1.5s;}
#visual_sec .bg li.on {opacity:1;}
#visual_sec .bg li:nth-child(2) {background-image:url('/images/kor/main/bg_sec1_2.jpg');}
#visual_sec .bg li:nth-child(3) {background-image:url('/images/kor/main/bg_sec1_3.jpg');}
#visual_sec .slider .txt {position:relative;top:0;left:0;width:100%;height:100%;}
#visual_sec .slider .txt li {display:none;position:absolute;top:50%;left:0;width:100%;height:170px;margin-top:-85px;text-align:center;}
#visual_sec .slider .txt p {position:relative;text-align:center;color:#fff;z-index:50;}
#visual_sec .slider .txt p.tit {height:120px;overflow:hidden;}
#visual_sec .slider .txt p.sub_txt {height:55px;overflow:hidden;}
#visual_sec .slider .txt p.tit span {position:relative;display:inline-block;font-size:60px;line-height:60px;letter-spacing:-3px;top:-60px;}
#visual_sec .slider .txt p.sub_txt span {position:relative;display:inline-block;font-size:20px;line-height:25px;top:50px;}
#visual_sec .slider .txt .more {position:relative;display:inline-block;width:120px;height:50px;margin-top:30px;border-radius:4px;background:#ed1b2d;z-index:50;}
#visual_sec .slider .txt .more span {display:inline-block;padding-right:24px;font-size:15px;color:#fff;line-height:50px;background:url('/images/kor/main/ico_plus3.png') no-repeat 100% 50%;}
#visual_sec .slider .txt .more:hover {background:#99270f;}
#visual_sec .controls {position:absolute;bottom:30px;left:0;width:100%;height:14px;text-align:center;z-index:50;}
#visual_sec .controls li {display:inline-block;width:14px;height:14px;margin:0 5px;text-align:left;}
#visual_sec .controls li.pager a {display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;border-radius:7px;background:#fff;}
#visual_sec .controls li.pager a.on {background:#ed1b2d;}
#visual_sec .controls li.auto a {display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;background:url('/images/common/btn_stop.png') no-repeat 50% 50%;}
#visual_sec .controls li.auto a.play {background-image:url('/images/common/btn_play.png');}
#info_sec {background-image:url('/images/kor/main/bg_sec2.jpg');}
#prnir_sec {background-image:url('/images/kor/main/bg_sec3.jpg');}
#company_sec {background-image:url('/images/kor/main/bg_sec4.jpg');}

.particles_wrap {position:absolute;top:0;left:0;width:100%;height:100%;padding-bottom:50px;box-sizing:border-box;}
#particles-js {width:100%;height:100%;}

#fp_nav {position:fixed;z-index:100;margin-top:-63px;top:50%;right:20px;-webkit-transform:translate3d(0,0,0);}
#fp_nav ul {margin:0;padding:0;background: url('/images/kor/main/bg_indi.png') no-repeat 50% 50%;}
#fp_nav ul li {display:block;width:17px;height:29px;margin:10px 5px;position:relative;}
#fp_nav ul li a {display:block;position:relative;z-index:1;width:9px;height:9px;padding:10px 4px;cursor:pointer;text-decoration:none;}
#fp_nav ul li a span {border-radius:50%;position:absolute;top:10px;left:4px;z-index:1;height:9px;width:9px;border:0;background:#fff;opacity:.5;}
#fp_nav ul li a:hover span, #fp_nav ul li a.active span {opacity:1;}
#fp_nav ul li a.active span:after {content:'';position:absolute;top:-10px;left:50%;width:25px;height:25px;margin-left:-15px;border:2px solid #fff;border-radius:50%;}
#fp_nav ul li .fp-tooltip {position:absolute;top:4px;right:30px;color:#fff;font-size:13px;line-height:21px;white-space:nowrap;min-width:80px;display:block;opacity:0;box-sizing:border-box;padding:0 25px;background:#ed1b2d;border-radius:4px;}
#fp_nav ul li .fp-tooltip:after{content:'';position:absolute;top:0;right:-5px;width:5px;height:21px;background:url('/images/kor/main/bg_deco.png') 0 50% no-repeat;}
#fp_nav ul li a:hover + .fp-tooltip {-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1;}
#fp_nav ul li.unview {display:none;}
#info_sec .products {position:relative;height:100%;z-index:2;}
#info_sec .products li {position:absolute;}
#info_sec .products li:nth-child(1) {top:33.6%;left:60px;margin-top:-108px;}
#info_sec .products li:nth-child(2) {top:53.3%;right:60px;margin-top:-48px;}
#info_sec .products li:nth-child(3) {top:73.7%;left:60px;margin-top:-48px;}
#info_sec .ft_rajB {font-size:70px;color:#000000;line-height:58px;letter-spacing:-3px;}
#info_sec p {font-size:21px;line-height:28px;color:#000000;opacity: -5;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;/* text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.9);color: rgba(255, 255, 255, 0);opacity: 0.5;transition:opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;-webkit-transition:opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;-moz-transition:opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;-o-transition:opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out; */}
#info_sec li a:hover p {/* text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);color: rgba(255, 255, 255, 1); */opacity: 1;}
#info_sec .ico {position:relative;display:inline-block;padding:10px;margin-top:15px;width:40px;height:40px;box-sizing:border-box;}
#info_sec .ico img {position:relative;z-index:1;}
#info_sec li a .ico:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background:#b61919;transform: scale(0);transition: .5s;}
#info_sec li a:hover .ico:after {transform: scale(1);}
#info_sec .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:url('/images/kor/main/img_deco.png') no-repeat 50% 0;}

#prnir_sec .inner, #company_sec .inner {padding-top:180px;}
#prnir_sec h2, #company_sec h2 {font-size:70px;letter-spacing:-3px;line-height:58px;color:#000000;text-align:center;}
#prnir_sec .sub_txt, #company_sec .sub_txt {margin:10px 0 110px;font-size:21px;line-height:28px;color:#000000;text-align:center;}
#prnir_sec .bxslider li {float:left;width:330px;height:280px;}
#prnir_sec .bxslider li a {position:relative;display:block;width:100%;height:100%;box-sizing:border-box;padding:30px;background:url('/images/kor/main/bg_box.png') repeat 0 0;}
#prnir_sec .bxslider li .tit {height:60px;overflow:hidden;font-size:21px;color:#615f5f;margin-bottom:20px;-webkit-line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow: ellipsis;}
#prnir_sec .bxslider li .desc {height:65px;overflow:hidden;font-size:15px;color:#615f5f;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;text-overflow: ellipsis;}
#prnir_sec .bxslider li .more {position:absolute;display:inline-block;bottom:30px;left:30px;padding-right:16px;font-size:13px;color:#000000;opacity:.7;background:url('/images/kor/main/ico_plus2.png') no-repeat 100% 50%;}
#prnir_sec .bxslider li a:hover {background:#fff;}
#prnir_sec .bxslider li a:hover .tit {color:#ed1b2d;}
#prnir_sec .bxslider li a:hover .desc {color:#666;}
#prnir_sec .bxslider li a:hover .more {color:#333;background-image:url('/images/kor/main/ico_plus1.png');opacity:1;}
#prnir_sec .bx-wrapper {position:relative;}
#prnir_sec .bx-controls {position:absolute;top:50%;left:0;width:100%;height:0;margin-top:-25px;}
#prnir_sec .bx-controls a {position:absolute;top:0;display:block;width:27px;height:49px;overflow:hidden;text-indent:-99999px;background:url('/images/kor/main/btn_prev.png') no-repeat 0 0;opacity:.5;}
#prnir_sec .bx-controls a.bx-prev {left:-60px;}
#prnir_sec .bx-controls a.bx-next {right:-60px;background-image:url('/images/kor/main/btn_next.png');}
#prnir_sec .bx-controls a:hover {opacity:1;}
#prnir_sec .ir {margin-top:50px;text-align:center;}
#prnir_sec .ir li {display:inline-block;position:relative;width:190px;height:70px;padding:0 60px;text-align:left;}
#prnir_sec .ir li:before {content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#615f5f;opacity:.3;}
#prnir_sec .ir li:first-child:before {display:none;}
#prnir_sec .ir li a {display:block;padding-left:98px;font-size:25px;line-height:70px;color:#000;background:url('/images/kor/main/ico_ir2.png') no-repeat 0 50%;}
#prnir_sec .ir li:first-child a {background-image:url('/images/kor/main/ico_ir1.png');}
#prnir_sec .ir li a:hover {color:#ed1b2d;}

#company_sec .noti {float:left;width:75%;height:337px;padding-left:250px;box-sizing:border-box;}
#company_sec .noti li:first-child {margin-bottom:1px;}
/* #company_sec .noti li {width:100%;height:50%;box-sizing:border-box;background:url('/images/kor/main/bg_box.png') repeat 0 0;} */
#company_sec .noti li {width:100%;height:50%;box-sizing:border-box;}
#company_sec .noti li a {position:relative;display:block;width:100%;height:100%;padding:30px 170px 30px 60px;box-sizing:border-box;}
#company_sec .noti li a:after {content:'';position:absolute;top:50%;right:6px;width:168px;height:180px;overflow:hidden;margin-top:-90px; background-color:#fff; background:url('/images/kor/main/ico_noti.png') no-repeat 0 100%;}
#company_sec .noti li:first-child a:after {background-position:0 0;}
#company_sec .noti li p {color:#615f5f;}
#company_sec .noti li p.tit {font-size:25px;margin-bottom:10px;}
#company_sec .noti li a:hover {background:#fff;}
#company_sec .noti li a:hover p {color:#666;}
#company_sec .noti li a:hover p.tit {color:#000;}
#company_sec .noti li a:hover:after {background-image:url('/images/kor/main/ico_noti_over.png');}

#container .motionL, #container .motionR, #container .motionU, #container .motionB {opacity:0;transition: all 0.7s ease-in-out;}
#container .motionL {transform:translateX(50%);}
#container .motionR {transform:translateX(-50%);}
#container .motionU {transform:translateY(50px);}
#container .motionB {transform:translateY(-50px);}
#container .motionInit .motionL, #container .motionInit .motionR {opacity:1;transform:translateX(0);}
#container .motionInit .motionU {opacity:1;transform:translateY(0);}
#container .motionInit .motionB {opacity:1;transform:translateY(0);}

@media screen and (min-width:0\0){
	/* #info_sec p {text-shadow:none;color:#fff;} */
}

@media screen and (max-width: 1200px){	 
	#company_sec .noti li a p br {display:none;}
}

@media screen and (max-width: 1060px){
	/* tablet version */
	#company_sec .noti li a {padding:30px 100px 40px 20px;background-position-x:110%;}
}

@media screen and (max-width: 960px){
	/* mobile version */
	#contents section {min-height:auto;background-attachment:scroll;}
	#contents section h2 + p br {display:block;}
	#container .inner {width:auto;padding:50px 0;}	
	#visual_sec .bg li:nth-child(1) {background-image:url('/images/kor/main/bg_m_sec1_1.jpg');}
	#visual_sec .bg li:nth-child(2) {background-image:url('/images/kor/main/bg_m_sec1_2.jpg');}
	#visual_sec .bg li:nth-child(3) {background-image:url('/images/kor/main/bg_m_sec1_3.jpg');}
	#info_sec {background-image:url('/images/kor/main/bg_m_sec2.jpg');}
	#prnir_sec {background-image:url('/images/kor/main/bg_m_sec3.jpg');}
	#company_sec {background-image:url('/images/kor/main/bg_m_sec4.jpg');}
	#visual_sec .slider {position:relative;height:auto;}	
	#visual_sec .slider .txt {height:450px;}
	#visual_sec .slider .txt li {top:0;left:0;height:110px;padding:150px 0;margin-top:0;}
	#visual_sec .slider .txt p.tit {height:100px;}
	#visual_sec .slider .txt p.sub_txt {height:65px;padding:0 30px;}
	#visual_sec .slider .txt p.tit span {font-size:34px;line-height:30px;letter-spacing:-1px;word-break:break-word;}
	#visual_sec .slider .txt p.sub_txt span {font-size:17px;line-height:20px;}
	#visual_sec .slider .txt p.tit span br, #visual_sec .slider .txt p.sub_txt span br {display:none;}
	#visual_sec .slider .txt p.tit span br{display:inline;}
	/*#visual_sec .slider .txt li:nth-child(3) p.tit span {font-size:27px;}*/
	#visual_sec .slider .txt .more {width:89px;height:40px;margin-top:20px;}
	#visual_sec .slider .txt .more span {line-height:40px;background-image:url('/images/kor/main/ico_plus3_m.png');background-size:15px 15px;}
	#info_sec .products li {position:static;height:210px;margin:0 !important;}
	#info_sec .products li:last-child {height:auto;}	
	#info_sec .ft_rajB {font-size:34px;line-height:30px;letter-spacing:-1px;}
	#info_sec p {font-size:17px;line-height:20px;color:#fff;text-shadow:none;opacity:1;}
	#info_sec .alignL p {padding-right:50px;}
	#info_sec .alignR p {padding-left:50px;}
	#info_sec p br {display:none;}
	#info_sec .ico {width:30px;height:30px;padding:7px;border-radius:15px;background:#ed1b2d;}
	#info_sec .ico img {width:16px;height:16px;}
/* 	#info_sec .line li:nth-child(1) {top:105px;}
	#info_sec .line li:nth-child(2) {top:285px;}
	#info_sec .line li:nth-child(3) {top:495px;} */
	#prnir_sec h2, #company_sec h2 {font-size:34px;line-height:30px;letter-spacing:-1px;}
	#prnir_sec .sub_txt, #company_sec .sub_txt {font-size:17px;line-height:20px;margin-bottom:50px;}
	#prnir_sec .bxslider_wrap {padding:0 40px;}
	#prnir_sec .bxslider li .tit {height:50px;font-size:21px;line-height:25px;}
	#prnir_sec .bxslider li .desc {height:90px;}
	#prnir_sec .bxslider li a {padding:30px 20px;}
	#prnir_sec .bx-controls a {width:20px;height:36px;background-size:20px auto;}
	#prnir_sec .bx-controls a.bx-prev {left:-30px;}
	#prnir_sec .bx-controls a.bx-next {right:-30px;}
	#prnir_sec .ir li {width:auto;height:50px;padding:0 20px;}
	#prnir_sec .ir li a {padding-left:50px;font-size:17px;line-height:50px;background-size:auto 40px;}
	#company_sec .mov {width:100%;height:auto;padding:0;margin-bottom:50px;}
	#company_sec .noti {width:100%;height:auto;padding:0;}
	#company_sec .inner .noti li {height:auto;margin-bottom:1px;background:url('/images/kor/main/bg_box.png') repeat 0 0;}
	#company_sec .inner .noti li a {position:relative;min-height:130px;padding:30px 110px 30px 25px;background:none;}
	#company_sec .inner .noti li a:after {content:'';position:absolute;top:50%;right:10px;width:100px;height:130px;overflow:hidden;margin-top:-65px;background:url('/images/kor/main/ico_noti_m.png') no-repeat 0 100%;background-size:100px auto;}
	#company_sec .inner .noti li:first-child a:after {background-position:0 0;}
	#company_sec .noti li a p {color:#fff !important;}
	#company_sec .noti li a p.tit {font-size:17px;}
	#company_sec .noti li a:hover p, #company_sec .noti li a:hover p.tit {color:#fff;}
	#fp_nav {display:none;}
	.particles_wrap {display:none;}
}

@media screen and (max-width: 750px){
  /* mobile version */
  #contents section {min-height:auto;}
  [lang="en"] #visual_sec .slider .txt p.sub_txt {height:105px;}
  #visual_sec .slider .txt li:nth-child(2) p.tit span br {display:none;}
  }

@media screen and (max-width: 350px){  
  /* ios 5 */
  #visual_sec .slider .txt li {padding-top:180px;}
  #visual_sec .slider .txt p.tit {height:85px;}
  #visual_sec .slider .txt p.tit span {font-size:23px !important;word-break:break-word;}
  #visual_sec .slider .txt p.sub_txt span {font-size:12px;line-height:15px;}
  #prnir_sec .ir li {padding:0 20px;}
  #prnir_sec .ir li a {padding-left:40px;background-size:auto 30px;}
  [lang="en"] #visual_sec .slider .txt p.sub_txt {display:none;height:75px;}
}