/* 공통 */
.content_box { display:block; margin:0; }
.h1_label { display:block; font-size:0; text-indent:-99999999px; }
.cnt_box { display:block; margin:0; }

.ready_box { display:block; padding:100px 0; text-align:center; }
.ready_box img { max-width:100%; }

.menu_box { display:none; }
.nodata { display:block; width:830px !important; padding:40px 0; font-size:0.87em; text-align:center; }

@media (max-width:1200px) {

}

/* UTIMS STORY */
.movie_box { position:relative; display:block; height:351px; margin:0 auto; text-align:center; }
.movie_box .pop_video { position:absolute; left:50%; top:50%; width:120px; height:120px; margin-left:-60px; margin-top:-90px; }
.movie_box .pop_video2 { position:absolute; left:50%; top:50%; width:120px; height:120px; margin-left:-60px; margin-top:-90px; }
.movie_box img { max-width:100%; }
.movie_box p { display:block; padding-top:245px; font-size:1.5em; color:#e8e8e8; }
.movie_box2 { background:url('../../images/sub1/story_bg1.jpg') no-repeat center top; }

.brand_box { position:relative; display:block; }
.brand_box .brand_img, .brand_box .brand_img img { display:block; width:100%; }
.brand_box .brand_text_area { position:absolute; left:50%; top:0; display:block; width:43%; height:100%; margin-left:-600px; }
.brand_box .brand_text2_area { margin-left:-70px; }
.brand_box .brand_text { position:absolute; top:50%; transform:translateY(-50%); display:block; }
.brand_box .brand_text .b_title { display:block; max-width:1200px; line-height:1; margin:0 auto 30px; font-size:1.75em; font-weight:400; color:#000; }
.brand_box .brand_text .b_text { line-height:2; padding:0; font-size:1em; color:#666; word-break:keep-all; vertical-align:middle; }
.brand_box .brand_text .b_text span { display:block; }

.brand_list { display:block; width:100%; padding:80px 0 70px; background:url('../../images/sub1/story_bg5.jpg') no-repeat center top; background-size:cover; }
.brand_list ul { display:block; max-width:1200px; margin:0 auto; padding:0; list-style:none; overflow:hidden; }
.brand_list ul li { display:block; float:left; width:25%; padding:0 20px; text-align:center; box-sizing:border-box; }
.brand_list ul li:last-child { padding:0; }
.brand_list ul li .img { display:block; margin:0 0 40px; }
.brand_list ul li .text { display:block; line-height:1.6; padding:0 25px; font-size:1em; color:#666; }
.brand_list ul li .text span { color:#233dad; }
     
.brand_text .b_title, .brand_text .b_text { 
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index:5; 
}

.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

#face_area { text-align:center; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background:url('../../images/sub1/story_bg6.jpg') no-repeat center top; }
#face_area > div img{ display:block; }
#face_area > div > img { display:block; width:100%; }
.face-box { position:relative; max-width:1200px; margin:0 auto; z-index:0; }
.face-box > .img_box img { margin:0 auto; }
.face-box ul { position:absolute; width:100%; height:100%; top:0; left:0; }
.face-box ul li { position:absolute; width:7.9%; }
.face-box ul li.f_list1 { bottom:19.3%; left:1%; } /* 55% */
.face-box ul li.f_list2 { top:12.1%; left:2.4%; } /* 40% */
.face-box ul li.f_list3 { top:5%; left:80.3%; } /* 80% */
.face-box ul li.f_list4 { top:39%; left:90.2%; } /* 60% */
.face-box ul li.f_list5 { top:74%; left:80.3%; } /* 75% */
.face-box ul li .img_box { width:100%; display:inline-block; overflow:hidden; }
.face-box ul li p { position:absolute; left:110%; bottom:23%; width:200%; line-height:1; text-align:left; word-break:break-word; }
.face-box ul li.f_list1 p { left:105%; bottom:0; width:160%; }
.face-box ul li.f_list3 p { bottom:5%; width:180%; }
.face-box ul li.f_list4 p { left:-30%; bottom:-24%; width:180%; }
.face-box ul li.f_list5 p { left:100%; bottom:-8%; width:145%; }
.face-box ul li p .color { display:block; margin:0 0 3px; font-size:0.87em; font-weight:600; color:#006699; }
.face-box ul li p b { font-size:0.81em; font-weight:400; color:#333; }

/* FadeIn */ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

/* FadeInLeft */
@-webkit-keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(-400px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   transform: translateX(-400px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
}
.fadeInLeft {
	opacity:0;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

/* FadeInRight */
@-webkit-keyframes fadeInRight {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(400px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
	   opacity: 0;
	   transform: translateX(400px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
}
.fadeInRight {
	opacity:0;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@media (max-width:1700px) {
	.brand_box .brand_text .b_text span { display:inline; }
}

@media (max-width:1500px) {
	.brand_box .brand_text_area { position:relative; left:auto; top:auto; display:block; width:100%; height:100%; margin-left:0; }
	.brand_box .brand_text { position:relative; top:auto; transform:inherit; display:block; padding:50px 0; }
	.brand_box .brand_text .b_text { max-width:1200px; margin:0 auto; }
	.brand_box .brand_text .b_text span { display:block; }
}

@media (max-width:1200px) {
	.brand_box .brand_text { padding:50px 25px; }
	#face_area > div img { max-width:100%; }
	.face-box > .img_box img { max-width:100%; }
	.face-box ul li.f_list1 p { bottom:-25%; }
	.face-box ul li.f_list3 p { width:130%; }
	.face-box ul li.f_list4 p { bottom:-55%; width:130%; }
	.face-box ul li.f_list5 p { width:130%; }
}

@media (max-width:850px) {	
	#face_area { padding:30px 20px; }
	.face-box > .img_box { display:none; }
	.face-box ul { position:relative; width:100%; height:100%; top:auto; left:auto; }
	.face-box ul li { position:relative; width:100%; margin:0 0 10px; overflow:hidden; }
	.face-box ul li .img_box { display:block; float:left; width:20%; }
	.face-box ul li.f_list1 { bottom:auto; left:auto; } /* 55% */
	.face-box ul li.f_list2 { top:auto; left:auto; } /* 40% */
	.face-box ul li.f_list3 { top:auto; left:auto; } /* 80% */
	.face-box ul li.f_list4 { top:auto; left:auto; } /* 60% */
	.face-box ul li.f_list5 { top:auto; left:auto; } /* 75% */
	.face-box ul li p { position:relative; left:auto; bottom:auto; display:block; float:left; width:80%; line-height:1; padding:36px 0; text-align:left; word-break:break-word; }
	.face-box ul li.f_list1 p { left:auto; bottom:auto; width:80%; }
	.face-box ul li.f_list3 p { bottom:auto; width:80%; }
	.face-box ul li.f_list4 p { left:auto; bottom:auto; width:80%; }
	.face-box ul li.f_list5 p { left:auto; bottom:auto; width:80%; }
	
	.brand_box .brand_text .b_title { margin:0 auto 17px; font-size:1.5em; }
	.brand_box .brand_text .b_text { font-size:0.93em; }
	.brand_list ul li .text { min-height:71px; font-size:0.93em; }
}

@media (max-width:768px) {
	.movie_box .pop_video { width:80px; height:80px; margin-left:-40px; margin-top:-60px; }
	.movie_box .pop_video2 { width:80px; height:80px; margin-left:-40px; margin-top:-60px; }

	.brand_list ul li { width:50%; margin:40px 0 0; }
}

@media (max-width:640px) {		
	.movie_box p { line-height:1.3; padding:220px 10px 0; font-size:1.2em; }

	.brand_box .brand_text .b_title { margin:0 auto 17px; font-size:1.3em; }
	.brand_box .brand_text .b_text { font-size:0.87em; }
	.brand_list ul li .text { font-size:0.87em; }
}

@media (max-width:560px) {	
	.face-box ul li .img_box { width:30%; }
	.face-box ul li p { width:70%; }
	.face-box ul li.f_list1 p { width:70%; }
	.face-box ul li.f_list3 p { width:70%; }
	.face-box ul li.f_list4 p { width:70%; }
	.face-box ul li.f_list5 p { width:70%; }

	.brand_list ul li .text { padding:0; }
}

@media (max-width:520px) {
	.movie_box .video_img { min-height:180px; }
}

@media (max-width:480px) {
	.cnt_box .img_box img { max-width:100%; margin:0 auto; }

	.brand_list { padding:20px 0 60px; }
	.brand_list ul li { float:none; width:100%; padding:0 20%; }
	.brand_list ul li:last-child { padding:0 20%; }
	.brand_list ul li .img { margin:0 0 20px; }
	.brand_list ul li .text { min-height:auto; }
}

@media (max-width:414px) {
	.face-box ul li .img_box { width:40%; }
	.face-box ul li p { width:60%; padding:30px 0; }
	.face-box ul li.f_list1 p { width:60%; }
	.face-box ul li.f_list3 p { width:60%; }
	.face-box ul li.f_list4 p { width:60%; }
	.face-box ul li.f_list5 p { width:60%; }
}

/* product */
#product_visual { position:relative; display:block; height:auto; background-size:cover; border:1px solid #ccc; border-width:1px 0; overflow:hidden; }
#product_visual:after { display:block; content:""; clear:both; }
#product_visual .bx-wrapper .bx-viewport { height:100% !important; }
#product_visual .product_slider { height:100%; }
#product_visual .product_slider li { position:relative; width:100% !important; height:100%; background-size:contain !important; }

#product_visual .bx-wrapper { height:521px; }
#product_visual .product_slider li .img { display:block; height:521px; }
#product_visual .product_slider li .img img { width:100%; height:100%; }
#product_visual .product_slider li .m_img { display:none; }

#p_banner { position:relative; display:block; max-width:1200px; height:auto; margin:0 auto; padding:85px 0 175px; text-align:center; overflow:hidden; }
#p_banner:after { display:block; content:""; clear:both; }
#p_banner .bx-wrapper .bx-viewport { height:100% !important; }
#p_banner .p_slider { height:100%; }
#p_banner .p_slider li { position:relative; height:100%; }

#p_banner .bx-wrapper { height:517px; }
#p_banner .p_slider li .img { display:block; height:517px; }
#p_banner .p_slider li .img img { height:100%; }

#p_banner .p_arrow_left { position:absolute; left:50%; top:50%; width:auto; height:36px; margin-left:-590px; margin-top:12px; z-index:9; }
#p_banner .p_arrow_right { position:absolute; right:50%; top:50%; width:auto; height:36px; margin-right:-590px; margin-top:12px; z-index:9; }

.product-box { position:relative; display:block; padding:75px 0 90px; text-align:center; box-sizing:border-box; }
.product-box .cnt { display:block; line-height:2; margin:0 0 80px; }
.product-box .text { display:block; line-height:2; font-size:0.87em; color:#666; }
.product-box .text span { display:block; margin:50px 0 0; color:#000; }
.product-box .p_text { display:block; line-height:2; margin:0 0 30px; font-size:1em; color:#666; }
.product-box .mob_box { display:none; }

.product-box1 { background:url('../../images/sub2/product_bg2.jpg') no-repeat center top; background-size:cover; height:887px; }
.product-box2 { background:url('../../images/sub2/product_bg3.jpg') no-repeat center top; background-size:cover; }
.product-box3 { background:url('../../images/sub2/product_bg4.jpg') no-repeat center top; background-size:cover; }
.product-box4 { background:url('../../images/sub2/product_bg5.jpg') no-repeat center top; background-size:cover; }
.product-box5 { background:url('../../images/sub2/product_bg6.jpg') no-repeat center top; background-size:cover; }
.product-box6 { background:url('../../images/sub2/product_bg7.jpg') no-repeat center top; background-size:cover; padding:136px 0 166px; }
.product-box1 .img { position:absolute; left:50%; bottom:0; margin-left:-998px; }
.product-box5 .text { padding:0 10px; }
.product-box6 .h5_label { margin:0 0 60px; }
.product_inner { display:block; max-width:1200px; margin:0 auto; }

@media (max-width:1024px) {
	#product_visual .product_slider li .img { display:none; }
	#product_visual .bx-wrapper { height:435px; }
	#product_visual .product_slider li .m_img { display:block; height:435px; }
	#product_visual .product_slider li .m_img img { width:100%; height:100%; }

	.product-box img { max-width:100%; }
	.product-box .cnt { margin:0 0 60px; padding:0 25px; }
	.product-box .img { padding:0 20px; }
	.product-box1 { height:auto; padding:75px 0 0; }
	.product-box1 .img { position:relative; left:auto; bottom:auto; margin-left:auto; padding:0; }
	.product-box2 { background:url('../../images/sub2/product_bg3.jpg') no-repeat 80% top; }
	.product-box6 { padding:70px 0 90px; }
	.product-box6 .h5_label { margin:0 0 20px; }
	.product-box6 .p_text { padding:0 25px; }

	#p_banner { padding:70px 82px 90px; }	
	#p_banner .bx-wrapper { height:300px; }
	#p_banner .p_slider li .img { display:block; height:300px; }
	#p_banner .p_arrow_left { left:30px; margin-left:0; }
	#p_banner .p_arrow_right { right:30px; margin-right:0; }
}

@media (max-width:850px) {
	.product-box .h5_label { font-size:1.5em; }
	.product-box .cnt { font-size:0.93em; }	
	.product-box .mob_box { display:block; padding:0 15px; }
	.product-box .mob_box1 .txt { display:block; line-height:1.5; margin:0 0 15px; font-size:0.81em; font-weight:600; color:#0f1365; text-align:center; overflow:hidden; }
	.product-box .mob_box2 .txt { display:block; line-height:1.5; margin:20px 0 0; font-size:0.81em; color:#999; text-align:center; overflow:hidden; }
	.product-box .mob_box ul { display:block; margin:40px 0 20px; padding:0; list-style:none; overflow:hidden; }
	.product-box .mob_box ul li { display:block; float:left; width:33.33%; box-sizing:border-box; }
	.product-box .mob_box ul li.wd1 { width:20%; }
	.product-box .mob_box ul li.wd2 { width:30%; }
	.product-box .mob_box ul li.wd2 .txt { padding-right:50px; }
	.product-box .mob_box ul li.wd3 { width:50%; }
	.product-box .mob_box ul li.wdt1 { width:50%; padding:0 3px 5px 0; }
	.product-box .mob_box ul li.wdt2 { width:50%; padding:0 0 5px 3px;}
	.product-box .mob_box ul li.wdt3 { width:100%; }
	.product-box .mob_box ul li.wdt3 .txt-box { overflow:hidden; }
	.product-box .mob_box ul li.wdt3 .txt2 { display:block; float:left; width:50%; margin:15px 0 0; }
	.product-box .mob_box ul li.wdt3 .txt2 span { display:block; color:#999; }
	.product-box .mob_box2 ul li { padding:0 5px; }
	.product-box3 .img, .product-box5 .img { display:none; }
}

@media (max-width:768px) {
	#product_visual .bx-wrapper { height:339px; }
	#product_visual .product_slider li .m_img { display:block; height:340px; }
}

@media (max-width:640px) {
	.product-box .h5_label { font-size:1.3em; }
	.product-box .cnt { font-size:0.87em; }	
	.product-box2 { background:url('../../images/sub2/product_bg3.jpg') no-repeat 76% top; }
	
	#product_visual .bx-wrapper { height:289px; }
	#product_visual .product_slider li .m_img { display:block; height:290px; }

	#p_banner { padding:70px 60px 90px; }	
	#p_banner .bx-wrapper { height:200px; }
	#p_banner .p_slider li .img { height:200px; }
	#p_banner .p_arrow_left { left:20px; margin-left:0; }
	#p_banner .p_arrow_right { right:20px; margin-right:0; }
}

@media (max-width:510px) {
	.product-box .mob_box1 .txt { font-size:0.75em; }
	.product-box .mob_box2 .txt { font-size:0.75em; }
}

@media (max-width:480px) {
	#product_visual .bx-wrapper { height:200px; }
	#product_visual .product_slider li .m_img { height:200px; }

	.product-box .mob_box ul li.wd1 { width:40%; }
	.product-box .mob_box ul li.wd2 { width:60%; }
	.product-box .mob_box ul li.wd2 .txt { padding-right:80px; }
	.product-box .mob_box ul li.wd3 { width:100%; }
	.product-box .mob_box ul li.wd3 .txt { margin-top:0; }
	.product-box .mob_box ul li.wdt1 { width:100%; padding:0 0 10px; }
	.product-box .mob_box ul li.wdt2 { width:100%; padding:0 0 10px; }

	#p_banner { padding:60px 40px 80px; }	
	#p_banner .h5_label { padding-bottom:30px !important; }
	#p_banner .bx-wrapper { height:160px; }
	#p_banner .p_slider li .img { height:160px; }
	#p_banner .p_arrow_left { left:10px; margin-left:0; margin-top:0; }
	#p_banner .p_arrow_right { right:10px; margin-right:0; margin-top:0; }
}

/* Location */
.map_area { position:relative; display:block; overflow:hidden; }
.map_img { display:block; margin:0 0 30px; }
.map_img img { max-width:100%; }
.map_box { display:block; margin:0 0 30px; }
.map_info { display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
.map_info li { display:block; line-height:2; margin:0 0 5px; padding:3px 0 3px 40px; font-size:1em; color:#333; }
.map_info li.addr { background:url('../../images/sub1/icon_home.png') no-repeat left 5px; }
.map_info li.tel { background:url('../../images/sub1/icon_tel.png') no-repeat left 5px; }

@media (max-width:480px) {
	.map_info li { font-size:0.93em; }
}