/* 공통 */
.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) {

}

/* DDU 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:#fff; /*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; margin-left:-222px; }
.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 { top:47.3%; left:43.4%; }
.face-box ul li.f_list2 { top:20.7%; left:43.4%; }
.face-box ul li.f_list3 { top:19.4%; left:80.25%; }
.face-box ul li.f_list4 { top:47.3%; left:80.25%; }
.face-box ul li.f_list5 { top:74.7%; left:80.25%; }
.face-box ul li .img_box { width:100%; display:inline-block; overflow:hidden; }
.face-box ul li p { position:absolute; left:150px; top:50%; width:200%; line-height:1; text-align:left; word-break:break-word; }
.face-box ul li.f_list1 p { left:150px; }
.face-box ul li.f_list3 p { left:140px; }
.face-box ul li.f_list4 p { left:140px; }
.face-box ul li.f_list5 p { left:140px; }
.face-box ul li p b { font-size:1em; font-weight:400; color:#e95858; }

/* 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:1380px) {
	.face-box ul li.f_list1 { left:38%; }
	.face-box ul li.f_list2 { left:38%; }
	.face-box ul li.f_list3 { left:72%; }
	.face-box ul li.f_list4 { left:72%; }
	.face-box ul li.f_list5 { left:72%; }
}

@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%; }
}

@media (max-width:1024px) {
	.face-box ul li p { width:150%; line-height:1.2; }
	.face-box ul li.f_list1 p { left:90px; top:30%; }
	.face-box ul li.f_list2 p { left:90px; top:30%; }
	.face-box ul li.f_list3 p { left:90px; top:30%; }
	.face-box ul li.f_list4 p { left:90px; top:30%; }
	.face-box ul li.f_list5 p { left:90px; top:30%; }
}

@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; }
	.face-box ul li.f_list2 { top:auto; left:auto; }
	.face-box ul li.f_list3 { top:auto; left:auto; }
	.face-box ul li.f_list4 { top:auto; left:auto; }
	.face-box ul li.f_list5 { top:auto; left:auto; }
	.face-box ul li p { position:relative; left:auto; bottom:auto; display:block; float:left; width:80%; line-height:1; padding:42px 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_list2 p { left:auto; }
	.face-box ul li.f_list3 p { left: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%; top:40%; }
	.face-box ul li.f_list1 p { width:60%; top:50%; }
	.face-box ul li.f_list2 p { top:50%; }
	.face-box ul li.f_list3 p { width:60%; top:50%; }
	.face-box ul li.f_list4 p { width:60%; top:50%; }
	.face-box ul li.f_list5 p { width:60%; top:50%; }
}

/* 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; height:auto; margin:0; padding:80px 0 170px; text-align:center; background:url('../../images/sub2/product_bg8.jpg') no-repeat center top; background-size:cover; 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:100px 0 60px; text-align:center; box-sizing:border-box; }
.product-box .cnt { display:block; line-height:2; margin:0 0 90px; font-size:1em; color:#666; }
.product-box .cnt > span { display:block; }
.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:60px 0 30px; font-size:1em; color:#666; }
.product_inner { display:block; max-width:1200px; margin:0 auto; }

.product-box1 { background:url('../../images/sub2/product_bg2.jpg') no-repeat center top; background-size:cover; }
.product-box2 { padding:70px 0; background:#eee; }
.product-box3 { padding:70px 0; background:url('../../images/sub2/product_bg3.jpg') no-repeat center top; background-size:cover; }
.product-box4 { background:url('../../images/sub2/product_bg4.jpg') no-repeat center top; background-size:cover; }
.product-box5 { padding:80px 0 110px; background:url('../../images/sub2/product_bg5.jpg') no-repeat center top; background-size:cover; }
.product-box6 { padding:85px 0 80px; background:url('../../images/sub2/product_bg6.jpg') no-repeat center top; background-size:cover; }
.product-box7 { background:url('../../images/sub2/product_bg7.jpg') no-repeat center top; background-size:cover; padding:136px 0 166px; }

.product-box3 .num_list { display:block; margin:0; padding:0 400px 0 0; list-style:none; text-align:left; overflow:hidden; }
.product-box3 .num_list li { display:block; margin:0 0 60px; }
.product-box3 .num_list li:last-child { margin-bottom:0; }
.product-box3 .num_list li strong { display:block; line-height:1.3; margin:0 0 18px; font-size:1.75em; font-weight:400; color:#123577; }
.product-box3 .num_list li .n_text { display:block; line-height:2; margin-left:30px; padding-left:11px; font-size:1em; color:#666; background:url('../../images/sub2/bar.gif') no-repeat left 16px; }
.product-box3 .img { position:absolute; right:50%; top:70px; display:block; margin-right:-600px; }

.product-box4 .diagram_box { display:block; margin:50px 0 70px; overflow:hidden; }
.product-box4 .diagram_box .dg_l { display:block; float:left; width:38%; margin-left:1%; }
.product-box4 .diagram_box .dg_r { position:relative; display:block; float:right; width:42%; overflow:hidden; }
.product-box4 .diagram_box .dg_r .ex_box { display:block; max-width:275px; padding:50px 0; }
.product-box4 .diagram_box .dg_r .ex_box .ex1 { display:block; line-height:2; font-size:1em; color:#666; text-align:left; }
.product-box4 .diagram_box .dg_r .ex_box .ex2 { display:block; line-height:1.8; font-size:1.25em; color:#666; text-align:left; }
.product-box4 .diagram_box .dg_r .ex_box .ex2 span { border-bottom:1px solid #666; }
.product-box4 .diagram_box .dg_r .ex_box .ex2 .color { color:#ff0000; border-bottom:1px solid #ff0000; }
.product-box4 .diagram_box .dg_r .ex_box .ex2 img { display:block; margin:2px auto 5px; }
.product-box4 .diagram_box .dg_r .ex_box .ex3 { display:block; line-height:1.7; font-size:1.25em; font-weight:400; color:#66cccc; text-align:center; }
.product-box4 .diagram_box .dg_r .ex_img { position:absolute; right:0; top:22%; display:block; }
.product-box4 .text_box { display:block; }
.product-box4 .text_box p { display:block; line-height:2; font-size:1em; color:#666; }

.product-box5 .cnt { margin:0 0 70px; }
.product-box5 .mob_box { position:relative; display:block; }
.product-box5 .mob_box .list { display:block; width:64%; margin:0 0 0 66px; padding:0; list-style:none; overflow:hidden; }
.product-box5 .mob_box .list li { display:block; float:left; width:33.33%; height:172px; margin:0 0 24px; text-align:center; box-sizing:border-box; }
.product-box5 .mob_box .list li:nth-child(n+4) { margin-bottom:0; }
.product-box5 .mob_box .list li .text { display:table; width:100%; min-width:172px; max-width:172px; height:172px; margin:0 auto 24px; background:#cdcdcd; border-radius:50%; box-sizing:border-box; }
.product-box5 .mob_box .list li .text span { display:table-cell; font-size:1.12em; color:#000; vertical-align:middle; }
.product-box5 .mob_box .plus { position:absolute; left:70%; top:50%; margin-top:-19px; }
.product-box5 .mob_box .img { position:absolute; left:50%; top:10px; margin-left:340px; }

.product-box6 .h5_label { margin:0 0 20px; }
.product-box6 .img1 { margin-left:-260px; }
.product-box6 .img2 { position:absolute; right:50%; top:50%; margin-top:-125px; margin-right:-540px; }

@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%; }

	#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; }

	.product-box img { max-width:100%; }
	.product-box .cnt { margin:0 0 60px; padding:0 25px; }
	.product-box .img { padding:0 20px; }

	.product-box3 .num_list { padding:0 20px; }
	.product-box3 .num_list li strong { font-size:1.5em; }
	.product-box3 .img { position:relative; right:auto; top:auto; margin:0 auto 30px; }
	.product-box4 .diagram_box { margin:30px 0 0; padding:0 10px; }
	.product-box4 .diagram_box .dg_l { float:none; width:100%; margin-left:0; }
	.product-box4 .diagram_box .dg_r { float:none; width:100%; max-width:500px; margin:0 auto; }
	.product-box4 .text_box { padding:0 20px; }
	.product-box5 .mob_box { text-align:center; }
	.product-box5 .mob_box .list { width:100%; margin:0 auto; }
	.product-box5 .mob_box .list li { width:27.33%; margin:0 3% 24px; }
	.product-box5 .mob_box .list li:nth-child(n+4) { margin-bottom:24px; }
	.product-box5 .mob_box .plus { position:relative; left:auto; top:auto; margin-top:0; }
	.product-box5 .mob_box .img { position:relative; left:auto; top:auto; margin-left:0; }
	.product-box6 .img1 { display:block; margin:0 auto; padding:0 10px; box-sizing:border-box; }
	.product-box6 .img2 { position:relative; right:auto; top:auto; margin-top:0; margin-right:0; padding:0 20px; }
	.product-box7 { padding:70px 0 90px; }
	.product-box7 .h5_label { margin:0 0 20px; }
	.product-box7 .p_text { margin:0 0 30px; padding:0 25px; }
}

@media (max-width:850px) {
	.product-box .h5_label { font-size:1.5em; }
	.product-box .cnt { font-size:0.93em; }	
	.product-box4 .text_box p { font-size:0.93em; }
}

@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_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; }
	
	.product-box .h5_label { font-size:1.3em; }
	.product-box .cnt { font-size:0.87em; }
	.product-box3 .num_list li { margin:0 0 30px; }
	.product-box3 .num_list li strong { margin:0 0 12px; font-size:1.3em; }
	.product-box3 .num_list li .n_text { margin-left:24px; font-size:0.93em; }
	.product-box4 .text_box p { font-size:0.87em; }
	.product-box4 .diagram_box .dg_r .ex_box { margin:0 auto; padding:40px 0 15px; }
	.product-box4 .diagram_box .dg_r .ex_img { position:relative; right:auto; top:auto; display:block; margin:0 auto 30px; }
	.product-box5 .mob_box .list { padding:0 5%; box-sizing:border-box; }
	.product-box5 .mob_box .list li { width:44%; margin:0 3% 24px; }
}

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

	#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; }

	.product-box3 .num_list li strong { font-size:1.2em; }
}

@media (max-width:414px) {
	.product-box5 .mob_box .list li .text { min-width:140px; max-width:140px; height:140px; }
	.product-box5 .mob_box .list li .text span { font-size:1em; }
}

/* 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; }
}