.index #container{margin-top:100vh;}
.index #content{position:relative; z-index:100; min-width:1100px; }
.index .section{padding:0px 70px; width:960px; background:#fff; margin:-1px auto;}
.index .section:after{content:''; display:block; clear:both;}
.index #footer{position:relative;  z-index:100; width:1100px; margin:0px auto; background:url(/resource/images/index/footer.gif) no-repeat center 0px;}
.index .footer_inner{padding:0px 70px;}
/*
.index #footer .footer_top .logo a { background-image:url('/resource/images/index/f_logo.png');}
.eng.index #footer .footer_top .logo a { background-image:url('/resource/eng/images/index/f_logo.png');}
*/

.main_visual{position:fixed; top:0; left:0; right:0; bottom:0; min-width:1100px}
.main_visual .visual_list{position:absolute; top:0px; left:0px; right:0px; bottom:0px; min-width:1100px; overflow:hidden}
.main_visual .visual_list li{position:absolute; left:100%; top:0px; bottom:0px; min-width:1100px; overflow:hidden; width:100%;}
.main_visual .visual_list li.on{left:100%;/*box-shadow:0 0 100px #000; outline:1px solid #000;*/ z-index:1; }
.main_visual .visual_list li:first-child{left:0px;}
.main_visual .visual_list img{position:absolute; width:100%; left:-50%; top:50%;transform: translateY(-50%)}
.main_visual .visual_list li:first-child img{left:0px;}
.main_visual .visual_list li.on img{left:-50%}
.main_visual .visual_btn{position:absolute; z-index:11; bottom:90px; left:50%; width:1100px; margin-left:-550px; overflow:hidden;}
.main_visual .visual_btn li{float:left; padding-right:5px; text-indent:-9999px;}
.main_visual .visual_btn li.btn_sec01{display:block;}
.main_visual .visual_btn a{display:block; width:54px; height:15px; background:url(/resource/images/index/visual_btn_of.jpg) repeat-x bottom;}
.main_visual .visual_btn li.on a{ background:url(/resource/images/index/visual_btn_on.jpg) repeat-x bottom;}
.main_visual .visual_title{position: absolute; z-index:2; bottom:85px; left:50%; width:1100px; margin-left:-550px; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; text-align:right;}
.main_visual .layer{position: absolute; left:0px; right:0px; bottom:0px; top:0px; z-index:10; background:#000; opacity:0.8;}

.index .scroll_downm{position:absolute; display:none; left:50%; top:-17px; width:64px; height:47px; margin-left:-32px; background:url(/resource/images/index/scroll_downm.png) no-repeat 0 0;}
.index .scroll_downm.on{display:block;}

.index .section .section_title{float:left; width:187px;}
.index .section .section_content{float:right; width:773px;}
.index .section_title h3{font-size:20px; font-weight:bold; color:#333;}
.index .section_title span{display:block; font-size:20px; color:#adadad;}
.index .section_title .more_btn{display:block; width:23px; height:23px; margin-top:14px; background:url(/resource/images/index/more_btn.png) 0 -23px no-repeat}
.index .section_title .more_btn:hover{background-position:0px 0px;}

.index .hdc40th{padding-top:83px;}

.index .news_sec{height:307px; padding-top:83px;}
.index .news_sec .news_list{overflow:hidden;}
.index .news_list li{float:left; border-left:1px solid #dddedf; width:205px; padding:0px 0px 30px 30px;}
.index .news_list li:first-child{border-left:0; padding-left:0px; padding-right:30px;}
.index .news_list li:first-child + li{padding-right:30px;}
.index .news_list a{color:#888;}
.index .news_list .news_title{ color:#56565E; font-size:20px; height:84px; margin-bottom:37px; line-height:28px; word-break:break-all; overflow: hidden; /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; */}
.index .news_list .text{font-size:15px; height:47px; overflow:hidden; margin-bottom:27px; line-height:1.5em; word-break: break-all;}

.index .news_list .date{font-size:13px;}

.index .masterpice_sec{position:relative; height:380px; background:url(/resource/images/index/masterpice_bg.jpg); padding-top:64px; }
.index .masterpice_sec .masterpice_box{position:relative; float:right; background:#fff; width:317px; height:317px; z-index:10; }
.index .masterpice_box a{display:block; width:317px; height:317px; text-indent:-9999px; background:url(/resource/images/index/masterpice_box.jpg);}
.index .masterpice_box a:hover{background:url(/resource/images/index/masterpice_box_hover.jpg);}
/*.index .masterpice_bg_wrap{position:absolute; left:0px; right:0px; bottom:0px; top:0px; overflow:hidden;}
.index .masterpice_bg_wrap .jp-video-play-icon{background:red;}*/
.index .masterpice_bg{position:absolute; left:0px; right:0px; bottom:0px; top:-4px; overflow:hidden;}
.index .masterpice_bg .player{position:absolute; left:50%; top:50%; margin:-220px 0px 0px -700px;}
.index .masterpice_bg .jp-video-play-icon{position:absolute; left:0px; right:0px; bottom:0px; top:0px; }

.eng.index .masterpice_box a{background:url(/resource/eng/images/index/masterpice_box.jpg);}
.eng.index .masterpice_box a:hover{background:url(/resource/eng/images/index/masterpice_box_hover.jpg);}


.index .business_sec{padding-top:120px;padding-bottom:120px;}
.index .business_list li{float:left; width:128px; background:url(/resource/images/index/business_icon.png) no-repeat;text-align:center; border-left:1px solid #d9d9d9;}
.index .business_list li:first-child{border-left:0;}
.index .business_list a{display:block; height:20px; padding:80px 0px 10px; font-size:16px; font-weight:bold; color:#333;}
.index .business_list .item01{background-position:-10px 0px;}
.index .business_list .item02{background-position:-160px 0px;}
.index .business_list .item03{background-position:-310px 0px;}
.index .business_list .item04{background-position:-460px 0px;}
.index .business_list .item05{background-position:-610px 0px;}
.index .business_list .item06{background-position:-760px 0px;}

.index .newsletter_sec{padding-bottom:100px;}
/* 2020-03-26 수정 */
.index .newsletter_sec .newsletter_left{float:left; height:300px;}
.index .newsletter_sec .newsletter_left a{display:block; width:100%; height:100%;}
.index .newsletter_sec .newsletter_left a img{width:100%; height:100%;}
.index .newsletter_sec .newsletter_right{float:right; width:519px; height:300px;}
/* // 2020-03-26 수정 */
/* .index .newsletter_sec .newsletter_right{float:right; width:376px; height:301px; background:url(/resource/images/index/newsletter_right.jpg) no-repeat;}
.index .newsletter_sec .newsletter_right:hover{background:url(/resource/images/index/newsletter_right_on.jpg) no-repeat;}*/
.index .newsletter_sec .newsletter_right a{position:relative; display:block; width:519px; height:300px;}/* 2020-03-26 수정 */
/* 2020-01-14 추가 */
.index .newsletter_sec .newsletter_right a:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/resource/images/index/video_play_icon.png) center no-repeat rgba(0,0,0,0.6);}
/* // 2020-01-14 추가 */
.index .newsletter_sec .newsletter_right img{width:100%; height:100%;}/* 2020-03-26 수정 */

.index .links_sec{padding-bottom:150px;text-align:center;}
.index .links_sec:before{display:block; width:960px;height:1px;background:#d8d8d8;content:''}
.index .links_sec .links_list{padding-top:80px;}
.index .links_sec .links_list::after{content:'';display:block;clear:both;}
.index .links_list li{float:left; position:relative; width:250px; margin-left:62px; text-align:left;}
.index .links_list li a:after{content:'';display:block;position:absolute;top:4px;left:0px;width:60px;height:45px;}
.index .links_list a{position:relative;display: block; min-height:32px; padding:12px 0 0 73px;  font-size:15px; color:#888; z-index:1;}
.index .links_list strong{display:block; font-size:20px; color:#333; font-weight:bold;}
.index .links_list .item01 a:after{background-position:0px 0px;}
.index .links_list .item02 a{padding-top:0;}
.index .links_list .item02 a:after{background: url(/resource/images/index/ic_links_01.svg) no-repeat center / contain;}
.index .links_list .item03 a:after{background-position:0px -90px;}
.index .links_list .item04 a:after{background: url(/resource/images/index/ic_links_02.svg) no-repeat center;}
.index .links_list .item05 a:after{background: url(/resource/images/index/ic_links_03.svg) no-repeat center;}

.eng.index .links_sec{text-align:center;}
.eng.index .links_sec .links_list ul{display:inline-block;}
.eng.index .links_list li{width:330px; margin-left:0;}

.index .pop_wrap{position:fixed; display:none; left:0px; right:0px; bottom:0px; top:0px; z-index:110; }
.index .pop_wrap .layer{position:absolute; left:0px; right:0px; bottom:0px; top:0px; z-index:100; background:#000; opacity:0.9;}
.index .pop_wrap .newsletter_box{position:absolute; left:50%; top:50%; width:980px; height:550px; margin-left:-490px; margin-top:-275px; z-index:101; background:#000; }
.index .pop_wrap .close_btn{position:absolute; right:0px; top:-40px; width:40px; height:40px;  background:url(/resource/images/index/newsletter_close.png) no-repeat right top; text-indent:-9999px;}


.popup_20170101{position:absolute; width:1100px; top:50%; margin-top:-180px; left:50%; margin-left:-550px; z-index:90;}


@media all and (min-width:1400px){
	.index #header{width:1400px;}
	.index .header_inner{width:1362px;}
	.index .header_inner .one_depth{padding:0 30px;}
	.index .header_inner .header_bg.left_bg{left:0;}
	.index .section{padding-left:220px; padding-right:220px;}
	.index #footer{ width:1400px;}
	.index .footer_inner{padding-left:220px; padding-right:220px;}
	.index .scrollToTop_wrap{width:1400px; margin-left:-700px;}
	.main_visual .visual_btn{width:1400px; margin-left:-700px;}
	.main_visual .visual_title{width:1400px; margin-left:-700px;}
	.popup_20170101{width:1400px; margin-left:-700px;}
}