/*@import url( https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap );*/

* {
	outline: 0px; -ms-word-break: keep-all;
}

.main {overflow-x: hidden}
.quick {
	transition:0.8s; right: 40px; bottom: 140px; position: fixed; z-index: 9999; opacity: 0;
}
.quick.on {
	opacity: 1;
}
.quick ul li {
	margin-bottom: 20px;
}
.quick ul li a {
	background: rgb(255, 255, 255); border-radius: 50%; border: 1px solid rgb(73, 42, 114); border-image: none; width: 90px; height: 90px; text-align: center; color: rgb(73, 42, 114); line-height: 23px; letter-spacing: -0.5px; padding-top: 22px; font-size: 14px; font-weight: 300; vertical-align: middle; display: block;
}
.quick ul li.mt a {
	padding-top: 33px;
}
.quick ul li.on a {
	background: rgb(73, 42, 114); color: rgb(255, 255, 255);
}

.scroll_down {position:absolute; display:none; left:50%; bottom:0px; width:69px; height:69px; margin-left:-32px; background:url("http://www.ajucorporation.co.kr/images/ko/main/scroll_down.png") no-repeat 0 0; z-index:9999; }
.scroll_down.on{display:block; }
.scroll{
    position:absolute;
    bottom:3%; left:50%; transform:translateX(-50%);
    opacity: 0; margin-top: -10px;
    text-align: center; z-index: 9999
}
.scroll span{color:#000; display: block; font-weight: 200; padding-bottom: 7px; font-size: 12px; z-index: 9999;opacity: 1;}

    @media screen and (max-width:640px) {
        .scroll{ display: none;
            position: absolute; width: 53px;padding-bottom:25%;
            }
    }

#scroll_1 {
	width: 48px; height: 48px; right: 40px; bottom: 180px; position: fixed; cursor: pointer; display: block; z-index: 99
}

@media screen and (max-width:1450px) {
	#scroll_1  { display: none;            }
}


#scroll {
	background: url("../../images/common/btn_top.png") no-repeat center; width: 48px; height: 48px; right: 40px; bottom: 25px; position: fixed; z-index: 100; cursor: pointer; display: block; z-index: 9999
}
#scroll i {
	/*background: url("../../images/common/scroll_i.png") no-repeat center; transition:0.5s; animation:scroll 1s ease-in-out infinite; left: 45%; top: 45%; width: 14px; height: 28px; display: block; position: absolute; transform: translate(-50%, -50%);*/
}
#scroll a {
	width: 100%; height: 100%; display: block; padding-bottom: 2px; margin-bottom: 5px
}
/*.show#scroll {display: block}
.show#scroll i {
	transform: translate(-50%, -50%) rotate(180deg); transition:0.5s; 
}
*/
.main_visual {
	background: rgb(0, 0, 0); top: 0px; width: 100%; height: 100vh; position: relative; z-index: 3;
}
.main_visual .main_slider {
	height: 100vh; overflow: hidden; position: relative;
}
.main_visual .main_slider .slide_box {
	width: 100%; height: 100vh; overflow: hidden; position: relative; background-color: rgb(255, 255, 255);
}
.main_visual .main_slider .slide_box > div {
	left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; overflow: hidden; position: absolute; z-index: 3; opacity: 0;
}
.main_visual .main_slider .slide_box > div {
	transition:0.7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out;
}
.main_visual .main_slider .slide_box .main_img {
	transition:8s; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; transform: scale(1.05); -moz-transition: all 8s; -webkit-transition: all 8s; -o-transition: all 8s;
}
.main_visual .main_slider .slide_box {
	background: rgb(0, 0, 0);
}
.main_visual .main_slider .slide_box .main_img img {
	transition:1s; display: block; min-width: 100%; opacity: 0;
}
.main_visual .main_slider .slide_box .on .main_img img {
	opacity: 1;
}
.main_visual .main_slider .slide_box > div.on .main_img {
	transform: perspective(500px) rotate(0.001deg);
}
.main_visual .main_slider .slide_box .box1 {
	/*background: url("../images_2020/main/main_visual01.jpg") no-repeat center / cover;*/ background-color: rgba(0,0,0,1.00)
}
.main_visual .main_slider .slide_box .box1 .inner_mov {position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 1;}






.main_visual .main_slider .slide_box .inner {
	left: 30%; top: 47%; width: 100%; position: absolute; transform: translate(-50%, -50%);
}
.main_visual .main_slider .slide_box .in_obj {
	margin: 0px auto; width: 470px; height: 390px; text-align: left; position: relative; background-color: #FFFFFF; box-shadow: 1px 1px 5px 0 #929292; padding: 50px
}
.main_visual .main_slider .slide_box > div strong .box_stit {font-size: 18px; color: #535353;  transition:top 1s 0.6s; opacity: 1; -webkit-transition: top 1s; -o-transition: top 1s;}

.main_visual .main_slider .slide_box div strong {
	font-weight: 900; transition:top 1s 0.6s; left: 0px; top: 0px; display: block; position: relative; opacity: 1; -webkit-transition: top 1s; -o-transition: top 1s;
}
.main_visual .main_slider .slide_box div strong i {
	top: 0px; line-height: 90px; position: relative; opacity: 0;  -moz-transition: top 1s ease-in-out, opacity 1s ease-in-out; -webkit-transition: top 1s ease-in-out, opacity 1s ease-in-out; -o-transition: top 1s ease-in-out, opacity 1s ease-in-out;	}

.main_visual .main_slider .slide_box div strong i .text01 {
	top: 0px; line-height: 90px; position: relative; opacity: 0;  -moz-transition: top 1s ease-in-out, opacity 1s ease-in-out; -webkit-transition: top 1s ease-in-out, opacity 1s ease-in-out; -o-transition: top 1s ease-in-out, opacity 1s ease-in-out;	}

.main_visual .main_slider .slide_box div strong i .text01{	
	font-size: 45px; color: #000; font-weight: 900; top: 20px;  line-height: 80px;
}


.main_visual .main_slider .slide_box div strong{
	transition-delay: 0.5s;
}
.main_visual .main_slider .slide_box div strong i .box_stit {
	transition-delay: 0.3s;
}
.txt_overflow { width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 

 
.main_visual .main_slider .slide_box div.on strong i {
	top: 0px; opacity: 1; width:60%; padding-top: 10px
}
.main_visual .main_slider .slide_box div strong i {
	 font-size: inherit; font-weight: inherit; padding-top: 10px; 
}


.main_visual .main_slider .slide_box div strong i img {
	padding-top: 15px; width: 70%
}
.main_visual .main_slider .slide_box div strong i:nth-child(2) img {
	padding-top: 15px; width: 65%
}
.main_visual .main_slider .slide_box .in_obj span {	padding-left: 0px;line-height: 26px; font-size: 16px;  padding-top: 0px; color: #535353;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.main_visual .main_slider .slide_box div span {
	left: 0px; top: 50px; display: block; position: relative; opacity: 0; -webkit-transition: top 1s ease-in-out, opacity 1s ease-in-out; -o-transition: top 1s ease-in-out, opacity 1s ease-in-out; 
	
}

.main_visual .main_slider .slide_box .btn_more {
	width: 85px; left: 0px; bottom:0px; top: 50px; display: block; position: relative; opacity: 0; -webkit-transition: top 1s ease-in-out, opacity 1s ease-in-out; -o-transition: top 1s ease-in-out, opacity 1s ease-in-out;  border-bottom: 1px #494949 solid;  font-size: 13px; padding:0px 5px 10px 5px; color: #535353; transition-delay:0.8s;
}



.main_visual .main_slider .slide_box div p {
	transition:all; left: -900px; top: -400px; width: 915px; height: 1000px; right: -100%; display: block; position: absolute; opacity: 0; -moz-transition: all .0s; -webkit-transition: all .0s; -o-transition: all .0s;
}
.main_visual .main_slider .slide_box div.on p {
	transition:0.6s; left: 900px; position: relative; opacity: 1; -webkit-transition: all .6s; -o-transition: all .6s;
}
.main_visual .main_slider .slide_box > div.on strong {
	top: 0px; opacity: 1;
}
.main_visual .main_slider .slide_box div em {
	transition:1s 0.9s; top: 50px; text-align: left; color: rgb(255, 255, 255); line-height: 48px; font-size: 44px; font-weight: 100; margin-top: 30px; position: relative; opacity: 0; -webkit-transition: all 1s; -o-transition: all 1s;
}
.main_visual .main_slider .slide_box div.on em {
	
}
.main_visual .main_slider .slide_box > div.on {
	z-index: 5; opacity: 1;
}
.main_visual .main_slider .slide_box > div.on em {
	top: 0px; opacity: 1;
}
.main_visual .main_slider .slide_box > div.on span {
	top: 0px; opacity: 1; 
}
.main_visual .main_slider .slide_box > div.on strong {
	top: 0px; opacity: 1;
}
.main_visual .main_slider .slide_box > div.on .box_stit{
	top: 0px; opacity: 1;
}
.main_visual .main_slider .slide_box > div.on .btn_more {
	bottom: 30px; opacity: 1;
}
.main_visual .main_slider .slide_box div.on strong i .text01{top:0px; opacity: 1;	}


.main_visual .main_slider .slide_box > div strong {
	color: rgb(255, 255, 255); line-height: 90px; font-weight: 900; margin-bottom: 25px; display: block;      
    font-size: 70px; letter-spacing: -0.02em;
}
@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)
{
.main_visual .main_slider .slide_box > div strong {
	margin-bottom: 10px;
}
}
.main_visual .main_slider .slide_box > div span {
	color: rgb(255, 255, 255);  letter-spacing: -0.5px; font-weight: 300; display: block;
    padding-left: 0px;line-height: 26px; font-size: 18px;  padding-top: 30px
}
.main_visual .main_slider .inner {
	position: relative; top: 48%;     z-index: 2;
}
.main_visual .main_slider .in_obj > a {
	width: 180px; height: 66px; text-align: center; right: 21px; bottom: 12px; line-height: 60px; font-size: 16px; border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute;
}
.main_visual .main_slider .in_obj > a::before {
	background: url("") no-repeat center; left: -21px; top: -2px; width: 21px; height: 66px; display: block; position: absolute; content: "";
}
.main_visual .main_slider .in_obj > a::after {
	background: url("") no-repeat center; top: -2px; width: 21px; height: 66px; right: -21px; display: block; position: absolute; content: "";
}
.main_visual .main_slider .in_obj > a i {
   transition:0.4s; left: 0px; width: 5px; height: 10px; margin-left: 32px; display: inline-block; position: relative;
}
.main_visual .main_slider .in_obj > a .bg {
	transition:0.6s; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; background-color: rgba(7, 38, 89, .6);
}
.main_visual .main_slider .in_obj > a:hover .bg {
	width: 100%;
}
.main_visual .main_slider .in_obj > a .tex {
	color: rgb(255, 255, 255); font-weight: 400; display: inline-block; position: relative; z-index: 1;
}
.main_visual .main_slider .in_obj > a:hover i {
	left: 10px;
}






.thum_wrap {
	left: 0px; width: 100%; text-align: center; right: 0px; bottom: 250px; line-height: 0; font-size: 0px; position: absolute; z-index: 10;
}
.thum {
	display: inline-block;
}
.thum li {
	 transition:all; width: 23px; height: 23px; margin-left: 25px; display: inline-block; cursor: pointer;
}
.thum li:first-child {
	margin-left: 0px;
}
.thum li.on {
	 transition:0.5s; width: 28px; height: 25px; transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg);
}
.thum li.last {
	display: none;
}
section .wrap {/*width: 100%; margin: 0px auto 10px; position: relative*/}
section .wrap .visual {position: relative; margin: 0 auto; background-color: rgba(0,0,0,1.00)}


@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none) {
	.main_visual .main_slider .s_bg.on {
		transition:0.8s; bottom: -13px; opacity: 1;
	}
	.main_visual .main_slider .slide_box > div strong {
		margin-bottom: 25px;
	}
}
/*.main_visual .wrap_btn::before {
	left: 0px; top: 0px; width: 0px; height: 1px; display: block; position: absolute; z-index: -1; content: ""; background-color: rgb(0, 0, 0);
}
.main_visual .wrap_btn.on::before {
	transition:9.5s linear; width: 100%;
}

.main_visual .wrap_btn {
	left: 0px; top: 53%; width: 45.5%; height: 1px; padding-right: 20px; display: table; position: absolute; z-index: 100; transform: translate(0px, -50%);
}

.main_visual .wrap_btn .wrap {
	top: 0px; width: 100px; height: 1px; text-align: left; float: right; display: block; position: relative; z-index: 10; right:80px 
}
.main_visual .wrap_btn .pag {
	height: 100%; line-height: 100px;
}
.main_visual .wrap_btn .pag span {
	color: rgb(153, 153, 153); font-family: "Roboto", sans-serif; font-size: 15px; font-weight: 500;
}
.main_visual .wrap_btn .pag span:nth-child(1) {
	color: rgb(80, 36, 116);
}
.main_visual .wrap_btn .pag span em {
	left: -3px; color: rgb(80, 36, 116); font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; position: relative;
}
.main_visual .wrap_btn .pag i {
	margin: 0px 20px; width: 1px; height: 11px; display: inline-block; background-color: rgb(220, 220, 220);
}
.main_visual .wrap_btn .wrap > button {
	outline: 0px; border: currentColor; border-image: none; width: 11px; height: 22px; display: inline-block; position: absolute;
}
.main_visual .wrap_btn .wrap > button.slick-prev {
	 left: 10px; top: 52px; background: url("../../images/common/arrow_l.png") no-repeat center;  background-size: 80%
}
.main_visual .wrap_btn .wrap > button.slick-next {
	 top: 52px; right: 10px; background: url("../../images/common/arrow_r.png") no-repeat center;  background-size: 80%
}

*/


.main_visual .wrap_btn {
	left: 0px; top: 45%; width: 100%; height: 1px; padding-right: 20px; display: table; position: absolute; z-index: 100; transform: translate(0px, -50%); /*background-color: rgb(255, 255, 255);*/
}
.main_visual .wrap_btn .wrap {
	top: 0px; width:100%;; height: 1px; text-align: left; float: right; display: block; position: relative; z-index: 10; right:0px 
}
.main_visual .wrap_btn .pag {
	height: 100%; line-height: 100px;
}
.main_visual .wrap_btn .pag span {
	color: rgb(153, 153, 153); font-family: "Roboto", sans-serif; font-size: 15px; font-weight: 500;
}
.main_visual .wrap_btn .pag span:nth-child(1) {
	color: rgb(80, 36, 116);
}
.main_visual .wrap_btn .pag span em {
	left: -3px; color: rgb(80, 36, 116); font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; position: relative;
}
.main_visual .wrap_btn .pag i {
	margin: 0px 20px; width: 1px; height: 11px; display: inline-block; background-color: rgb(220, 220, 220);
}
.main_visual .wrap_btn .wrap > button {
	outline: 0px; border: currentColor; border-image: none; width: 38px; height: 44px; display: inline-block; position: absolute;
}
.main_visual .wrap_btn .wrap > button.slick-prev {
	 left: 30px; top: 52px; background: url("../../images/sub/icon_pre.png") no-repeat center;  background-size: 100%
}
.main_visual .wrap_btn .wrap > button.slick-next {
	 top: 52px; right: 10px; background: url("../../images/sub/icon_next.png") no-repeat center;  background-size: 100%
}






/*메일 책 리스트*/

.main_book  {margin-top: 60px }
.mt_60 {margin-top:95px}
.main_book .tab_tit { width:20%; display: inline; color: #505050; font-size: 28px; padding-top: 20px; border-top: 1px #000 solid;  font-weight: 900; margin-left: 3%}
.main_book .tab_st {
    position: relative;
    width: 80%;
    border: #908885 solid 0px;  display:inline-block;
}
.main_book ul.box6 { overflow: hidden; }
.main_book ul.box6 li { position: relative; float: left; width: 16.6%; margin-left: 0%;  /*margin-top: 190px;  */cursor: pointer; margin-bottom: 0;  padding-left:2.5%; height: auto; vertical-align: bottom; font-weight: 500; color: #7b7b7b}
.main_book ul.box6 li .on span { border-bottom: 1px solid #000;  font-weight: 700;}
.main_book ul.box6 li:hover span { border-bottom: 1px solid #000;  font-weight: 700;  }

.main_book .tab_service_list li a:hover, .main_book .tab_service_list li a:focus {
    text-decoration: none;
}

.main_book .tab_service_list {
    height: 37px;
    width: 90%;
    margin: 0 auto;
}




.main_book .swiper-button-next, .main_book .swiper-container-rtl .swiper-button-prev {
	background-image: url("../../images/common/arrow_r.png")!important;
	background-size: 14px 25px!important;
    right: 0px!important;
    left: auto!important;
	width: 14px!important; 
	height: 25px!important; 
	background-color:none!important;
	top: 40%;
}

.main_book .swiper-button-prev, .main_book .swiper-container-rtl .swiper-button-next {
	background-image: url("../../images/common/arrow_l.png")!important;
	background-size: 14px 25px!important;
    left: 0px!important;
    right: auto!important;
	width: 14px!important; 
	height: 25px!important; 
	background-color:none!important; top: 40%; 
}

.main_book .swiper-button-next, .main_book .swiper-button-prev {
    color: #554b44!important; 
}
.main_book .swiper-button-next:after, .main_book .swiper-button-prev:after {
    font-size: 30px!important ; font-weight: 800
}
.main_book  ul.box4 li {
    padding-left: 3%!important;
}


/*.main_book .swiper-slide {
    position: relative;
    float: left;
    width: 25%;
    margin-left: 0%;
    cursor: pointer;
    margin-bottom: 13%;
    border-bottom: 9px solid #b2ada5;
    padding-left: 2.5%;
    min-height: 295px;
    height: auto;
    vertical-align: bottom;
	margin-right: 0px!important;
}

.main_book .swiper-slide {
    margin-bottom: 13%;
    border-bottom: 9px solid #b2ada5;
    
}
*/
.main_book .book_logo {
	display:table-cell }
.main_book .book_on {
    position: relative;
    width: 100%;
    text-align: center; bottom: 0px;
}
.main_book .main_book_in {text-align: center}

.main_book .main_book_in .title {
    
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
	display: block;
	text-align: center;
	padding: 12px 0 8px;	
	
	
	
}

.main_book .main_book_in .sub_tit {
   
    color: #7d7d7d;
    margin-top: 10px;
    font-size: 15px;
}

/*메인작가 리스트*/
.main_writer .content_area {}
.main_writer .content_info { border: #9d9d9d 0px solid;  padding: 65px 70px; margin: 90px auto 0!important; position:relative; }
.main_writer .content_info .con { width: 72%!important; padding-left: 5%;
    display: inline-block;
    -webkit-appearance: inline-table;
    -moz-appearance: table;
      }
.main_writer .content_info .img{	
	width: 27%!important;  vertical-align: top; text-align: left; left: 0; padding: 0px; position: relative; display: inline-block;  
}
.main_writer .content_info .img img{   border-radius: 50%; width: 100%; max-width: 333px; border: #d7d7d7 0px solid!important; box-shadow: 0px 0px 0px 0px #dfdde6 !important;}
.main_writer .content_info .tit{  color: #9b4226!important; font-size: 24px!important; font-weight: 900!important; line-height: 1.6em; padding-bottom: 20px}
.main_writer .content_info p {line-height: 1.8em; font-size: 15px; color: #4b4949;
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-wrap: break-word;}
.main_writer .con  { position: relative; height:316px }
.main_writer .con .btn_mainmore { position: absolute; bottom: 10px; border: 1px #986b53 solid; padding: 7px 5px; font-size: 13px; color: #986b53; width: 100px; text-align: center; cursor: pointer; background-color: #fff;  }
.main_writer .con .btn_mainmore a {  color: #986b53;  }
.main_writer .con .btn_mainmore:hover {  background-color: #f3e5de; color: #633b25!important }

.main_writer .content_info .writer_info {padding:13px 30px; background-color: #6f6f6f; color: #FFFFFF; font-weight: 600px; position: absolute; top:0; font-size: 18px; left: 50%; margin-left: -70px }


.swiper-container1 {width: 100%; height: 100%; overflow: hidden}

.main_writer .swiper-button-next, .main_writer .swiper-container-rtl .swiper-button-prev {
	background-image: url("../../images/common/arrow_r.png")!important;
	background-size: 10px 15px!important;
    right: 46%!important;
    left: auto!important;
	width: 40px!important; 
	height: 40px!important; 
	background-color:#fff!important;
	bottom: 20px!important; top:auto; border-radius: 50%;border: 1px #c5c5c5 solid; opacity: .8
}

.main_writer .swiper-button-prev, .main_writer .swiper-container-rtl .swiper-button-next {
	background-image: url("../../images/common/arrow_l.png")!important;
	background-size: 10px 15px!important;
    left: 46%!important;
    right: auto!important;
	width: 40px!important; 
	height: 40px!important; 
	background-color:#fff!important; 
	bottom: 20px!important; top:auto; border-radius: 50%; border: 1px #c5c5c5 solid; opacity: .8
}

.main_writer .swiper-button-next, .main_writer .swiper-button-prev {
    color: #554b44!important; 
}
.main_writer .swiper-button-next:hover, .main_writer .swiper-button-prev:hover {
    background-color:#dedede!important;
}
.main_writer .swiper-button-next:visited, .main_writer .swiper-button-prev:visited {
    background-color:#fff!important;
}
.main_writer .swiper-button-next:after, .main_writer .swiper-button-prev:after {
    font-size: 30px!important ; font-weight: 800
}
.main_writer  ul.box4 li {
    padding-left: 3%!important;
}

/* 메인 게시판 리스트*/
.main_notice { margin: 100px auto}
.main_notice ul.box2 { overflow: hidden; }
.main_notice ul.box2 li { position: relative; float: left; width: 50%; margin-left: 0%;  margin-bottom: 0; padding-left:2.5%; height: auto; vertical-align: bottom; font-weight: 500; color: #7b7b7b}
.main_notice ul.box2 li:first-child { padding-left:0%; }
.main_notice ul.box2 li .on span { }
.main_notice ul.box2 li:hover span {  }

.main_notice ul.box2 li .notice_tit{ color: #000000; font-size:20px; font-weight: 900; padding: 20px 20px 0 25px; border-top: 1px #000 solid; border-right: 1px #000 solid; border-left: 1px #000 solid; width: 25%; display: inline-block; text-align: center}
.main_notice ul.box2 li .notice_txt{ width: 72%; display: inline; padding: 0 0 0 20px; color: #353535; vertical-align: bottom; cursor: pointer;}
.main_notice ul.box2 li .notice_txt p { 
    width: 280px; display: inline-block; line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;}
.main_notice ul.box2 li .notice_txt span {padding: 0 10px 0 ; display: inline; line-height: 1.5em  }
.main_notice ul.box2 li .notice_txt:hover  {color: #000 }





.in {
	margin: 0px auto; width: 1200px;
}
/*##############################################*/

.main .con1 .data {
	position: relative;
}

.main .con1 {
	padding-top: 80px; padding-bottom: 178px;
}
.main .con1 .data::after {
	clear: both; display: block; content: "";
}
.main .con1 .data > div {
	width: 50%; float: left; position: relative; z-index: 2;
}
.main .con1 .data .txt_wrap {
	display: inline-block;
}

.main .con1 .data01 .txt_wrap .icon {
	text-align: right;
}

.main .con1 .data01::before {
	
}
.main .con1 .data01 .txt_wrap .in_txt {
	margin-top: 60px; position: relative; z-index: 2;
}
.main .con1 .data .icon img {
	animation:rot 5s linear infinite;
}
.main .con1 .data01 {
	padding-bottom: 300px;  padding:40px 0; margin-bottom: 90px
}
.main .con1 .data01 {
	padding-right:-50px
}

.main .con1 .inner_mov {background-color: rgba(0,0,0,1.00); min-height:464px; width: 100%; text-align: center}

.main .con1 .img_wrap span {font-size:0.750em; float: right}

.main .con1 .data01 .txt {
	padding-left: 150px;
}


.main .con1 .data02 {
	 background-color: #f6f6f6;	padding-bottom: 300px;  padding:40px 0; margin: 0 auto 90px;
}

.main .con1 .data02 .txt {
	padding-right: 0px;  width:600px; top:0
}
.main .con1 .data02 .img {
	
}
.main .con1 .data02 > div {
	width: 55%; float: right;
}
.main .con1 .data02 > div::after {
	clear: both; display: block; content: "";
}
.main .con1 .data02 > div > div {
	float: right;
}
.main .con1 .data02 .txt_wrap {
	margin-top: 124px;
}





.main .con1 .data03 .txt {padding-left: 150px;;}
.main .con1 .data03 .img { }
.main .con1 .data03 > div {
	width: 50%; float: left; 
}
.main .con1 .data03 > div::after {
	clear: both; display: block; content: "";
}
.main .con1 .data03 > div > div {
	float: left;
}
.main .con1 .data03 .txt_wrap {
	margin-top: 95px;
}
.main .con1 .data03 .txt_wrap .icon {
	margin-bottom: 55px; margin-left: -120px;
}












.main .con1 .main_tit {
	margin-bottom: 90px; position: relative; z-index: 3;
}
.main .con1 .main_tit strong {
	text-align: center; color: rgb(34, 34, 34);  font-size: 50px; font-weight: 600; display: block;
}
.main .con1 .main_tit p {
	text-align: center; color: rgb(51, 51, 51); letter-spacing: -0.5px; font-size: 20px; font-weight: 300; margin-top: 45px; display: block;
}
.main .con1 .main_tit p span {
	color: rgb(90, 24, 147); font-size: inherit; font-weight: 500;
}
.main .con1 .data .txt strong {
	text-align: left; color:#004ed0;  font-size: 3.438em; font-weight: 900; display: block;
}
.main .con1 .data .txt span {
	color: #616161; line-height: 1.8em; letter-spacing: -0.25px; font-size: 1.563em; font-weight: 400; margin-bottom: 25px; display: block;
}
.main .con1 .data .txt p {
	color: #737373; line-height: 1.8em; letter-spacing: -0.4px; font-size: 1em; font-weight: 400; margin-top: 45px; display: block;
}
.main .con1 .img_wrap {
	display: inline-block; 
}
.main .con1 .img_wrap img {
	display: block;
}
.main .con1 .in_txt a {
	left: 0px; width: 181px; height: 48px; text-align: center; line-height: 46px; margin-top: 32px; border:rgba(178, 172, 187, 0.5) 1px solid;  display: block; position: relative;
}

.main .con1 .in_txt a i {
	 left: 0px; top: -1px; display: inline-block; position: relative;
}
.main .con1 .in_txt a .bg {
	transition:0.6s; left: -2px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; background-color: #004ed0;
}
.main .con1 .in_txt a:hover .bg {
	width: 100%;
}
.main .con1 .in_txt a .tex {
	transition:0.5s;  font-size: 14px; font-weight: 400; display: inline-block; position: relative; z-index: 1;
}
.main .con1 .in_txt a:hover i {
	left: 0px;
}
.main .con1 .in_txt a:hover .tex {
	color: rgb(255, 255, 255);
}

.m {display: none}
.pc {display:block}


/*##############################################*/





.main .con1 .data > div.img > div {
	/*width: 89.47%;*/width: 100%;
}
.main .con1 .data > div.img > div > div {
	transition:0.6s; width: 75%; overflow: hidden; opacity: 0;
}
.main .con1 .data.on > div.img > div > div {
	width: 100%; opacity: 1;
}
.main .con1 .data > div.img > div > div img {
	transition:1s; opacity: 0;
}
.main .con1 .data.on > div.img > div > div img {
	opacity: 1;
}
.main .con1 .in_txt strong {
	transition:0.3s ease-in-out; top: 30px; position: relative; opacity: 0;
}
.main .con1 .in_txt p {
	transition:0.3s ease-in-out; top: 30px; position: relative; opacity: 0;
}
.main .con1 .in_txt span {
	transition:0.2s ease-in-out; top: 20px; position: relative; opacity: 0;
}
.main .con1.on .in_txt strong {
	top: 0px; opacity: 1;
}
.main .con1.on .in_txt p {
	top: 0px; opacity: 1;
}
.main .con1 .in_txt p {
	transition-delay: 0.3s;
}
.main .con1.on .in_txt span {
	top: 0px; opacity: 1;
}
.main .con1 .in_txt span {
	transition-delay: 0.3s;
}



#wrap { position: relative;    }
@media all and (max-width:1920px)
{
	#wrap { position: relative;    }
}

#wrapB { position: relative; }

.index_div { text-align: center; margin: 400px auto 0; width: 800px; }
.index_div li { float: left; width: 400px; }
.index_div p { font-size: 35px; font-weight: bold; color: #FFF; margin-bottom: 35px; }
.index_div a { color: #c4c5cc; font-size: 20px; text-decoration: none; }
/*.index_div a:after { content: "I"; display: inline-block; padding: 0 30px; font-weight: normal; color: #9496a2; }*/
.index_div a.last:after { content: ""; padding-right: 0; }

/* mainA */
.solution_group { position: relative;  position: relative;width:1200px;   margin: 180px auto 100px; display: block }
.solution_group .logo { position: absolute; top: 50px; left: 60px; z-index: 200; }
.solution_group .txt_solution { position: absolute; top: 60px; left: 50%; margin-left: -28px; z-index: 200; }
.solution_group .txt01 { position: absolute; top: 405px; left: 410px; }
a.total { display: block; position: absolute; right: 50px; top: 50px; text-indent: -99999px; height: 21px; width: 30px; z-index: 300; }
a.total span { display: block; width: 100%; height: 3px; background: rgba(255,255,255,100); position: absolute; left: 0; top: 50%; margin-top: -2px; transition: all 0.4s; }
a.total span:before { content: ""; position: absolute; left: 0; top: -9px; width: 100%; height: 3px; background: #FFF; transition: all 0.4s; }
a.total span:after { content: ""; position: absolute; left: 0; top: 9px; width: 100%; height: 3px; background: #FFF; transition: all 0.4s; }
a.total.on span { background: rgba(255,255,255,0); }
a.total.on span:before { top: 0; transform: rotate(45deg); background: #212122; }
a.total.on span:after { top: 0; transform: rotate(-45deg); background: #212122; }

.service_group .title { margin-top: 220px; text-align: center; }
.service_group .inner { margin-top: 70px; height: 470px; position: relative; }
.service_group .inner .service_content { width: 65%; height: 400px; background: #1f4bb4; position: relative; }
.service_group .inner .service_content p { position: absolute; top: 90px; left: 360px; }
.service_group .service { /*position: absolute; left: 940px; bottom: 0; width: 1290px;*/ }
.service_group .service li { float: left; margin-right: 30px; }
/*.service_group .service_slider_wrap{
    padding-left: 300px;
}
.service_group .service_slider_wrap .service_slider a,
.service_group .service_slider_wrap .service_slider a span{
    display: block;
    margin: 0 10px;
}
.service_group .service_slider_wrap .service_slider a span img{
    max-width: 100%;
}
.service_group .service_slider_wrap .service_slider a span.service_title{
    font-size: 17px;
    color: #222324;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px;
    font-weight: 400;    
}*/
.service_group .slick-prev,
.service_group .slick-next{
    width: 50px;
    height: 50px;
    border: 1px solid #d2d5d6
}
.service_group .slick-prev{
    left: 0;
    top: 230px;
    background: url("/$CommonModule/resource_2020/images/arrow_left.png") no-repeat center;    
}
.service_group .slick-next{
    left: 49px;
    top: 230px;
    background: url("/$CommonModule/resource_2020/images/arrow_right.png") no-repeat center;
}
.service_group .slick-prev:before{
    content: "";
}
.service_group .slick-next:before{
   content: "";
}
.service_group .slick-prev:hover{
    background: url("/$CommonModule/resource_2020/images/arrow_left.png") no-repeat center; opacity: 0.6    
}
.service_group .slick-next:hover{
    background: url("/$CommonModule/resource_2020/images/arrow_right.png") no-repeat center;opacity: 0.6
}



.culture_group { position: relative; margin: 180px auto 100px; display: block}
.culture_group .inner { width: 1200px; margin: 0px auto}
.culture_group .tit { }

.culture_group .value { position: relative; padding-top: 50px; height: 420px;   }


.culture_group .value li { float: left; margin-left: 0px; margin-right:0px; height: auto; text-align: center }
.culture_group .value li:first-child { margin-left: 0;width: 25%  }
.culture_group .value li:nth-child(3) { margin-left: 0; width: 25%}
.culture_group .value li:nth-child(5) { margin-left: 0;width: 25%; margin-right:0px;  }
.contact_group {  }

.menu_group { position: fixed; left:0; top: 0; z-index: 250; display: none; animation: allMenu 0.5s ease-out; }

.culture_group2 { position: relative;width:1200px; margin: 150px auto; display: block; height: 300px}
.culture_group2 .value {width:100%; background-color: #f4f4f4 }
.culture_group2 .value { position: absolute;}
.culture_group2 .value li { float: left;  width: 33.3%;  padding: 40px 47px 20px;  border-right: solid 1px #a7a7a7; border-bottom:solid 1px #1f4bb4; height: 180px }
.culture_group2 .value li:nth-child(3), .culture_group2 .value li:nth-child(6) { border-right: solid 0px #a7a7a7;  }
.culture_group2 .value li:nth-child(4), .culture_group2 .value li:nth-child(5), .value li:nth-child(6) { border-bottom: solid 0px #a7a7a7;  }
.culture_group2 .value li .icon  { display: inline;  }
.culture_group2 .value li .icon img  { vertical-align:top; margin: 10px 0 0px  0; }
.culture_group2 .value li .con  { display:inline-block; vertical-align: top;  padding-left: 15px;  height: 150px  }
.culture_group2 .value li .con img  { margin: 0px 0 10px  0; vertical-align: middle}
.culture_group2 .value li .con span  {  line-height: 2em; font-size: 1.6em; color: #1f4bb4; font-weight: 900;  padding-left: 10px; }


.clients_group { position: relative; margin: 150px auto; display: block; height: 380px}
.clients_group .inner { width:1500px; margin: 100px auto; padding: 0 60px}
.clients_group .title { text-align: center; }
.clients_group .slick-slide { /*width: 217px!important*/}
.clients .slick-prev,
.clients .slick-next{
    width: 50px;
    height: 50px;
    border: 0px solid #d2d5d6
}
.clients .slick-next{ 
    background: url("../images/main/main_clients_arrow_r.png") no-repeat center!important; }
.clients .slick-next:hover{
   background: url("../images/main/main_clients_arrow_r_on.png") no-repeat center!important; }
.clients .slick-next:before{
    content: ""; 
}

.clients .slick-prev{ 
    background: url("../images/main/main_clients_arrow_l.png") no-repeat center!important; }
.clients .slick-prev:hover{
   background: url("../images/main/main_clients_arrow_l_on.png") no-repeat center!important; }
.clients .slick-prev:before{
    content: ""; 
}
.clients .slick-prev{
    left: -60px; top: 110px;
}

.clients .slick-next{
    right: -60px; top: 110px;
}





.contact_group { position: relative; margin: 30px auto 100px; display: block; height: 600px; background-color: #f4f4f4; padding: 3px 0px 0 0 }
.contact_group .inner { width:1200px; margin: 150px auto;}
.contact_group .title { text-align: center; }
.contact_group .contact_tit  { display: inline-block; width: 35%; float: left }
.contact_group .contact_con  { display: inline; width: 65%; float: left }
.contact_group .contact_con li  { display: inline; width: 50%; float: left }

.contact_group .contact_tit  dl:first-child { display: block;  width:310px; padding: 0 0 20px 40px  }
.contact_group .contact_tit  dl:nth-child(2) { display:inline-block; width:155px; float: left; padding: 0 0 0px 40px  }
.contact_group .contact_tit  dl:nth-child(3) { display: inline; width:155px; float: left; padding: 0 0 0px 40px   }

.contact_group .contact_tit dt { color: #1f4bb4; font-weight: 800; font-size:20px;  font-family:'Titillium Web', sans-serif, Times;  line-height: 1.8em}
.contact_group .contact_tit dd  {font-weight: 500; font-size:16px; line-height: 1.6em}
.contact_group .contact_tit dd .num {  font-weight: 500; font-size:18px; font-family:'Titillium Web', sans-serif, Times; line-height: 1.6em}











@keyframes allMenu {
	0% { transform: translate(0,-50px); opacity: 0.0; }
  100% { transform: translate(0,0); opacity: 1.0; }
}
/* subA */
.subA_top a.total { top: 14px; }
.subA_con { position: relative; }
.subA_con .inner { width: 1300px; position: absolute; left: 310px; top: 40px; overflow: hidden; }
.subA_con .inner .btn_prev { display: block; float: left; margin: 10px 0 0 0; background: url("../images/prev.png") right bottom no-repeat; width: 110px; height: 11px; transition: all 0.4s; }
.subA_con .inner .btn_prev>span { position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #1f4bb4; display: block; transition: all 0.4s; }
.subA_con .inner .btn_prev>span:after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #1f4bb4; transition: all 0.4s; }
.subA_con .inner .btn_prev:hover { margin-top: 0; background: url("../images/main/prev_on.png") right bottom no-repeat; }
.subA_con .inner .btn_prev:hover>span { bottom: 0; width: 110px; }
.subA_con .inner .btn_prev:hover>span:after { transform: rotate(-25deg); left: -23px; bottom: 0; }
.subA_con .inner .btn_next { display: block; float: right; margin: 10px 0 0 0; background: url("../images/next.png") left bottom no-repeat; width: 110px; height: 12px; transition: all 0.4s; }
.subA_con .inner .btn_next>span { position: absolute; right: 0; bottom: 0; width: 50px; height: 2px; background: #1f4bb4; display: block; transition: all 0.4s; transition: all 0.4s; }
.subA_con .inner .btn_next>span:after { content: ""; position: absolute; right: 0; bottom: 0; width: 50px; height: 2px; background: #1f4bb4; transition: all 0.4s; transition: all 0.4s; }
.subA_con .inner .btn_next:hover { margin-top: 0; background: url("../images/main/next_on.png") left bottom no-repeat; }
.subA_con .inner .btn_next:hover>span { bottom: 0; width: 110px; }
.subA_con .inner .btn_next:hover>span:after { transform: rotate(25deg); right: -23px; bottom: 0; }
.subA_con p { margin: 150px auto 0; width: 1200px; padding-left: 13px; }
.subA_con p.advantage { margin: 150px 0 0; width: 100%; padding: 0; background: url("../images/subA03.jpg") left top no-repeat; height: 800px; }
.subA_con p.advantage img { margin: 150px 0 0 440px; }

.menuA_group { position: fixed; left: 0; top: 0; height: 80px; width: 100%; background: #fff; z-index: 9999; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); padding-top: 0px; overflow: hidden; }


/* mainB */
.left { position: fixed; left: 0; top:74px; z-index: 9999;  }
.menuB_group { position: fixed; left: 0; top: 0; height: 74px; width: 100%; background: #fff; z-index: 9999; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); padding-top: 17px;   }
.menuB { position: fixed; left:0; top: 0; z-index: 80; display: none; animation: allMenuB 0.5s ease-out; width:100%; }
@keyframes allMenuB {
	0% { transform: translate(-50px,0); opacity: 0.0; }
  100% { transform: translate(0,0); opacity: 1.0; }
}
a.totalB { display: block; position: absolute; left: 50%; top: 50%; text-indent: -99999px; height: 20px; width: 30px; z-index: 300; margin: -60px 0 0 -15px; }
a.totalB span { display: block; width: 100%; height: 2px; background: rgba(255,255,255,100); position: absolute; left: 0; top: 50%; margin-top: -2px; transition: all 0.4s; z-index: 300; }
a.totalB span:before { content: ""; position: absolute; left: 0; top: -9px; width: 100%; height: 2px; background: #FFF; transition: all 0.4s; }
a.totalB span:after { content: ""; position: absolute; left: 0; top: 9px; width: 100%; height: 2px; background: #FFF; transition: all 0.4s; }
a.totalB.on span { background: rgba(255,255,255,0); }
a.totalB.on span:before { top: 0; transform: rotate(45deg); background: #FFF; }
a.totalB.on span:after { top: 0; transform: rotate(-45deg); background: #FFF; }
#slides { width: 960px; height: 901px; }
#slides li { width: 100%; height: 901px; overflow: hidden; }
#slides li:nth-child(1) { background: url("../images/main/b_img01.jpg") left top no-repeat; }
#slides li:nth-child(2) { background: url("../images/main/b_img02.jpg") left top no-repeat; }
.right { position: relative; margin-left: 50%; padding-bottom: 184px; }
.right .con01 { margin: 60px 0 0 60px; animation: mainB_con1 0.8s ease-out; }
.right .con02 { margin: -85px 0 0 510px; animation: mainB_con2 0.8s ease-out; }
.right .con03 { margin: -85px 0 0 60px; animation: mainB_con1 0.8s ease-out; }
.right .con04 { margin: 100px 0 0 60px; animation: mainB_con2 0.8s ease-out; }
@keyframes mainB_con1 {
	0% { transform: translate(-100px,0); opacity: 0.0; }
  100% { transform: translate(0,0); opacity: 1.0; }
}
@keyframes mainB_con2 {
	0% { transform: translate(100px,0); opacity: 0.0; }
  100% { transform: translate(0,0); opacity: 1.0; }
}
.right .lang { position: absolute; right: 40px; top: 20px; }
.right .scroll { position: absolute; left: 210px; top: 630px; }
#footerB { position: fixed; left: 0; bottom: -5px; z-index: 70; }
a.totalB_sub { display: block; position: absolute; right: 40px; top: 25px; text-indent: -99999px; height: 21px; width: 30px; z-index: 300; }
a.totalB_sub span { display: block; width: 100%; height: 3px; background: rgba(33,33,34,0); position: absolute; left: 0; top: 50%; margin-top: -2px; transition: all 0.4s; z-index: 300; }
a.totalB_sub span:before { content: ""; position: absolute; left: 0; top: -9px; width: 100%; height: 3px; background: rgba(33,33,34,0);transition: all 0.4s; }
a.totalB_sub span:after { content: ""; position: absolute; left: 0; top: 9px; width: 100%; height: 3px; background:rgba(33,33,34,0); transition: all 0.4s; }
a.totalB_sub.on span { background: rgba(33,33,34,0); }
a.totalB_sub.on span:before { top: 0; transform: rotate(45deg); background: #FFF; }
a.totalB_sub.on span:after { top: 0; transform: rotate(-45deg); background: #FFF; }
.btn_prevB { display: block; position: fixed; left: 80px; top: 50%; width: 90px; height: 90px; border: 1px solid #e5e6e8; background: #FFF url("../images/btn_prev.jpg") 50% 50% no-repeat; transition: all 0.4s; }
.btn_prevB span,
.btn_nextB span { display: none; }
.btn_prevB:hover span { display: inline-block; color: #1f4bb4; font-size: 18px; font-weight: bold; letter-spacing: -1px; margin: 33px 0 0 44px; width: 130px; }
.btn_nextB { display: block; position: fixed; right: 80px; top: 50%; width: 90px; height: 90px; border: 1px solid #e5e6e8; background: #FFF url("../images/btn_next.jpg") 50% 50% no-repeat; transition: all 0.4s; }
.btn_nextB:hover span { display: inline-block; color: #1f4bb4; font-size: 18px; font-weight: bold; letter-spacing: -1px; margin: 33px 0 0 44px; width: 130px; }
.btn_prevB:hover { width: 190px; background: #FFF url("../images/btn_prev_on.jpg") 10px 50% no-repeat; }
.btn_nextB:hover { width: 190px; background: #FFF url("../images/btn_next_on.jpg") 160px 50% no-repeat; }






@media all and (max-width:1790px)
{
.main_visual .wrap_btn {
	
}
}
@media all and (max-width:1590px)
{
.main_visual .wrap_btn {
	
}
.main_con03 .img_wrap {
	width: 100%; overflow: hidden;
}
.main_con03 .data02 > div > div {
	float: none;
}
.main_con03 .data02 .txt {
	padding-right: 30px; padding-left: 50px;
}
.quick {
	right: 20px;
}
    
}

@media all and (max-width:1500px)
{	
	.slide_box .ei-img11 {		right: -10%;}
	
	.service_group .inner {		padding: 0px 0px;}			
	.clients_group .inner { width:1200px; margin: 100px auto; padding: 0 60px}
	.clients_group .title { text-align: center; }
	.clients_group .slick-slide { /*width: 150px!important;  margin: 0 0px*/}
}


@media all and (max-width:1416px)
{
.main_visual .main_slider .slide_box .in_obj {
	/*width: 100%;*/
}
.main_visual .main_slider .in_obj > a {
	right: 61px;
}
.inner {
	padding: 0px 40px; /*width: 100%;*/
}
.main_con02 ul li .txt > div p {
	font-size: 15px;
}
.main_con03 .data .txt p {
	line-height: 32px; font-size: 16px; -ms-word-break: keep-all;
}
 
}


@media all and (max-width:1400px)
{	
	.culture_group  { width:100%; margin: 10% auto 0}
	.culture_group .inner { width:100%; margin: 5% auto }
	.service_group .inner { width:100%; margin: 5% auto }
	.clients_group .inner { max-width: 1200px;  }
	.clients_group .inner .clients_content { width:100%; margin: 5% auto }
	.contact_group .inner { width:100%; margin: 150px auto;}
	
	.culture_group .inner img { width:70%;   }
	.culture_group  .tit {  padding-left: 5%}
	
	.culture_group2 {  width: 90%;  margin: 5% 5%}	
	.service_group .title {		margin-top: 220px; }
	
	.culture_group .value {
		height: 550px;
	}
	
	.main_visual .wrap_btn { /*right: 0px!important; float: right; left: auto */ }
	
	.slick-prev:before,
	  .slick-next:before {
			color: #fff!important;
	}
}
@media all and (max-width:1320px)
{	
	.slide_box .ei-img11 {		right: -20%;}
	.main_visual .main_slider .slide_box .inner {/*		left: 55%;*/}
	
	.culture_group2 {min-height: 550px; }
	.culture_group2 .value {height: 100%; height: auto; }
	.culture_group2 .value li {
		width: 50%;
		padding: 40px 47px 20px;
		border-right: 1px solid rgb(167, 167, 167);
		border-bottom: 1px  dotted rgb(167, 167, 167);	}
	
	.culture_group2 .value li:nth-of-type(even){
		border-right: 0px solid rgb(167, 167, 167);
		border-bottom: 1px  dotted rgb(167, 167, 167);
	}
	.culture_group2 .value li:nth-child(3) {
		border-right: 1px solid rgb(167, 167, 167);
	}
	.culture_group2 .value li:nth-child(6) {
		border-bottom: 0px  dotted rgb(167, 167, 167);
	}
	.service_group .title {		margin-top: 150px; }
	.culture_group .value {
		height: 480px;
	}
	
}
@media all and (max-width:1280px) {
	.main_notice ul.box2 li .notice_txt p {
		width: 250px;}
		
.slide_box .ei-img11 {right: -25%; }
.slide_box .ei-img11 img {}
.main_visual .main_slider .in_obj .item li{ width: 10%!important;  }
.main_visual .main_slider .in_obj .item li img{ padding-right:0%!important; }
.main_visual .main_slider .in_obj .item li:nth-last-child(1), .main_visual .main_slider .in_obj .item li:nth-last-child(2),
	.main_visual .main_slider .in_obj .item li:nth-last-child(3), .main_visual .main_slider .in_obj .item li:nth-last-child(4){ padding-right: 2%}
.main_visual .main_slider .in_obj .item li:nth-of-type(odd) img 
		{
		margin-right: 0px;padding-right: 0px
	}
	
	
}
@media all and (max-width:1260px) {
	.main_visual .main_slider .in_obj .item ul {display: none}
	
}	
@media all and (max-width:1216px) {
	.main_visual .main_slider .slide_box > div span {
		padding-left: 190px;
	}
	.main_writer .con .btn_mainmore {
		bottom: 30px;}

}





@media all and (max-width:1210px){	
	.main_notice ul.box2 li .notice_txt p {
		width: 200px;
	}

	
	.slide_box .ei-img11 {		right: -35%;}
	
	.culture_group {
		margin: 7% auto; min-height: 1100px
	}

	
	.culture_group {position: relative; margin: 150px auto; text-align: center }
	.culture_group {position: relative; margin: 150px auto; text-align: center }
	.culture_group .tit {text-align: center; margin: auto;   }
	.culture_group .value { width: 100%; min-height:1000px;  margin: 0px; }
	.culture_group .value li:first-child {		width: 100%;padding-top: 2%	}
	
	
	.clients_group { width: 100%  }
	.clients_group .inner { max-width: 900px;  }
	.clients_group .inner .clients_content { width:100%; margin: 5% auto }
	
	.service_group .title {
		margin-top: 100px;
	}
	
	.contact_group { display: none;  }
	
	
	
	/*.culture_group .value li:nth-child(2) {
		width: 40%; padding-top: 10%
	}
	.culture_group .value li:nth-child(3) {
		width: 40%; padding-top: 10%
	}
	.culture_group .value li:nth-child(4) {
		width: 40%;
	}
	.culture_group .value li:nth-child(5) {
		width: 40%;
	}*/
	
	
	
	
	
	
	.pc {display: none}
	.m {display: block}
	
	
}


@media all and (max-width:1150px){
	.slide_box .ei-img11 {		right: -50%;}
	.slide_box .ei-img12 {		right: -50%;}
	.main_writer .swiper-button-next, .main_writer .swiper-container-rtl .swiper-button-prev {
		right: 45%!important;}
	.main_writer .swiper-button-prev, .main_writer .swiper-container-rtl .swiper-button-next {
		left: 45%!important;
	}	
	.main_writer .con .btn_mainmore {
		bottom: 50px;
	}	
	.main_visual .main_slider .slide_box > div strong {
		line-height: 64px; font-size: 50px;
	}
	.main_visual .main_slider .slide_box > div strong i {
		line-height: 64px;
	}
	.main_visual .main_slider .slide_box > div span {
		line-height: 34px; font-size: 17px;
	}
	.main_visual .wrap_btn {
		/*top: 63%; width: 170px;*/
	}
	.main_visual .main_slider .in_obj > a {
		right: 19px; bottom: 0px;
	}
	.main_con03 .data02 .txt {
		padding-right: 40px;
	}
	
	.main_book .tab_tit {
		 display: block; text-align: center; width: 100%; border: 0px}
	.main_book .tab_tit span {
		  border-top:1px #000 solid}
	
	.main_book {margin-top: 0px;}
	
	.mt_60 {margin-top: 60px}
	.main_notice ul.box2 li .notice_txt p {
		width: 150px;
	}
	
	.main_book .tab_st{width: 100%; padding-top: 30px}
	
	.personal > div {
		width: 80%;
	}
	.personal > div > div {
		padding: 30px 20px;
	}
	.about.about_en#sub .sub_visual .mask_txt .inner > p {
		display: none;
	}
	.main_visual .main_slider .in_obj .item ul {/*display: block*/}
	
	
}
@media all and (max-width:1024px){
	
	.main_book {margin-top: 0px;}
	.mt_60 {margin-top: 60px}
	.main_notice ul.box2 li .notice_tit {
		padding: 15px 10px 0 10px;}
	
}

@media all and (max-width:980px)
{
	.main_writer .con .btn_mainmore {
		bottom: 70px;
	}
   .main_writer .swiper-button-next, .main_writer .swiper-container-rtl .swiper-button-prev {
		right: 43%!important;}
	.main_writer .swiper-button-prev, .main_writer .swiper-container-rtl .swiper-button-next {
		left: 43%!important;
	}
	.writer_view .content_info {
		padding: 40px 40px 20px;
	}
	.main_visual .main_slider .in_obj .item1 img {width: 50%}
	.slide_box .ei-img11 {		right: -70%;}
	.culture_group {
		margin: 7% auto; min-height: 1100px
	}
	.culture_group .inner  { }
	.culture_group .inner img { width:65%; padding-top: 6% }
	.culture_group .value {
		margin: 0px auto;
	}
	.culture_group2 .value li { padding: 40px 20px 40px 30px;  height: 200px;}
	.culture_group2 p { font-size: 15px; line-height: 1.2em; letter-spacing: .03em}
	.culture_group2 {    min-height:1200px;}
	
	.clients_group .inner { max-width: 100%;  }
	
	.service_group .service_content img { width: 100%;  }
	
	.service_group {min-height: 600px}
	.main_visual .main_slider .in_obj > a {
		bottom: -140px;
	}
	.main_con01 strong {
		line-height: 52px; font-size: 42px; margin-bottom: 20px;
	}
	.main_con03 .main_tit strong {
		line-height: 52px; font-size: 42px;
	}
	.main_con04 .main_tit strong {
		line-height: 52px; font-size: 42px;
	}
	.main_con01 p {
		line-height: 24px; font-size: 14px; -ms-word-break: keep-all;
	}
	.main_con04 .main_tit p {
		line-height: 24px; font-size: 14px; margin-top: 20px; -ms-word-break: keep-all;
	}
	.main_con03 .main_tit p {
		line-height: 24px; font-size: 14px; margin-top: 20px;
	}
	.main_con01 .bg img {
		width: 190px; display: block;
	}
	.main_con02 ul li {
		width: 100%; height: 300px; float: none;
	}
	.main_con03 .main_tit {
		margin-bottom: 60px;
	}
	.main_con04 input {
		width: 100%; height: 42px; font-size: 14px;
	}
	.main_con02 ul li .img img {
		top: 50%; width: 100%; transform: translate(0px, -30%) scale(1);
	}
	.main_con02 ul li:hover .img img {
		width: 100%; transform: translate(0px, -30%) scale(1.1);
	}
	.main_con02 ul li:hover .txt .txt_wrap div {
		margin-top: -110px;
	}
	.main_con02 ul li .txt .txt_wrap a {
		height: 60px;
	}
	.main_con02 ul li .txt .txt_wrap a span {
		line-height: 60px;
	}
	.main_con03 .data01 .icon img {
		width: 190px;
	}
	.main_con03 .data02 .icon img {
		width: 160px;
	}
	.main_con03 .img_wrap img {
		left: 50%; position: relative; transform: translate(-50%, 0px) scale(1);
	}
	.main_con03 .data02 .txt {
		padding-left: 50px;
	}
	.main_con03 .data02 .txt_wrap .icon {
		margin-left: -50px;
	}
	.main_con03 .data .txt p {
		line-height: 30px; font-size: 14px; margin-top: 20px;
	}
	.main_con03 .data .txt strong {
		font-size: 28px;
	}
	.main_con01 .inner {
		padding-bottom: 70px;
	}
	
}


@media all and (max-width:880px){
	.main_visual .wrap_btn {
		top: 38%;}
	.main_visual .main_slider .slide_box .main_img {
		width: 100%; right:0;  
	}
	.main_visual .main_slider .slide_box .main_img img {
		 /*right:-60%;*/ top:-30%;  position: absolute;  
	}
	.main_visual .main_slider .slide_box .inner {
		left: 50%; top: 45%;
	}
	.main_writer .content_info {
		padding: 80px 40px 0px!important; 
	}
	.main_writer .content_info p {
		-webkit-line-clamp: 5;}
	.main_writer .con .btn_mainmore {
		bottom: 90px;}
	
	.main_notice ul.box2 li .notice_txt {
		/*display: block;  padding: 0 0 0 0px; width: 100%*/
	}
	.main_notice ul.box2 li .notice_tit {
		font-size: 16px; padding: 10px 10px 0 10px; }

	.main_notice ul.box2 li .notice_txt p {
		
	}
	.main_notice {
		margin: 80px auto;
	}
	.main_writer .content_info {
		margin: 80px auto 0!important;
	}
	.main_book .tab_service_list {
		width: 100%;}

	.slide_box .ei-img11 {		right: -90%;}
	.culture_group {
		min-height: 1100px
	}
	.culture_group2 .value li {
    width: 100%;
		padding: 40px 20px 20px;
    border-right: 0px solid rgb(167, 167, 167);
    border-bottom: 1px dotted rgb(167, 167, 167);
	}
	.culture_group2 {    width: 100%; margin: 0}
	.culture_group .value {
		min-height: 550px;
	}
	.culture_group2 .value li:nth-child(5) {
		border-bottom: 1px dotted rgb(167, 167, 167);
	}
}	
@media all and (max-width:800px)
{
	
	.culture_group {
		min-height: 980px
	}
	.culture_group2 { min-height: 1200px}
	.clients_group {    margin: 190px auto;}
}	
@media all and (max-width:787px)
{
	.main_notice {
		margin: 60px auto;
	}
	.main_notice ul.box2 li {
		position: relative;
		width: 100%;
		padding: 0 0 30px 0;
	}
	.main_notice ul.box2 li .notice_txt {
		display: inline; padding: 0 0px 0 20px}
	.main_notice ul.box2 li .notice_txt p {
		width: 300px;
	}
	.main_book .tab_st_m {
		display: block;  margin-top: 30px
	}
	.main_book .tab_st {display: none;}
}
@media all and (max-width:768px)
{
	.main_writer .content_info .con {
    	width: 70%!important;
		padding-left: 5%!important;}
	.main_writer .content_info .tit {
		text-align: left!important;
	}
	.main_writer .content_info p {
		-webkit-line-clamp: 3;
	}
	.main_writer .con {
		height: 300px;
	}
	.main_writer .con .btn_mainmore {
		bottom: 100px;
	}
	.main_writer .content_info {
		padding: 40px 40px 0px!important;
	}
	.main_notice ul.box2 li .notice_txt p {
		width: 350px;
	}
	.slide_box .ei-img11 {		right: -120%;}
	.slide_box .ei-img11 img {	opacity: .4}
	.slide_box .ei-img12 img {	opacity: .4}
	.culture_group {
		min-height: 950px
	}
	.culture_group2 { min-height: 1200px}
	.clients_group {    margin: 190px auto;}
}

@media all and (max-width:700px)
{
	.main_notice ul.box2 li .notice_txt p {
		width: 300px;
	}
	
	.slide_box .ei-img11 {		right: -150%;}
	.culture_group {
		min-height: 850px
	}
	.main_visual .main_slider .slide_box > div span {
		line-height: 30px; font-size: 15px; -ms-word-break: keep-all;
	}
	.main_visual .wrap_btn {
		/*height: 80px; padding-right: 0px;*/
	}
	.main_visual .wrap_btn .wrap > button.slick-next {
		top: 28px; right: -18px;
	}
	.main_visual .wrap_btn .pag {
		line-height: 80px;
	}
	.main_visual .wrap_btn .wrap > button.slick-prev {
		left: 0px; top: 28px;
	}
	.main_visual .wrap_btn .pag i {
		margin: 0px 10px;
	}
	.main_con02 ul li .txt > div strong {
		font-size: 24px;
	}
	.main_con03 .data01 .txt {
		padding-left: 40px;
	}
	.main_con03 .data02 .txt {
		padding-left: 40px;
	}
	.main_con04 .main_tit {
		margin-bottom: 30px;
	}
	.main_con04 input {
		line-height: 50px;
	}

	.quick ul li a {
		width: 55px; height: 55px; line-height: 13px; padding-top: 13px; font-size: 10px;
	}
	.quick ul li.mt a {
		padding-top: 21px;
	}
	.quick ul li {
		margin-bottom: 10px;
	}
	.quick {
		right: 7px; bottom: 70px;
	}
	#scroll {
		right: 4px; bottom: 7px;
	}
	#scroll {
		width: 55px; height: 62px; background-size: 55px auto;
	}


}

@media all and (max-width:640px) 
{
	.main_book .tab_st_m {
		margin-top: 30px; margin-bottom: 20px
	}
	.main_writer .content_info .tit {
		line-height: 2em;
		padding: 0px 0 10px!important;
		text-align: center;
	}
	.main_writer .content_info {
		padding: 80px 20px 0px!important;
		margin-top: 20px!important
	}
	.main_writer .con {
		height: 280px;
	}
	.main_writer .con .btn_mainmore {
		bottom: 90px; display: none
	}
	.main_notice ul.box2 li .notice_txt p {
		width: 250px;
	}
	.main_notice {
		margin: 40px auto;
	}
	.main_writer .content_info p {
		-webkit-line-clamp: 4;
	}
	 .main_writer .swiper-button-next, .main_writer .swiper-container-rtl .swiper-button-prev {
		right: 41%!important; bottom: 30px!important;}
	.main_writer .swiper-button-prev, .main_writer .swiper-container-rtl .swiper-button-next {
		left: 41%!important; bottom: 30px!important;
	}
	
	.main_writer .content_info .img {
		width:80%!important;
		margin: 0 10%;
	}s
	.main_writer .content_info .img img {
		border: #d7d7d7 0px solid!important; box-shadow: 3px  3px 0px 0px #dfdde6!important;
	}
	.main_writer .content_info .con {
		width: 100%!important;
		text-align: center!important; padding-top: 20px!important; padding-left: 0%!important;
	}
	.main_book .tab_tit {
		margin-left: 0%;
	}
	
	.main_writer .content_info .tit {
		text-align: center!important;
	}
	.culture_group {
    	min-height: 1150px;
	}	
	.main_con03 .data > div {
		width: 80%; float: right;
	}
	.main_con03 .data01 .txt {
		width: 100%; float: left;
	}
	.main_con03 .data01 {
		padding-bottom: 80px;
	}
	.main_con03 .data .txt_wrap {
		width: 100%;
	}
	.main_con03 .data01 .txt_wrap .icon {
		padding-top: 20px; padding-right: 40px;
	}
	.main_con03 .data02 .txt {
		width: 100%; float: left;
	}
	.main_con03 .data02 .txt_wrap .icon {
		margin-bottom: 30px; margin-left: -20px;
	}
	.main_con03 {
		padding-top: 100px; padding-bottom: 100px;
	}
	.inner {
		padding: 0px 20px;
	}
	.main_visual .wrap_btn {
		/*top: auto; bottom: 0px; transform: translate(0px, 0px);*/
	}
	.main_visual .main_slider .slide_box > div span {
		padding-left: 0px;
	}
	.main_visual .main_slider .slide_box > div strong {
		margin-bottom: 15px;
	}
	.main_visual .main_slider .in_obj > a {
		bottom: -100px;
	}
	.main_visual .main_slider .slide_box > div strong {
		line-height: 60px; font-size: 42px;
	}
	.main_visual .main_slider .slide_box > div strong i {
		font-style: normal; font-weight: 900
	}
	.main_visual .main_slider .in_obj li:first-child {}
	.main_visual .main_slider .slide_box .in_obj {
		width: 300px;
		height: 320px;
		padding: 30px; opacity: 0.9
	}	
	.txt_overflow { width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
	.main_visual .main_slider .slide_box > div strong .box_stit {
		font-size: 16px;
	}
	.main_visual .main_slider .slide_box div strong i .text01 {
		font-size: 30px;		
		line-height: 30px;
		padding-top: 20px
	}
	
	.main_visual .main_slider .slide_box .on div span {
        left: 0px;		top: 0px;}
	
	.main_visual .main_slider .slide_box .btn_more {}
	.main_visual .main_slider .slide_box .btn_more {
		top:250px!important; position: absolute;  left:30px; height: 30px
	}	
	.main_visual .main_slider .slide_box .in_obj span {
		letter-spacing: -1px
	}
	.main_visual .main_slider .slide_box div strong i img {
		width: 80%;
	}
		
	.main_con01 strong {
		line-height: 42px; font-size: 30px;
	}
	.main_con03 .main_tit strong {
		line-height: 42px; font-size: 30px;
	}
	.main_con04 .main_tit strong {
		line-height: 42px; font-size: 30px;
	}
	.main_con03 .main_tit p {
		-ms-word-break: keep-all;
	}
	.main_con04 {
		padding: 100px 0px; background-size: cover;
	}
	.main_con03 .data01 .txt_wrap .icon {
		display: none;
	}
	.main_con03 .data02 .txt_wrap .icon {
		display: none;
	}
	.main_con03 .data01 .txt_wrap .in_txt {
		margin-top: 40px;
	}
	.main_con03 .data02 .txt_wrap {
		margin-top: 40px;
	}

	#header .menu_btn {
		z-index: 9999;
	}

	.m {display: block}
	.pc {display:none}
	
	.culture_group .inner img {
		width: 90%;
	}


}


@media all and (max-width:620px)
{	
	.culture_group {
    	min-height: 1100px;
	}
	.culture_group .inner img {
		width: 90%;
	}
}

.onlyW {display:block !important;}
.onlyT {display:block !important;}
.onlyM {display:none !important;}


@media all and (max-width: 880px) {
	.onlyM {display:none !important;}
	.onlyT {display:none !important;}
	.onlyW {display:none !important;}
}
@media all and (max-width: 620px) {
	.onlyM {display:block !important;}
	.onlyT {display:none !important;}
	.onlyW {display:block !important;}
	.m {display: block}
	.pc {display:none}
}

@media all and (max-width:600px) 
{
	.culture_group {
    	min-height: 1080px;
	}
}

@media all and (max-width:560px) 
{
	.main_visual .main_slider .slide_box div.on strong i img {
		/*width: 80%*/
	}
	.main_visual .main_slider .slide_box .in_obj span {
    padding: 10px 5% 0 0;
    line-height: 1.4em;
    font-size: 16px;
}
	
	.main_writer .con {
		height: 280px;
	}
	.main_writer .con .btn_mainmore {
		bottom: 80px;
	}
	.main_notice ul.box2 li .notice_txt p {
		width: 200px;
	}
	.main_notice {
		margin: 40px auto;
	}
	
	.main_writer .swiper-button-next, .main_writer .swiper-container-rtl .swiper-button-prev {
		right: 40%!important;}
	.main_writer .swiper-button-prev, .main_writer .swiper-container-rtl .swiper-button-next {
		left: 40%!important;
	}
	
	
	.culture_group {
    	min-height: 1000px;
	}
}
@media all and (max-width:500px) 
{
	.main_notice ul.box2 li .notice_txt p {
		width: 170px;
	}
	.main_writer .swiper-button-next, .main_writer .swiper-container-rtl .swiper-button-prev {
		right: 39%!important;}
	.main_writer .swiper-button-prev, .main_writer .swiper-container-rtl .swiper-button-next {
		left: 39%!important;
	}
	.main_notice ul.box2 li .notice_txt {
		font-size: 15px; width: 100%; display: block; padding: 0
	}
	.main_notice ul.box2 li .notice_txt p {
		width: 350px; 
	}
	.main_notice ul.box2 li .notice_txt span {
		display: none
	}
}
@media all and (max-width:455px) 
{
	
}
@media all and (max-width:420px) 
{
	.culture_group {
    	min-height: 750px;
	}
	
	.service_group .title img {width:70% }
	.insight .left_area li strong { font-size: 26px}
    
	.insight .swiper-container {
		left: 2%;
	}
}
@media all and (max-width:375px) 
{
	.main_notice ul.box2 li .notice_txt p {
		width: 300px; 
	}
	.main_writer .swiper-button-next, .main_writer .swiper-container-rtl .swiper-button-prev {
		right: 37%!important;}
	.main_writer .swiper-button-prev, .main_writer .swiper-container-rtl .swiper-button-next {
		left: 37%!important;
	}
}
@media all and (max-width:360px) 
{
	.main_notice ul.box2 li .notice_tit {
		width: 30%;}
	.main_notice ul.box2 li .notice_txt p {
		width: 280px; 
	}
	.main_writer .swiper-button-next, .main_writer .swiper-container-rtl .swiper-button-prev {
		right: 35%!important;}
	.main_writer .swiper-button-prev, .main_writer .swiper-container-rtl .swiper-button-next {
		left: 35%!important;
	}
}