.slider_containner { width: 100%; height: 820px; }
.slider_containner .slider_arrow_left {
	top: 50%; left: 80px; width: 16px; height: 35px; line-height: 35px; 

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	background: url(../images/arrow_left.svg) no-repeat center center;
	z-index: 10;
	cursor: pointer;
}
.slider_containner .slider_arrow_right { 
	top: 50%; right: 80px; width: 16px; height: 35px; line-height: 35px; 

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	background: url(../images/arrow_right.svg) no-repeat center center;
	z-index: 10;
	cursor: pointer;
}

/*intro-video*/
.intro-video {width:100%; height:auto;}
.position_absolute .display_inline_block .left video_bg {position: absolute;}

#slider_contents_img { width: 100%; height: 100%; z-index: 1; }
#slider_contents_img .slick-list { width: 100%; height: 100%; }
#slider_contents_img .slick-track { width: 100%; height: 100%; }
.mo_visual{display:none;}

#slider_contents_img .slider_contents_img_item { width: 100%; height:100%;}
#slider_contents_img .slider_contents_img_item .video_bg { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }
/*#slider_contents_img .filter {top: 0px; left: 0px; width: 100%; height: 100%; background-color: #1b1d23; z-index: 2; opacity: 0.6; }*/
#slider_contents_img .filter {top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 2; opacity: 0.6; }
#slider_contents_img .video_bg_player {
	top: 0px; left: 0px;
	width: 100%; height: 100% !important;
    z-index: 1;
}

#slider_contents_img iframe {
    top: 50% !important; left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

#slider_contents_img .slider_contents_img_item .slider_contents_txt { width: 100%; height: 100%; padding-top: 120px; box-sizing: border-box; z-index: 3; }
#slider_contents_img .slider_contents_img_item .slider_contents_txt > div { width: 100%; height: 100%; text-align: center; }
#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box { width: 100%; max-width: 1280px; height: 100%; }
#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item {
    top: 40%; left: 0px; 
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	width: 100%; height: auto;

}


#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_title {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 80px; color: #fff; text-align: left; font-weight:800; letter-spacing:-2px;
}

#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_desc {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 20px; color: #fff; text-align: left;
	margin-top: 30px;
}


.wwd_containner { width: 100%; height: auto; padding: 140px 0px 120px; text-align: center; }
.wwd_containner > div { width: 100%; max-width: 1280px; height: auto; }

.wwd_containner .containner_title { width: 320px; height: auto; }	
.wwd_containner .containner_title .containner_title_txt {
	width: 100%; height: auto; line-height: 1;
	font-size: 46px; color: #000; text-align: left; margin-bottom:20px; letter-spacing:-1px;
}

.wwd_containner .containner_title .containner_title_btn { width: 190px; height: auto; }


.wwd_containner .containner_title .containner_title_btn a {
	width: 100%; height: 55px; line-height: 55px;
	border: 1px solid #e6e6e6;
	font-size: 16px; color: #000; text-align: center; 
	margin-top: 10px;
	box-sizing: border-box;
}


.wwd_containner .containner_title .containner_title_btn a:hover {
	background-color: #fd5529;
	color:#fff;
	
}


.wwd_containner .containner_title .containner_title_btn img { vertical-align: -1px; margin-left: 5px; margin-right: -5px; }

.wwd_containner .containner_list { width: calc(100% - 320px); height: auto; }

.wwd_containner .containner_list .containner_item { width: 25%; height: auto; padding-top: 40px; border-right: 1px solid #e0e0e0; box-sizing: border-box; }
.wwd_containner .containner_list .containner_item:nth-child(1){ padding-top: 0px; }
.wwd_containner .containner_list .containner_item:nth-child(2){ padding-top: 0px; }
.wwd_containner .containner_list .containner_item:nth-child(3){ padding-top: 0px; }
/*.wwd_containner .containner_list .containner_item:nth-child(4){ padding-top: 0px; }*/
.wwd_containner .containner_list .containner_item:nth-child(4n) { border:none; padding-top:0; }


.wwd_containner .containner_list .containner_item .containner_item_icon { width: 100%; height: 80px; }
.wwd_containner .containner_list .containner_item .containner_item_icon.icon_01 { background: url(../images/wwd_icon_01.svg) no-repeat center center; background-size: auto 70px; }
.wwd_containner .containner_list .containner_item .containner_item_icon.icon_02 { background: url(../images/wwd_icon_02.svg) no-repeat center center; background-size: auto 70px; }
.wwd_containner .containner_list .containner_item .containner_item_icon.icon_03 { background: url(../images/wwd_icon_03.svg) no-repeat center center; background-size: auto 70px; }
.wwd_containner .containner_list .containner_item .containner_item_icon.icon_04 { background: url(../images/wwd_icon_04.svg) no-repeat center center; background-size: auto 70px; }
.wwd_containner .containner_list .containner_item .containner_item_icon.icon_05 { background: url(../images/wwd_icon_05.svg) no-repeat center center; background-size: auto 70px; }
.wwd_containner .containner_list .containner_item .containner_item_icon.icon_06 { background: url(../images/wwd_icon_06.svg) no-repeat center center; background-size: auto 70px; }
.wwd_containner .containner_list .containner_item .containner_item_icon.icon_07 { background: url(../images/wwd_icon_07.svg) no-repeat center center; background-size: auto 70px; }

.wwd_containner .containner_list .containner_item .containner_item_title { width: 100%; height: 50px; line-height: 22px; font-size: 20px; color: #000; text-align: center; margin-top: 5px; }
.wwd_containner .containner_list .containner_item .containner_item_desc {
	width: 100%; height: 7.5em; line-height: 1.5;
	font-size: 15px; text-align: center; color: #000; 
	margin-top: 5px;
	opacity: 0.6;
}

.wwd_containner .containner_list .containner_item:nth-child(1) .containner_item_desc { height: 5.2em; }
.wwd_containner .containner_list .containner_item:nth-child(2) .containner_item_desc { height: 5.2em; }
.wwd_containner .containner_list .containner_item:nth-child(3) .containner_item_desc { height: 5.2em; }
.wwd_containner .containner_list .containner_item:nth-child(4) .containner_item_desc { height: 5.2em; }

.pf_containner { width: 100%; height: 720px; text-align: center; }


.pf_containner .pf_arrow_left {
	top: 50%; left: 80px; width: 16px; height: 35px; line-height: 35px; 

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	background: url(../images/arrow_left.svg) no-repeat center center;
	z-index: 10;
	cursor: pointer;
}
.pf_containner .pf_arrow_right { 
	top: 50%; right: 80px; width: 16px; height: 35px; line-height: 35px; 

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

	background: url(../images/arrow_right.svg) no-repeat center center;
	z-index: 10;
	cursor: pointer;
}

.pf_containner .pf_containner_bg { top: 0px; left: 0px; width: 100%; height: 100%; background-color: #1a1a1a; }
.pf_containner .pf_containner_bg .pf_containner_bg_img { height: 100%; }
#pf_containner_bg_img { background-color: #1a1a1a; height: 100%; opacity: 0.4; }
#pf_containner_bg_img .pf_containner_bg_img_item { width: 100%; height: 100%; }

#pf_containner_bg_img .slick-list { width: 100%; height: 100%; }
#pf_containner_bg_img .slick-track { width: 100%; height: 100%; }

.pf_containner .pf_contents { width: 100%; max-width: 1280px; height: 100%; }
.pf_containner .pf_contents .pf_contents_left { width: 320px; height: 100%; background-color: #1a1a1a; padding: 138px 0px; box-sizing: border-box; }
.pf_containner .pf_contents .pf_contents_right { width: calc(100% - 320px); height: 100%; padding-top: 138px; box-sizing: border-box; }


#pf_contents_info { width: 100%; height: 100%; box-sizing: border-box; }
#pf_contents_info .pf_contents_info_item { width: 100%; height: auto; padding-right: 30px; box-sizing: border-box; }
#pf_contents_info .pf_contents_info_item .pf_contents_box { width: 100%; height: auto; margin-top: 30px; }
#pf_contents_info .pf_contents_info_item .pf_contents_box:first-child { margin-top: 0px; }

#pf_contents_info .pf_contents_info_item .pf_contents_box .pf_contents_label {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 16px; color: #fff; text-align: left;
	opacity: 0.6;
}

#pf_contents_info .pf_contents_info_item .pf_contents_box .pf_contents_txt {
	width: 100%; height: 1.5em;  line-height: 1.5; 
	font-size: 16px; color: #fff; text-align: left;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; 
	
	text-align: left; word-wrap: break-word; display: -webkit-box; 
	-webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_project .pf_contents_txt { height: 3em; -webkit-line-clamp: 2; }

#pf_contents_info .pf_contents_info_item .pf_contents_img {
	width: 160px; height: 160px;
	margin-top: 55px;
	border-radius: 100%;
	background-color: #fff;
}


#pf_contents_latest { width: 100%; height: 100%; padding: 0px 80px; box-sizing: border-box; }
#pf_contents_latest .pf_contents_latest_item { width: 100%; height: 100%; box-sizing: border-box; }
#pf_contents_latest .pf_contents_latest_item .pf_contents_label {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 26px; color: #fff; text-align: left;
}

#pf_contents_latest .pf_contents_latest_item .pf_contents_txt {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 46px; color: #fff; text-align: left;
	margin-top: 15px;
}

#pf_contents_latest .pf_contents_latest_item .pf_contents_btn {
	width: 200px; height: 50px; line-height: 45px;
	font-size: 18px; color: #fff; text-align: center;
	border: 1px solid #fff;
	box-sizing: border-box;
	margin-top: 30px;
	border-radius:50px;
}

#pf_contents_latest .pf_contents_latest_item .pf_contents_btn:hover {
	background-color: #fd5529; border-color: #fd5529; 
}

.client_containner { width: 100%; height: auto; padding: 140px 0px 120px; text-align: center; }
.client_containner > div { width: 100%; max-width: 1280px; height: auto; }

.client_containner .containner_title { width: 320px; height: auto; }	
.client_containner .containner_title .containner_title_txt {
	width: 100%; height: auto; line-height: 1;
	font-size: 46px; color: #000; text-align: left;
}

.client_containner .containner_btn { width: 120px; height: auto; margin-top: 30px; }
.client_containner .containner_btn .containner_btn_arrow {
	width: 60px; height: 60px;
	border: 1px solid #e6e6e6;
	border-left: 0px;
	box-sizing: border-box;
	cursor: pointer;
}

.client_containner .containner_btn .containner_btn_arrow_left { background: url(../images/client_arrow_left.svg) no-repeat center center; }
.client_containner .containner_btn .containner_btn_arrow_right { background: url(../images/client_arrow_right.svg) no-repeat center center; }

.client_containner .containner_btn .containner_btn_arrow_left:hover { background: url(../images/client_arrow_left.svg) #e6e6e6 no-repeat center center; }
.client_containner .containner_btn .containner_btn_arrow_right:hover { background: url(../images/client_arrow_right.svg) #e6e6e6 no-repeat center center; }

.client_containner .containner_btn .containner_btn_arrow:first-child { border-left: 1px solid #e6e6e6; }

.client_containner .containner_list { width: calc(100% - 320px); height: auto; }
#containner_list { width: 100%; height: auto; }
#containner_list .containner_list_item { width: 100%; height: auto; }
.client_containner .containner_list .containner_item { width: 20%; height: auto; padding: 20px 0px; border-right: 1px solid #e0e0e0; box-sizing: border-box; }
/*.client_containner .containner_list .containner_item:nth-child(1){ padding-top: 20px; }*/
/*.client_containner .containner_list .containner_item:nth-child(2){ padding-top: 20px; }*/
/*.client_containner .containner_list .containner_item:nth-child(3){ padding-top: 20px; }*/
/*.client_containner .containner_list .containner_item:nth-child(4){ padding-top: 20px; }*/
/*.client_containner .containner_list .containner_item:nth-child(5){ padding-top: 20px; }*/
/**/
/*.client_containner .containner_list .containner_item:nth-child(11){ padding-bottom: 20px; }*/
/*.client_containner .containner_list .containner_item:nth-child(12){ padding-bottom: 20px; }*/
/*.client_containner .containner_list .containner_item:nth-child(13){ padding-bottom: 20px; }*/
/*.client_containner .containner_list .containner_item:nth-child(14){ padding-bottom: 20px; }*/
/*.client_containner .containner_list .containner_item:nth-child(15){ padding-bottom: 20px; }*/

.client_containner .containner_list .containner_item:nth-child(5n+1) { border-left: 1px solid #e0e0e0; }
.client_containner .containner_list .containner_item img {
	display: inline-block; width: 150px; max-width: 100%; height: auto; 
	-webkit-filter: grayscale(100%); filter: gray;
}
.client_containner .containner_list .containner_item:hover img { -webkit-filter: grayscale(0%); filter: none; }
.wwd_containner .containner_title .containner_title_btn a.main_pdf, .wwd_containner .containner_title .containner_title_btn p.main_pdf{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
	display:block;
	background-color: #25346f;
}
.wwd_containner .containner_title .containner_title_btn p.main_pdf{
	float:left;
	height: 60px;
	line-height: 60px;
}
.wwd_containner .containner_title .containner_title_btn p.main_pdf a{
	color:#fff;
	border:1px solid #25346f;
	margin:0
	font-size:14px;
	height: 60px;
	line-height: 60px;
	width:100%;
	text-align:center;
	display:inline-block;
	background:url(../images/down_icon.svg) 95% center no-repeat;
}


@media (max-width: 479px){ 
	.slider_containner { height: 400px; }
	.slider_containner .slider_arrow_left { left: 10px; height: 15px; line-height: 15px; }
	.slider_containner .slider_arrow_right { right: 10px; height: 15px; line-height: 15px; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt { padding-top: 80px; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box { padding: 0px 30px; box-sizing: border-box; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item { top: 39%; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_title { font-size: 24px; text-align: center; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_desc { font-size: 12px;  text-align: center; margin-top: 15px; }
	/*#slider_contents_img{display:none;}
	.mo_visual{display:block;}
	.mo_visual img{width:100%;}*/
	.position_absolute .display_inline_block .left video_bg {position: relative;}
	.intro-video {width:auto; height:100%; position: absolute;
        left: 50%;
        transform: translateX(-50%);}
	
	.wwd_containner { padding: 45px 0px; }
	.wwd_containner > div { padding: 0px 15px; box-sizing: border-box; }
	.wwd_containner .containner_title { width: 100%; margin-bottom: 30px; }
	.wwd_containner .containner_title .containner_title_txt { width: auto; height: 35px; line-height: 35px; font-size: 18px; margin-bottom:30px;}
	.wwd_containner .containner_list { width: 100%; }
	.wwd_containner .containner_title .containner_title_btn { width: 100%; float: left; }	
	.wwd_containner .containner_title .containner_title_btn a { height: 35px; line-height: 35px; font-size: 12px; margin-top: 0px; }
	.wwd_containner .containner_title .containner_title_btn img {  width: auto; height: 10px; }
	.wwd_containner .containner_title .containner_title_btn p.main_pdf{height:35px; line-height:35px;}
	.wwd_containner .containner_title .containner_title_btn p.main_pdf a{background-size:3%; font-size:12px; height:35px; line-height:35px;}

	.wwd_containner .containner_list .containner_item { width: 50%; padding-top: 30px; }

	.wwd_containner .containner_list .containner_item:nth-child(1){ padding-top: 0px; border-left: none;}
	.wwd_containner .containner_list .containner_item:nth-child(2){ padding-top: 0px; border-right:none;}
	.wwd_containner .containner_list .containner_item:nth-child(3){ padding-top: 30px; border-left: none;}
	.wwd_containner .containner_list .containner_item:nth-child(4){ padding-top: 30px; border-right:none;}
	.wwd_containner .containner_list .containner_item:nth-child(5){ padding-top: 30px; border-left: none;}
	.wwd_containner .containner_list .containner_item:nth-child(6){ padding-top: 30px; border-right:none;}
	.wwd_containner .containner_list .containner_item:nth-child(7){ padding-top: 30px; border-left: none;}
	/*.wwd_containner .containner_list .containner_item:nth-child(3n+1) { border-left: 0px; }
	.wwd_containner .containner_list .containner_item:nth-child(2n+1) { border-left: 1px solid #e0e0e0; }*/

	.wwd_containner .containner_list .containner_item .containner_item_icon { height: 60px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_01 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_02 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_03 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_04 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_05 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_06 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_07 { background-size: auto 50px; }

	.wwd_containner .containner_list .containner_item .containner_item_title { height: 30px; line-height: 15px; font-size: 14px; }
	.wwd_containner .containner_list .containner_item .containner_item_desc { font-size: 12px; margin-top: 5px; }

	.wwd_containner .containner_list .containner_item:nth-child(1) .containner_item_desc { height: 9em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(2) .containner_item_desc { height: 9em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(3) .containner_item_desc { height: 10.5em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(4) .containner_item_desc { height: 10.5em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(5) .containner_item_desc { height: 10.5em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(6) .containner_item_desc { height: 10.5em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(7) .containner_item_desc { height: 7.5em; line-height: 1.5; }


	.pf_containner { height: auto; }
	.pf_containner .pf_arrow_left { top: 45%; left: 10px; height: 15px; line-height: 15px; }
	.pf_containner .pf_arrow_right { top: 45%; right: 10px; height: 15px; line-height: 15px; }
	.pf_containner .pf_contents { padding: 0px 0px; float: left; box-sizing: border-box; }
	.pf_containner .pf_contents .pf_contents_left { width: 100%; height: auto; padding: 30px 15px; box-sizing: border-box; float: left; }
	#pf_contents_info .pf_contents_info_item { padding-right: 0px; }

	#pf_contents_info .pf_contents_info_item .pf_contents_box { width: 33.333%; margin-top: 0px; box-sizing: border-box; padding: 0px 15px;  text-align: center; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_yyyy { width: 25%; padding: 0px; padding-right: 15px; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_client { width: 35%; padding: 0px; padding-right: 15px; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_project { width: 40%; padding: 0px; }

	#pf_contents_info .pf_contents_info_item .pf_contents_box .pf_contents_label { font-size: 12px; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box .pf_contents_txt { font-size: 12px; }

	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_project .pf_contents_txt { height: 1.5em; -webkit-line-clamp: 1; }
	#pf_contents_info .pf_contents_info_item .pf_contents_img { display: none; } 


	.pf_containner .pf_contents .pf_contents_right { width: 100%; padding: 90px 0px 45px; float: left; }
	#pf_contents_latest { padding: 0px 30px; } 
	#pf_contents_latest .pf_contents_latest_item { text-align: center; }
	#pf_contents_latest .pf_contents_latest_item .pf_contents_label { font-size: 16px; text-align: center; }

	#pf_contents_latest .pf_contents_latest_item .pf_contents_btn { width: 100px; height: 35px; line-height: 35px; font-size: 12px; float: none; margin-top: 15px; }
	#pf_contents_latest .pf_contents_latest_item .pf_contents_txt { font-size: 18px; text-align: center; margin-top: 5px; }

	.client_containner { padding: 45px 0px; }
	.client_containner > div { padding: 0px 15px; box-sizing: border-box; }
	.client_containner .containner_title { width: 100%; margin-bottom: 30px; }
	.client_containner .containner_title .containner_title_txt { width: auto;  height: 35px; line-height: 35px; font-size: 18px; }
	.client_containner .containner_btn { width: 70px; margin-top: 0px; float: right; }
	.client_containner .containner_btn .containner_btn_arrow { width: 35px; height: 35px; }
	.client_containner .containner_btn .containner_btn_arrow_left { background-size: auto 12px; }
	.client_containner .containner_btn .containner_btn_arrow_right { background-size: auto 12px; }
	.client_containner .containner_list { width: 100%; }



	.client_containner .containner_list .containner_item { width: 33.3333%; height: auto; padding: 10px 0px; border-right: 1px solid #e0e0e0; box-sizing: border-box; }
	.client_containner .containner_list .containner_item:nth-child(5n+1) { border-left: 0px solid #e0e0e0; }
	.client_containner .containner_list .containner_item:nth-child(3n+1) { border-left: 1px solid #e0e0e0; }
	.client_containner .containner_list .containner_item img { width: 100px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	.slider_containner { height: 350px; }
	.slider_containner .slider_arrow_left { left: 15px; }
	.slider_containner .slider_arrow_right { right: 15px; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt { padding-top: 90px; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box { padding: 0px 60px; box-sizing: border-box; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item { top: 32%; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_title { font-size: 32px; text-align: center; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_desc { font-size: 14px;  text-align: center; margin-top: 15px; }

	.wwd_containner { padding: 60px 0px; }
	.wwd_containner > div { padding: 0px 15px; box-sizing: border-box; }
	.wwd_containner .containner_title { width: 100%; margin-bottom: 30px; }
	.wwd_containner .containner_title .containner_title_txt { width: auto; height: 40px; line-height: 40px; font-size: 24px; }
	.wwd_containner .containner_list { width: 100%; }
	.wwd_containner .containner_title .containner_title_btn { width: 120px; float: right; }	
	.wwd_containner .containner_title .containner_title_btn a { height: 40px; line-height: 40px; font-size: 14px; margin-top: 0px; }
	.wwd_containner .containner_title .containner_title_btn img {  width: auto; height: 10px; }

	.wwd_containner .containner_list .containner_item { width: 50%; padding-top: 30px; }

	.wwd_containner .containner_list .containner_item:nth-child(1){ padding-top: 0px; border-left:none;}
	.wwd_containner .containner_list .containner_item:nth-child(2){ padding-top: 0px; border-right:none;}
	.wwd_containner .containner_list .containner_item:nth-child(3){ padding-top: 30px; border-left:none;}
	.wwd_containner .containner_list .containner_item:nth-child(4){ padding-top: 30px; border-right:none;}
	.wwd_containner .containner_list .containner_item:nth-child(5){ padding-top: 30px; border-left:none;}
	.wwd_containner .containner_list .containner_item:nth-child(6){ padding-top: 30px; border-right:none;}
	.wwd_containner .containner_list .containner_item:nth-child(7){ padding-top: 30px; border-left:none;}
	/*.wwd_containner .containner_list .containner_item:nth-child(3n+1) { border-left: 0px; }
	.wwd_containner .containner_list .containner_item:nth-child(2n+1) { border-left: 1px solid #e0e0e0; }*/

	.wwd_containner .containner_list .containner_item .containner_item_icon { height: 60px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_01 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_02 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_03 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_04 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_05 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_06 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_07 { background-size: auto 50px; }

	.wwd_containner .containner_list .containner_item .containner_item_title { height: 45px; line-height: 25px; font-size: 16px; }
	.wwd_containner .containner_list .containner_item .containner_item_desc { font-size: 14px; margin-top: 5px; }

	.wwd_containner .containner_list .containner_item:nth-child(1) .containner_item_desc { height: 9em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(2) .containner_item_desc { height: 9em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(3) .containner_item_desc { height: 10.5em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(4) .containner_item_desc { height: 10.5em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(5) .containner_item_desc { height: 10.5em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(6) .containner_item_desc { height: 10.5em; line-height: 1.5; }
	.wwd_containner .containner_list .containner_item:nth-child(7) .containner_item_desc { height: 10.5em; line-height: 1.5; }


	.pf_containner { height: auto; }
	.pf_containner .pf_arrow_left { top: 45%; left: 15px; }
	.pf_containner .pf_arrow_right { top: 45%; right: 15px; }
	.pf_containner .pf_contents { padding: 0px 0px; float: left; box-sizing: border-box; }
	.pf_containner .pf_contents .pf_contents_left { width: 100%; height: auto; padding: 30px 15px; box-sizing: border-box; float: left; }
	#pf_contents_info .pf_contents_info_item { padding-right: 0px; }

	#pf_contents_info .pf_contents_info_item .pf_contents_box { width: 33.333%; margin-top: 0px; box-sizing: border-box; padding: 0px 15px;  text-align: center; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_yyyy { width: 25%; padding: 0px; padding-right: 15px; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_client { width: 35%; padding: 0px; padding-right: 15px; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_project { width: 40%; padding: 0px; }

	#pf_contents_info .pf_contents_info_item .pf_contents_box .pf_contents_label { font-size: 14px; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box .pf_contents_txt { font-size: 14px; }

	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_project .pf_contents_txt { height: 1.5em; -webkit-line-clamp: 1; }
	#pf_contents_info .pf_contents_info_item .pf_contents_img { display: none; } 


	.pf_containner .pf_contents .pf_contents_right { width: 100%; padding: 120px 0px 60px; float: left; }
	#pf_contents_latest { padding: 0px 60px; } 
	#pf_contents_latest .pf_contents_latest_item { text-align: center; }
	#pf_contents_latest .pf_contents_latest_item .pf_contents_label { font-size: 18px; text-align: center; }

	#pf_contents_latest .pf_contents_latest_item .pf_contents_btn { width: 120px; height: 40px; line-height: 40px; font-size: 14px; float: none; }
	#pf_contents_latest .pf_contents_latest_item .pf_contents_txt { font-size: 24px; text-align: center; margin-top: 5px; }

	.client_containner { padding: 60px 0px; }
	.client_containner > div { padding: 0px 15px; box-sizing: border-box; }
	.client_containner .containner_title { width: 100%; margin-bottom: 30px; }
	.client_containner .containner_title .containner_title_txt { width: auto;  height: 40px; line-height: 40px; font-size: 24px; }
	.client_containner .containner_btn { width: 80px; margin-top: 0px; float: right; }
	.client_containner .containner_btn .containner_btn_arrow { width: 40px; height: 40px; }
	.client_containner .containner_btn .containner_btn_arrow_left { background-size: auto 16px; }
	.client_containner .containner_btn .containner_btn_arrow_right { background-size: auto 16px; }
	.client_containner .containner_list { width: 100%; }



	.client_containner .containner_list .containner_item { width: 33.3333%; height: auto; padding: 15px 0px; border-right: 1px solid #e0e0e0; box-sizing: border-box; }
	.client_containner .containner_list .containner_item:nth-child(5n+1) { border-left: 0px solid #e0e0e0; }
	.client_containner .containner_list .containner_item:nth-child(3n+1) { border-left: 1px solid #e0e0e0; }
	.client_containner .containner_list .containner_item img { width: 100px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	.slider_containner { height: 500px; }
	.slider_containner .slider_arrow_left { left: 15px; }
	.slider_containner .slider_arrow_right { right: 15px; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box { padding: 0px 60px; box-sizing: border-box; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_title { font-size: 52px; text-align: center; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_desc { font-size: 16px;  text-align: center; margin-top: 15px; }

	.wwd_containner { padding: 90px 0px; }
	.wwd_containner > div { padding: 0px 30px; box-sizing: border-box; }
	.wwd_containner .containner_title { width: 100%; margin-bottom: 45px; }
	.wwd_containner .containner_title .containner_title_txt { width: auto; height: 45px; line-height: 45px; font-size: 28px; margin-bottom:30px;}
	.wwd_containner .containner_list { width: 100%; }
	.wwd_containner .containner_title .containner_title_btn { width: 100%; float: left; }	
	.wwd_containner .containner_title .containner_title_btn a { height: 45px; line-height: 45px; font-size: 14px; margin-top: 0px; }
	.wwd_containner .containner_title .containner_title_btn img {  width: auto; height: 10px; }
	.wwd_containner .containner_title .containner_title_btn p.main_pdf a{background-size:3%; font-size:13px;}

	.wwd_containner .containner_list .containner_item { padding-top: 30px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon { height: 60px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_01 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_02 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_03 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_04 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_05 { background-size: auto 50px; }
	.wwd_containner .containner_list .containner_item .containner_item_icon.icon_06 { background-size: auto 50px; }

	.wwd_containner .containner_list .containner_item .containner_item_title { height: 40px; line-height: 18px; font-size: 18px; }
	.wwd_containner .containner_list .containner_item .containner_item_desc { font-size: 14px; }

	.pf_containner { height: auto; }
	.pf_containner .pf_arrow_left { top: 45%; left: 15px; }
	.pf_containner .pf_arrow_right { top: 45%; right: 15px; }
	.pf_containner .pf_contents { padding: 0px 0px; float: left; box-sizing: border-box; }
	.pf_containner .pf_contents .pf_contents_left { width: 100%; height: auto; padding: 30px 30px; box-sizing: border-box; float: left; }
	#pf_contents_info .pf_contents_info_item { padding-right: 0px; }

	#pf_contents_info .pf_contents_info_item .pf_contents_box { width: 33.333%; margin-top: 0px; box-sizing: border-box; padding: 0px 15px;  text-align: center; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_yyyy { width: 25%; padding: 0px; padding-right: 15px; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_client { width: 35%; padding: 0px; padding-right: 15px; }
	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_project { width: 40%; padding: 0px; }

	#pf_contents_info .pf_contents_info_item .pf_contents_box.pf_contents_project .pf_contents_txt { height: 1.5em; -webkit-line-clamp: 1; }
	#pf_contents_info .pf_contents_info_item .pf_contents_img { display: none; } 


	.pf_containner .pf_contents .pf_contents_right { width: 100%; padding: 120px 0px 60px; float: left; }
	#pf_contents_latest { padding: 0px 60px; } 
	#pf_contents_latest .pf_contents_latest_item { text-align: center; }
	#pf_contents_latest .pf_contents_latest_item .pf_contents_label { font-size: 24px; text-align: center; }

	#pf_contents_latest .pf_contents_latest_item .pf_contents_btn { width: 120px; height: 45px; line-height: 45px; font-size: 14px; float: none; }
	#pf_contents_latest .pf_contents_latest_item .pf_contents_txt { font-size: 28px; text-align: center; }

	.client_containner { padding: 90px 0px; }
	.client_containner > div { padding: 0px 30px; box-sizing: border-box; }
	.client_containner .containner_title { width: 100%; margin-bottom: 45px; }
	.client_containner .containner_title .containner_title_txt { width: auto;  height: 45px; line-height: 45px; font-size: 28px; }
	.client_containner .containner_btn { width: 90px; margin-top: 0px; float: right; }
	.client_containner .containner_btn .containner_btn_arrow { width: 45px; height: 45px; }
	.client_containner .containner_list { width: 100%; }
}

@media (max-width: 1279px) and (min-width: 1024px) { 
	.slider_containner { height: 750px; }
	.slider_containner .slider_arrow_left { left: 15px; }
	.slider_containner .slider_arrow_right { right: 15px; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box { padding: 0px 60px; box-sizing: border-box; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_title { font-size: 65px; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box .slider_contens_txt_item .slider_contens_txt_desc { font-size: 18px; margin-top: 30px; }

	.wwd_containner { padding: 120px 0px; }
	.wwd_containner > div { padding: 0px 60px; box-sizing: border-box; }
	.wwd_containner .containner_title { width: 250px; }
	.wwd_containner .containner_title .containner_title_txt { font-size: 36px; }
	.wwd_containner .containner_list { width: calc(100% - 250px); }
	.wwd_containner .containner_title .containner_title_btn { width: 190px; }	
	.wwd_containner .containner_title .containner_title_btn a { height: 50px; line-height: 50px; font-size: 16px; }

	.pf_containner { height: 624px; }
	.pf_containner .pf_arrow_left { left: 15px; }
	.pf_containner .pf_arrow_right { right: 15px; }
	.pf_containner .pf_contents { padding: 0px 60px; box-sizing: border-box; }
	.pf_containner .pf_contents .pf_contents_left { width: 250px; padding: 90px 0px; }
	#pf_contents_info .pf_contents_info_item { padding-right: 15px; }

	.pf_containner .pf_contents .pf_contents_right { width: calc(100% - 250px); padding-top: 90px; }
	#pf_contents_latest { padding: 0px 30px; }
	#pf_contents_latest .pf_contents_latest_item .pf_contents_btn { width: 150px; height: 50px; line-height: 50px; font-size: 16px; }
	#pf_contents_latest .pf_contents_latest_item .pf_contents_txt { font-size: 36px; }

	.client_containner { padding: 120px 0px; }
	.client_containner > div { padding: 0px 60px; box-sizing: border-box; }
	.client_containner .containner_title { width: 250px; }
	.client_containner .containner_title .containner_title_txt { font-size: 36px; }
	.client_containner .containner_btn { width: 100px; }
	.client_containner .containner_btn .containner_btn_arrow { width: 50px; height: 50px; }
	.client_containner .containner_list { width: calc(100% - 250px); }
}


@media (max-width: 1530px) and (min-width: 1280px) { 
	.slider_containner .slider_arrow_left { left: 30px; }
	.slider_containner .slider_arrow_right { right: 30px; }
	#slider_contents_img .slider_contents_img_item .slider_contents_txt .slider_contens_txt_box { padding: 0px 90px; box-sizing: border-box; }

	.wwd_containner > div { padding: 0px 90px; box-sizing: border-box; }

	.pf_containner .pf_arrow_left { left: 30px; }
	.pf_containner .pf_arrow_right { right: 30px; }
	.pf_containner .pf_contents { padding: 0px 90px; box-sizing: border-box; }

	.client_containner > div { padding: 0px 90px; box-sizing: border-box; }

}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}

	@media (max-width: 1279px) and (min-width: 1024px) { 
	}


	@media (max-width: 1530px) and (min-width: 1280px) { 

	}
*/



#divpop1 {

 clear: both;

 width: 400px;

 height: 400px;

 position: absolute;

 display: block;

 top: 300px;

 right: 35%;

 float: right;

 z-index: 99999999;

}




#divpop1 table {

    background-color: #fff;

}




#divpop1 img {

 width: 100%;

 display: inline-block;

}

#divpop1 tr:nth-child(2) td{

    width: 100%;

    box-sizing: border-box;

    height: 25px;

    color: #666;

    line-height: 25px;

    padding-left: 20px;

    font-size: 14px;

}

#divpop1 tr:nth-child(2) td B {

 position: absolute;

 bottom: 25px;

 right: 15px;

 font-size: 15px;

 z-index: 55555;

    cursor: pointer;

    color: #191cb1;
}