@charset "utf-8";
.visaul_wrap { position:relative; height:540px; }
.visual { overflow:hidden; position:absolute; top:0; width:1920px; height:540px; }
.visual img { display:block; }
.visual>div.v_main { position:relative; left:50%; margin-left:-480px; }
.visual>div.v_small.v_left { float:left; margin-top:-540px; }
.visual>div.v_small.v_right { float:right; margin-top:-540px; }

.visual>div>div { overflow:hidden; position:relative; z-index:1; }
.visual>div>div a { display:block; }
.visual div div.v_info { transition:all .5s ease; }
.visual div.v_small div.v_info { position:absolute; z-index:3; bottom:0px; padding:200px 0 0 25px; width:100%; height:100%; box-sizing:border-box; background:url('/open_content/publicity/images/main/s_thumb_hover.png') repeat-x center top 80px; }
.visual div.v_small div.v_info p.tit { overflow:hidden; width:70%; color:#ffffff; font-size:28px; font-weight:300; }
.visual div.v_small div.v_info p.tit a { display:block; overflow:hidden; width:100%; color:#ffffff;  text-overflow:ellipsis; white-space:nowrap; }
.visual div.v_small div.v_info p.date { display:none; color:#bbbbbb; font-size:18px; font-weight:300; }
.visual div.v_small div.v_info:hover { padding:170px 0 0 25px; background-position:center bottom; }
.visual div.v_small div.v_info:hover p.date { display:block; }

.visual div.v_main div.v_info { position:absolute; z-index:3; bottom:0px; padding:430px 0 0 40px; width:100%; height:100%; box-sizing:border-box; background:url('/open_content/publicity/images/main/thumb_hover.png') repeat-x center top 150px; }
.visual div.v_main div.v_info p.tit { overflow:hidden; width:70%; color:#ffffff; font-size:45px; font-weight:300; }
.visual div.v_main div.v_info p.tit a { overflow:hidden; display:block; width:100%; color:#ffffff; text-overflow:ellipsis; white-space:nowrap; }
.visual div.v_main div.v_info p.date { display:none; color:#bbbbbb; font-size:18px; font-weight:300; }
.visual div.v_main div.v_info p.con { display:none; margin-top:20px; width:95%; color:#ffffff; font-size:18px; font-weight:300; }
.visual div.v_main div.v_info:hover { padding:300px 0 0 40px; background-position:center bottom; }
.visual div.v_main div.v_info:hover p.date, .visual div.v_main div.v_info:hover p.con { display:block; }
.visual>div>div img { width:105%; margin:-2% 0 0 -2%; }
.visual .v_small>div, .visual .v_main>div { overflow:hidden; transition:all .5s ease; }
.slide_btn { margin-top:20px; text-align:center; }
.slide_btn a { display:inline-block; padding:2px 3px; }
#container { margin-top:60px; }
#container>div.wrapper { overflow:hidden; margin-bottom:90px; }
.green_seo { overflow:hidden; float:left; width:821px; height:467px; background:url('/open_content/publicity/images/main/green_bg.jpg') no-repeat; transition:all .5s ease; }
.green_seo .book { overflow:hidden; position:relative; float:left; text-align:right; margin-right:40px; width:290px; height:393px; border:1px solid #acacac; background-color:#fff; box-sizing:border-box; }
.green_seo .book img { margin-right:-1px; width:100%; max-width:273px; height:393px; }
.green_seo .con { position:relative; float:left; width:435px; margin-top:160px; }
.green_seo .con>p.sub {margin-top:20px; color:#444444; font-size:16px; }
.green_seo .con>div { overflow:hidden; width:430px; }
.green_seo .con>p.tit { color:#006935; font-size:28px; }
.green_seo .con>p.more { position:absolute; z-index:5; top:0; right:0; padding-top:10px; }
.green_seo .con ol { float:left; margin-top:30px; width:33.3%; } 
/* .green_seo .con ol.first { width:40%; } 
.green_seo .con ol.second { width:35%; } 
.green_seo .con ol.last { width:25%; }  */
.green_seo .con ol li { overflow:hidden; /* margin-bottom:10px; */ margin-bottom:30px; color:#555555; font-size:16px; width:100%; text-overflow:ellipsis; white-space:nowrap; }
.green_seo .con ol li span { display:inline-block; margin-right:10px; width:20px; height:20px; background:#f9f9f9; border:1px solid #dddddd; font-size:13px; text-align:center; line-height:20px; }
.green_seo .con ol li p { margin-left:33px; margin-bottom:10px; font-size:16px; letter-spacing:-1px; }
.green_seo .con ol li:hover a { text-decoration:none; font-style:italic; }
.green_seo .con ol li:hover span { color:#ffffff; background:#39852f; border:1px solid #39852f; font-style:normal; font-weight:400; }
.green_seo a { display:inline-block; margin-top:64px; padding:5px 18px; border:1px solid #cccccc; color:#555555; font-size:14px; }


.quick { float:right; }
.quick div { padding:20px 30px; width:273px; height:162px; border:8px solid #ededed; }
.quick div p { color:#666666; font-size:16px; }
.quick div p span { display:block; }
.quick div a { display:inline-block; margin-top:20px; padding:5px 18px; border:1px solid #cccccc; color:#555555; font-size:14px; }
.quick .submit a:hover { background:#f05110; border-color:#f05110; color:#ffffff; }
.quick .sms a:hover { background:#386dc1; border-color:#386dc1; color:#ffffff; }
.quick .submit { margin-bottom:30px; background:url('/open_content/publicity/images/main/ic_book.jpg') no-repeat right 27px bottom 29px; }
.quick .sms { background:url('/open_content/publicity/images/main/ic_sms.jpg') no-repeat right 27px bottom 29px; }
.quick div h3 { margin-bottom:15px; font-size:24px; font-weight:400; } 
.quick .submit h3 { color:#f05110; }
.quick .sms h3 { color:#386dc1; }
#movie { overflow:hidden; height:650px; background:#333333 url('/open_content/publicity/images/main/video_bg.png') no-repeat center top; }
#movie h3 { margin-top:65px; color:#ffffff; font-size:30px; font-weight:300; text-align:center; }
.movie_play { position:relative; z-index:1; margin-top:45px; }
.movie_play div .player { display:none; transition:all .5s ease; }
.movie_play .movie01 .player { display:block; }
.movie_play .movie01 .player a { overflow:hidden; display:block; width:749px; height:426px; }
.movie_play .movie01 .player a img { width:100%; height:426px; }
.movie_play .tab { position:absolute; z-index:2; top:0; right:0; overflow:hidden; cursor:pointer; transition:all .5s ease; }
.movie_play .movie02 .tab { top:148px; }
.movie_play .movie03 .tab { top:296px; }
.movie_play .tab .thumb { float:left; margin-right:20px; width:218px; height:129px; }
.movie_play .tab .thumb img { width:100%; height:129px; }
.movie_play .tab .m_info { float:left; margin-top:10px; width:187px; }
.movie_play .tab .m_info p.date { color:#bfbfbf; font-size:13px; }
.movie_play .tab .m_info p.tit { margin:10px 0; font-size:18px; font-weight:300; }
.movie_play .tab .m_info p.tit a { color:#ffffff; }
.movie_play .tab.select .m_info p.tit  { color:#ff8858; }
.movie_play .tab:hover .m_info p.tit  { text-decoration:underline; }
.movie_play .tab .m_info p.figure span { margin-right:15px; padding-left:25px; color:#ffffff; font-size:13px; font-weight:200; }
.movie_play .tab .m_info p.figure span.time { background:url('/open_content/publicity/images/main/ic_time.png') no-repeat 4px center; }
.movie_play .tab .m_info p.figure span.view { background:url('/open_content/publicity/images/main/ic_view.png') no-repeat 4px center; }



/*****************************************************************************************************************************************************************************************/ 


@media all and (min-width:1901px) {
	.visual { left:50%; margin-left:-960px; }

}

@media all and (max-width:1900px) {
	.visual { width:100%; }
	.visual div.v_small { width:25% }
	.visual div.v_main { z-index:3; width:50%; }
	.visual div.v_main div.v_info p.con { width:70%; }
	.visual>div.v_small.v_right { position:relative; z-index:4; }
	.visual .v_small>div { width:480px; height:270px; }
	.visual .v_main>div { width:960px; height:540px; }
}

@media all and (max-width:1650px) {
	.visual div.v_main { margin-left:-354px; }
}

@media all and (min-width:1400px) {
	.visual .v_small>div { width:480px; height:270px; }
	.visual .v_main>div { width:960px; height:540px; }
}

@media all and (max-width:1399px) {
	.visual div.v_main div.v_info p.tit { width:50%; font-size:35px; }
	.visual div.v_small div.v_info p.tit { width:50%; font-size:24px; }
	.visual div.v_main div.v_info p.con { width:50%; font-size:16px; }
	.visual div.v_small>div>img { margin-left:-10%; }
	.visual div.v_main>div>img { margin-left:-10%; }
}

@media all and (min-width:1200px) {
	.wrapper { width:1200px; }
}

@media all and (max-width:1199px) {
	.visaul_wrap { height:auto; }
	.visual { height:auto; }
	.visual .v_small { width:100% !important; }
	.visual>div.v_small.v_left, .visual>div.v_small.v_right { margin-top:0; }
	.visual .v_small>div { float:left; width:50% !important; height:300px; }
	.visual div.v_main { left:0; margin-left:0; width:100% !important; }
	.visual .v_main>div { width:100% !important; height:600px; }
	.visual div.v_small div.v_info { padding:4% 30px; height:40%; background:rgba(0,0,0,0.5); }
	.visual div.v_main div.v_info { padding:4% 30px; height:30%; background:rgba(0,0,0,0.5); }
	.visual div.v_small div.v_info p.tit { width:100% !important; font-size:22px; }
	.visual div.v_main div.v_info p.tit { width:100% !important; font-size:30px; }
	.visual div.v_small div.v_info p.date, .visual div.v_main div.v_info p.date { font-size:18px; }
	.visual div.v_small div.v_info:hover, .visual div.v_main div.v_info:hover { padding:4% 30px; background:rgba(0,0,0,0.5); }
	.visual div.v_small div.v_info p.date, .visual div.v_main div.v_info p.date { display:block; }
	.visual div.v_main div.v_info:hover p.con { display:none; }
	.visual>div>div img { width:115%; }
	.visual div.v_small>div>img { margin-left:0; }
	.visual div.v_main>div>img { margin-left:0; margin-top:-5%; }
	.slide_btn { margin-top:0; padding-top:1220px; }
	#container>div.wrapper { padding:0 2%; }
	.green_seo { float:none; margin:0 auto; }
	.quick { overflow:hidden; float:none; margin-top:30px; }
	.quick>div { float:left; width:41%; }
	.quick>.sms { float:right; }
	#movie { height:905px; background:#333333; }
	.movie_play div .player { text-align:center; }
	.movie_play .tab { top:450px !important; width:25%; text-align:center; }
	.movie_play .tab .thumb { float:none; margin:0 auto; height:129px; }
	.movie_play .tab .thumb img { width:100%; height:129px; }
	.movie_play .tab .m_info { float:none; width:100%; }
	.movie_play .tab .m_info p.tit { overflow:hidden; width:90%; text-overflow:ellipsis; white-space:nowrap; }
	.movie_play .movie01 .player a { margin:0 auto; }
	.movie_play .movie01 .tab { left:13%  }
	.movie_play .movie02 .tab { left:38%; }
	.movie_play .movie03 .tab { left:63%; }
}

@media all and (max-width:900px) {
	.quick>div { float:left; width:39%; }
	.green_seo { padding:20px; width:auto; height:auto; background:none; border:8px solid #5fa856; }
	.green_seo .book { margin-right:5%; width:30%; height:auto; }
	.green_seo .book img { margin-right:0; max-height:100%; height:auto; }
	.green_seo .con { margin-top:20px; width:60%; }
	.green_seo .con br:nth-of-type(2) {display:none;}
	.movie_play .tab { top:450px !important; width:30%; text-align:center; }
	.movie_play .movie01 .tab { left:5%  }
	.movie_play .movie02 .tab { left:35%; }
	.movie_play .movie03 .tab { left:65%; }
	.visual .v_main>div { height:400px; }
	.visual .v_small>div { height:200px; }
	.visual div.v_main>div>img { margin-top:-10%; }
	.visual div.v_small>div>img { margin-top:-7%; }
	.slide_btn { padding-top:820px; }
}

@media all and (min-width:769px) {
	.green_seo .book:before { position:absolute; left:16px; top:0; height:100%; border-left:1px solid #acacac; content:''; }
}

@media all and (max-width:768px) {
	.visual div.v_small div.v_info { padding:4% 30px; height:30%; background:rgba(0,0,0,0.5); }
	.visual div.v_main div.v_info { padding:3% 30px; height:20%; background:rgba(0,0,0,0.5); }
	.visual div.v_small div.v_info:hover { padding:4% 30px; background:rgba(0,0,0,0.5); }
	.visual div.v_main div.v_info:hover { padding:3% 30px; background:rgba(0,0,0,0.5); }
	.visual div.v_small div.v_info p.tit { width:100% !important; font-size:18px; }
	.visual div.v_main div.v_info p.tit { width:100% !important; font-size:24px; }
	.visual div.v_small div.v_info p.date, .visual div.v_main div.v_info p.date { display:none; }
	.visual div.v_small div.v_info:hover p.date, .visual div.v_main div.v_info:hover p.date { display:none; }
	#container { margin-top:30px; }
	#container>div.wrapper { margin-bottom:30px; }
	.green_seo .con {margin-top:0;}
	.green_seo a {margin-top:10px;}
	/* .green_seo .con ol { display:none; }
	.green_seo .book { width:20%; margin-right:7%; }
	.green_seo .con { margin-top:5%; width:72%; }
	.green_seo .con>p.sub { margin-top:2%; } */
	.quick { margin-top:10px; }
	.quick div p span { display:inline; }
	.quick>div { float:none !important; width:auto !important; height:auto !important; }
	.quick .submit { margin-bottom:10px; }
	#movie { height:1020px; }
	.movie_play .tab { overflow:hidden; left:0 !important; padding-left:30px; width:auto !important; text-align:left; }
	.movie_play .tab .thumb { float:left; width:30%; }
	.movie_play .tab .m_info { float:right; width:66%; }
	.movie_play .movie01 .tab { top:400px !important; }
	.movie_play .movie02 .tab { top:540px !important; }
	.movie_play .movie03 .tab { top:680px !important; }
	.movie_play div .player { margin:0 auto; }
	.movie_play .movie01 .player a { width:640px; height:360px; }
	.movie_play .movie01 .player a img { height:360px; }
	.movie_play div .player img { width:100%; }
	
}

@media all and (max-width:640px) {
	.visual div.v_small div.v_info, .visual div.v_main div.v_info { position:static; background:#333333; }
	.visual div.v_small div.v_info p.tit, .visual div.v_main div.v_info p.tit { font-size:16px; }
	.visual div.v_small div.v_info:hover, .visual div.v_main div.v_info:hover { position:static; background:#444444; }
	.green_seo .con br {display:none;}
	.green_seo .con>p.sub { margin-top:10px; } 
	.quick div p { width:70%; }
	#movie { height:975px; }
	.movie_play div .player { margin:0 auto; }
	.movie_play .movie01 .player a { width:560px; height:315px; }
	.movie_play .movie01 .player a img { height:315px; }
	.movie_play .tab .thumb { width:35%; }
	.movie_play .tab .m_info { width:61%; }
	.movie_play .movie01 .tab { top:350px !important; }
	.movie_play .movie02 .tab { top:490px !important; }
	.movie_play .movie03 .tab { top:630px !important; }
	.slide_btn { padding-top:825px; }
	.visual .v_main>div { height:auto; }
	.visual .v_main>div img { height:350px; }
	.visual .v_small>div { height:auto; }
	.visual .v_small>div img { height:200px; }
}


@media all and (max-width:480px) {
	.visual .v_small>div, .visual .v_main>div { width:100% !important; height:120px; }
	.visual .v_small>div>img, .visual .v_main>div>img { margin-top:-10%; }
	.visual div.v_small div.v_info, .visual div.v_main div.v_info { position:absolute; padding:5px 30px; height:30%; background:rgba(0,0,0,0.5); }
	.visual div.v_small div.v_info:hover, .visual div.v_main div.v_info:hover { position:absolute; padding:5px 30px; height:30%; background:rgba(0,0,0,0.5); }
	.green_seo .con>p.tit { font-size:20px; }
	.green_seo .con { font-size:15px; }
	.green_seo .con>p.sub { font-size:14px; }
	.green_seo .con>p.more { padding-top:0; width:20px; }
	.green_seo .con>p.more img { width:100%; }
	.quick div { padding:20px; }
	.quick div h3 { margin-bottom:10px; font-size:20px; }
	.quick div p { width:60%; font-size:14px; }
	.quick div a { margin-top:10px; }
	.slide_btn { padding-top:615px; } 
	#movie { height:765px; }
	.movie_play div .player { margin:0 auto; }
	.movie_play .movie01 .player a { width:100%; height:240px; }
	.movie_play .movie01 .player a img { height:240px; }
	.movie_play .tab .m_info { margin-top:0px; width:58%; }
	.movie_play .tab .m_info p.tit { margin:5px 0; width:80%; font-size:16px; }
	.movie_play .tab .thumb { width:37%; }
	.movie_play .tab .thumb img { height:85px; }
	.movie_play .movie01 .tab { top:260px !important; }
	.movie_play .movie02 .tab { top:360px !important; }
	.movie_play .movie03 .tab { top:460px !important; }

}