@charset "UTF-8";
.MainContents_itn{
    background:#fff;
}
.MainContents_itn img{
    max-width:100%;
	height: auto;
    vertical-align: middle;
}
.MainContents_itn *{
box-sizing: border-box;
}
.MainContents_itn a{
    text-decoration: none!important;
}
.MainContents_itn a:visited,
a:link {
    /* text-decoration: none; */
    color: inherit;
}
.MainContents_itn .inner {
    max-width: 1275px;
    margin: 0 auto;
    position: relative;
}

.MainContents_itn article:not(.mainVisual){
    padding:50px 0;
}

/*.MainContents_itn .mainVisual {
    display: table;
    width: 100%;
    height: 600px;
    background: url('/image/en/r5/main-itn/mainvisual.jpg')no-repeat center center;
    text-align: center;
	background-size: cover;
}*/

.MainContents_itn .mainVisual {
    display: table;
    width: 100%;
    height: 600px;
    background: url('/image/en/r5/main-itn/wide_br_sib.jpg')no-repeat center center;
    text-align: center;
	background-size: cover;
	overflow: hidden;
	position: relative;
	background-position: center;
}


.MainContents_itn .mainVisual .inner {
    display: table-cell;
    vertical-align: middle;
}

.MainContents_itn .mainVisual .inner .title span {
	display:block;
	font-size:93.8%;
	font-weight:500;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #000e1d;
	line-height: 1.5;
		
}
@media screen and (max-width: 767px){
	.MainContents_itn .mainVisual .inner .title span {
		display:none;
	}
	.MainContents_itn .mainVisual {
		background: url('/image/en/r5/main-itn/wide_br_sib_sp.jpg')no-repeat center center;	
		height: 482px;
	}
	
	.MainContents_itn .mainVisual .inner .title img{
		padding-top: 20px;
	
	}
	.MainContents_itn .mainVisual .moreBtn{
		margin-bottom: 20px;
	}
	
	
}

.MainContents_itn .mainVisual .moreBtn {
    font-size:93.8%;
    font-weight:500;
    display: block;
    width: 320px;
    margin:50px auto 0;
    padding:12px 20px;
    text-align: center;
    background:url('/image/en/r5/main-itn/ino.png') no-repeat center;
    color:#fff!important;
    position: relative;
	margin-bottom: 40px;

}
.MainContents_itn .mainVisual .moreBtn span{
    position: relative; 
    z-index: 1;
    display: block;
    /*background: url('/image/en/r5/main-itn/more_acc.png')no-repeat right 50px center;*/
}

	
/* .MainContents_itn .mainVisual .moreBtn:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:0;
    height: 100%;
    position: absolute;
    background: #000;
    transition: all ease-in-out .3s;
} */
.MainContents_itn .mainVisual .moreBtn:hover:before, .MainContents_itn .mainVisual .moreBtn:active:before {
    width:100%;
}
.MainContents_itn .mainVisual .newsRoller{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    width: 1275px;
    margin:0 auto;
    height:65px;
    background:rgba(1,1,1,.8);
    overflow: hidden;
    padding:0 30px;
}

.MainContents_itn .mainVisual .newsRoller .tit{
    font-size:93.8%;
    float:left;
    width:75px;
    color:#fff;
    display: block;
    line-height:4.331em;
    position: relative;
    padding-right:15px;
}
.MainContents_itn .mainVisual .newsRoller .tit:after{
    content:'';
    position: absolute;
    right:0;
    top: calc(50% - 7px);
    width:1px;
    height:14px;
    background:#686868;
}
.MainContents_itn .mainVisual .newsRoller .in{
    float:left;
    width:calc(100% - 75px);
}
.MainContents_itn .mainVisual .newsRoller .in li{
    font-size:93.8%;
    text-align: left;
    position: relative;
}
.MainContents_itn .mainVisual .newsRoller .in li:before, .MainContents_itn .mainVisual .newsRoller .in li:after {
    content: "";
    display: table;
}
.MainContents_itn .mainVisual .newsRoller .in li:after {
    clear: both;
}
.MainContents_itn .mainVisual .newsRoller .in li .cont{
    float:left;
    display: block;
    height: 4.331em;
    line-height: 4.331em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left:15px;
    padding-right:30px;
    color:#fff;
    max-width:80%;
}
.MainContents_itn .mainVisual .newsRoller .in li .cont:hover{
text-decoration:underline!important;
}
.MainContents_itn .mainVisual .newsRoller .in li .date{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.MainContents_itn .mainVisual .newsRoller .controls{
    position: absolute;
    right:35px;
    top:50%;
    transform: translateY(-50%);
}
.MainContents_itn .mainVisual .newsRoller .controls > *{
    display: block;
    text-indent: -9999px;
    width:11px;
    height:7px;
    padding:10px 0;
}
.MainContents_itn .mainVisual .newsRoller .controls .up_arrow{
background: url('/image/en/r5/main-itn/slideup_acc.png')no-repeat center center;
}
.MainContents_itn .mainVisual .newsRoller .controls .down_arrow{
    background: url('/image/en/r5/main-itn/slidedown_acc.png')no-repeat center center;
}
* .MainContents_itn .mainShortcutArea{
    padding:50px 0 65px!important;
}
.MainContents_itn .mainShortcutArea ul{
    margin-left:-32px;
}
.MainContents_itn .mainShortcutArea ul:before, .MainContents_itn .mainShortcutArea ul:after {
    content: "";
    display: table;
}
.MainContents_itn .mainShortcutArea ul:after {
    clear: both;
}
.MainContents_itn .mainShortcutArea ul li{
    position: relative;
      float:left;
      width:403px;
      margin-left:32px;
      height: 350px;
}
.MainContents_itn .mainShortcutArea ul li .img{
    position: relative;
    display: block;
    height:0;
    padding-bottom:61%;
    overflow: hidden;
}
.MainContents_itn .mainShortcutArea ul li .imgbox{width:100%;overflow: hidden;}
.MainContents_itn .mainShortcutArea ul li .imgbox img{transition: .5s ease;}
.MainContents_itn .mainShortcutArea ul li a:hover .imgbox img{ transform: scale(1.2);}

.MainContents_itn .mainShortcutArea ul li .img:hover img, .MainContents_itn .mainShortcutArea ul li .img:focus img{
    transform: scale(1.2);
} 
.MainContents_itn .mainShortcutArea ul li .img img{
width:100%;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:0 auto;
transition: .5s ease;
}
.MainContents_itn .mainShortcutArea ul li .caption{
    display: block;
    font-size:93.8%;
    font-weight: 700;
    text-align: center;
    color:#fff;
    background:#000;
    letter-spacing: -0.025rem;
    padding:6.58% 1.495%;
}


.MainContents_itn .mainShortcutArea ul li .txt{
    width:365px;
    height: 190px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 5%;
    padding: 2%;
    text-align: center;
    box-sizing: border-box;
}

.MainContents_itn .mainShortcutArea ul li .txt h4{
    font-size: 150%;
    color: #222;
    letter-spacing: -0.03em;
    font-family: 'Nanum Gothic', sans-serif;
}

.MainContents_itn .mainShortcutArea ul li .txt .small_txt{
    font-size:85%;
    color:#999;
    letter-spacing: -0.02em;
}
.MainContents_itn .mainShortcutArea ul li .txt .big_txt{
    color:#666;
    font-size: 93.8%;
    position: relative;
    padding-top:54px;
}

.MainContents_itn .mainShortcutArea ul li .txt .big_txt::before{
    position: absolute;
    top: 25px;
    left: 46%;
    content: '';
    width: 24px;
    height: 2px;
    background: #d7d7d7;
} 

.MainContents_itn .mainShortcutArea{
    padding:50px 0 65px!important;
}
.MainContents_itn .mainShortcutArea ul{
    margin-left:-50px;
}
.MainContents_itn .mainShortcutArea ul:before, .MainContents_itn .mainShortcutArea ul:after {
    content: "";
    display: table;
}
.MainContents_itn .mainShortcutArea ul:after {
    clear: both;
}
.MainContents_itn .mainShortcutArea ul li{
      float:left;
      width:384px;
      margin-left:50px;
      box-shadow: 15px 15px 0px #b1000e;
}
.MainContents_itn .mainShortcutArea ul li .img{
    position: relative;
    display: block;
    height:0;
    padding-bottom:51%;
    overflow: hidden;
}
.MainContents_itn .mainShortcutArea ul li .img:hover img, .MainContents_itn .mainShortcutArea ul li .img:focus img{
    transform: scale(1.2);
} 
.MainContents_itn .mainShortcutArea ul li .img img{
width:100%;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:0 auto;
transition: .5s ease;
}
.MainContents_itn .mainShortcutArea ul li .caption{
    display: block;
    font-size:93.8%;
    font-weight: 700;
    text-align: center;
    color:#fff;
    background:#000;
    letter-spacing: -0.025rem;
    padding:6.58% 1.495%;
}


.MainContents_itn .socialInnovation{
    background:url('/image/en/r5/main-itn/social_half.jpg') repeat-y center 0;
    /* height:420px; */
	height:auto;
    position: relative;
    /*padding:50px 0 80px !important;*/
}
.MainContents_itn .socialInnovation .inner{
    height:100%;
}
.MainContents_itn .socialInnovation .inner .item > *{
float:left;
width:50%;
height:100%;
}
.MainContents_itn .socialInnovation .inner .item{
    position: relative;
}
.MainContents_itn .socialInnovation .l{
    display: table;
}
.MainContents_itn .socialInnovation .l .textBox{
    display: table-cell;
    vertical-align: middle;
    height: 320px;
}
.MainContents_itn .socialInnovation .l .textBox .tit_sub{
    font-weight: 700;
    color: #fff;
    border-top:2px solid #e60027; 
    border-left:2px solid #e60027;
    padding:10px;
}

.MainContents_itn .socialInnovation .l .textBox h4{
    color:#fff;
    font-size:150%;
    font-weight: 700;
	margin-top:20px;
}

.MainContents_itn .socialInnovation .l .textBox .tit{
    font-size:112.5%;
    color:#fff;
    font-weight: 300;
    margin-top:20px;
    line-height: 1.25;
    max-width: 440px;
}

.MainContents_itn .socialInnovation .l .textBox .moreBtn {
    font-size:93.8%;
    font-weight:300;
    display: block;
    width: 140px;
    padding:4px 15px;
    text-align: left;
    background:url('/image/en/r5/main-itn/morebtn.png') no-repeat right 15px center;
    border:1px solid #fff;
    color:#fff;
    margin-top:35px;
    transition: .5s ease;
    position: relative;
}

.MainContents_itn .socialInnovation .l .textBox .moreBtn span{
    position: relative;
    z-index: 1;
    display: block;
    background: url('/image/en/r5/main-itn/morebtn.png')no-repeat right center;
}

.MainContents_itn .socialInnovation .l .textBox .moreBtn:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:0;
    height: 100%;
    background: #000;
    transition: all ease-in-out .3s;
    border:none;
}
.MainContents_itn .socialInnovation .l .textBox .moreBtn:hover:before, .MainContents_itn .socialInnovation .l .textBox .moreBtn:active:before {
    width:100%;
}

.MainContents_itn .socialInnovation .inner .item:before, .MainContents_itn .socialInnovation .inner .item:after {
    content: "";
    display: table;
}
.MainContents_itn .socialInnovation .inner .item:before, .MainContents_itn .socialInnovation .inner .item:after {
    clear: both;
}

.MainContents_itn .socialInnovation .controls{
    position: absolute;
    bottom: -42px;
    /* right: 50%; */
	right:40px;
    /* transform: translateX(-50%); */
    z-index: 10;
    text-align: center;
}

.MainContents_itn .socialInnovation .slick-dots{
	position:absolute;
	text-align:center;
	width:100%;
	bottom:20px;
	z-index:10;
}
.MainContents_itn .socialInnovation .slick-dots li{
	display:inline-block;
	margin:0 10px;
}
.MainContents_itn .socialInnovation .slick-dots li button{
	font-size:0;
	border:0;
	background:#aaa;
	width:8px;
	height:8px;
	border-radius:100%;
	padding:0;
}
.MainContents_itn .socialInnovation .slick-dots li.slick-active button{
	background:#333
}
.MainContents_itn .socialInnovation .controls .slick-dots li{
    position: relative;
    display: inline-block;
    height: 11px;
    width: 11px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.MainContents_itn .socialInnovation .controls .slick-dots li button{
    border:1px solid #fff;
    background: transparent;
    display: block;
    height: 11px;
    width: 11px;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
}
.MainContents_itn .socialInnovation .controls .slick-dots li.slick-active button{
   border:0;
    background: #fff;
}


.MainContents_itn .socialInnovation .controls .arrows button{
    width: 31px;
    height: 31px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -999px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.MainContents_itn .socialInnovation .controls .arrows button:hover{
	background-position:0 bottom;
}

.MainContents_itn .socialInnovation .controls .arrows .left_arrow{
    /*background: url(/image/en/r5/main-itn/main_prev.png) no-repeat center center*/
	background:url(/image/en/r5/main-itn/btn_banner_left.png) no-repeat 0 0 / 100% auto;
}

.MainContents_itn .socialInnovation .controls .arrows .right_arrow {
    background: url(/image/en/r5/main-itn/btn_banner_right.png) no-repeat 0 0 / 100% auto
}

.MainContents_itn .socialInnovation .controls .arrows .snp {
    background: url(/image/en/r5/main-itn/btn_banner_stop.png) no-repeat 0 0 / 100% auto
}
.MainContents_itn .socialInnovation .controls .arrows .snp.play {
    background: url(/image/en/r5/main-itn/btn_banner_play.png) no-repeat 0 0 / 100% auto
}


.MainContents_itn .socialInnovation .r .img{
    margin-left: -32.55%;
}


.MainContents_itn .gridArea {
    background:#f2f2f2;
}

.MainContents_itn .gridArea ul:before, .MainContents_itn .gridArea ul:after {
    content: "";
    display: table;
}
.MainContents_itn .gridArea ul:after {
    clear: both;
}
.MainContents_itn .gridArea ul li{
    float:left;
    /* width:422px; */
    width:425px;
 }
 .MainContents_itn .gridArea ul li:first-child{
    height:480px;
    background:url('/image/en/r5/main-itn/main_bot_grid1.jpg')no-repeat center center / cover;
}
.MainContents_itn .gridArea ul li:not(:first-child){
    height:240px;
}
.MainContents_itn .gridArea ul li:nth-of-type(2){
    background:url('/image/en/r5/main-itn/main_bot_grid2-2_eng.jpg')no-repeat center center / cover;
}
 .MainContents_itn .gridArea ul li:nth-of-type(3){
    background:url('/image/en/r5/main-itn/main_bot_grid3.jpg')no-repeat center center / cover; 
}
.MainContents_itn .gridArea ul li:nth-of-type(4){
    background:url('/image/en/r5/main-itn/main_bot_grid4.png')no-repeat center center / cover; 
}
.MainContents_itn .gridArea ul li:nth-of-type(5){
    background:url('/image/en/r5/main-itn/main_bot_grid5.jpg')no-repeat center center / cover;
}
.MainContents_itn .gridArea ul li:nth-of-type(5) a .tit{
    color:#fff;
}

 .MainContents_itn .gridArea ul li a{
    position: relative;
    display: block;
    height:100%;
}
.MainContents_itn .gridArea ul li a .tit{
    font-size:150%;
    font-weight: 700;
    display: table;
    width:fit-content;
    color:#222;
    line-height: 134%;
    padding:20px;
}
/* .MainContents_itn .gridArea ul li:first-child .tit{
    color:#fff;
}
.MainContents_itn .gridArea ul li:nth-child(4) .tit{
    color:#fff;
} */

.MainContents_itn .gridArea ul li a .text{
    position: absolute;
    bottom: 30px;
    color: #fff;
    left: 53px;
}

.MainContents_itn .gridArea ul li a .linkAcc{
    position: absolute;
    right:40px;
    bottom:40px;
    width:31px;
    height:31px;
    background:url('/image/en/r5/main-itn/link_acc1.png')no-repeat;

}
/* .MainContents_itn .gridArea ul li:nth-of-type(3) a .linkAcc{
    background:url('/image/en/r5/main-itn/link_acc2.png')no-repeat;
} */
 .MainContents_itn .gridArea ul li:nth-of-type(2) a:hover .linkAcc, .MainContents_itn .gridArea ul li:nth-of-type(2) a:active .linkAcc{
    background: url('/image/en/r5/main-itn/link_youtube_on.png')no-repeat;
    width:73px;
    height:73px;
} 
.MainContents_itn .gridArea ul li:nth-of-type(3) a:hover .linkAcc, .MainContents_itn .gridArea ul li:nth-of-type(3) a:active .linkAcc{
    background: url('/image/en/r5/main-itn/link_youtube_on.png')no-repeat;
    width:73px;
    height:73px;
} 
.MainContents_itn .gridArea ul li:nth-of-type(2) a .linkAcc{
    width : 61px;
    height : 61px;
    position: absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    transform: translateY(-50%);
    background:url('/image/en/r5/main-itn/link_youtube.png')no-repeat;
    }
    .MainContents_itn .gridArea ul li:nth-of-type(3) a .linkAcc{
        width : 61px;
        height : 61px;
        position: absolute;
        left:0;
        right:0;
        margin:0 auto;
        top:50%;
        transform: translateY(-50%);
        background:url('/image/en/r5/main-itn/link_youtube.png')no-repeat;
        }
.inner.scrollTopArea{overflow: hidden;}
.scrollTopArea .mainScrollTop{float:right;color:#c02!important;text-decoration: none;display: inline-block;padding-top:3px;font-size: 75%;background:url('/image/en/r1/icon/icon_link_top_hd.gif')no-repeat right center;background-size: 16px;padding:0 20px 0 0;margin-bottom:20px; line-height:19px;}

@media print{
	.MainContents_itn{
    background:#fff;
}
.MainContents_itn img{
    max-width:100%;
    vertical-align: middle;
}
.MainContents_itn *{
box-sizing: border-box;
}
.MainContents_itn a{
    text-decoration: none!important;
}
.MainContents_itn a:visited,
a:link {
    /* text-decoration: none; */
    color: inherit;
}
.MainContents_itn .inner {
    max-width: 1275px;
    margin: 0 auto;
    position: relative;
}

.MainContents_itn article:not(.mainVisual){
    padding:50px 0;
}

.MainContents_itn .mainVisual {
    display: table;
    width: 100%;
    height: 650px;
    /*background: url('/image/en/r5/main-itn/wide_br_sib_sp')no-repeat center center;*/
    text-align: center;
	background-size: cover;
}
	
@media screen and (min-width: 768px) {
.MainContents_itn .mainVisual {
    display: table;
    width: 100%;
    height: 650px;
    background: url('/image/en/r5/main-itn/mainvisual.jpg')no-repeat center center;
    text-align: center;
	background-size: cover;
	}
}

.MainContents_itn .mainVisual .inner {
    display: table-cell;
    vertical-align: middle;
}
.MainContents_itn .mainVisual .moreBtn {
    font-size:93.8%;
    font-weight:700;
    display: block;
    width: 320px;
    margin:50px auto 0;
    padding:12px 20px;
    text-align: center;
    background:url('/image/en/r5/main-itn/ino.png') no-repeat center;
    color:#fff!important;
    position: relative;
}
.MainContents_itn .mainVisual .moreBtn span{
    position: relative; 
    z-index: 1;
    display: block;
    /*background: url('/image/en/r5/main-itn/more_acc.png')no-repeat right 50px center;*/
}
/* .MainContents_itn .mainVisual .moreBtn:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:0;
    height: 100%;
    position: absolute;
    background: #000;
    transition: all ease-in-out .3s;
} */
.MainContents_itn .mainVisual .moreBtn:hover:before, .MainContents_itn .mainVisual .moreBtn:active:before {
    width:100%;
}
.MainContents_itn .mainVisual .newsRoller{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    width: 1275px;
    margin:0 auto;
    height:65px;
    background:rgba(1,1,1,.8);
    overflow: hidden;
    padding:0 30px;
}

.MainContents_itn .mainVisual .newsRoller .tit{
    font-size:93.8%;
    float:left;
    width:75px;
    color:#fff;
    display: block;
    line-height:4.331em;
    position: relative;
    padding-right:15px;
}
.MainContents_itn .mainVisual .newsRoller .tit:after{
    content:'';
    position: absolute;
    right:0;
    top: calc(50% - 7px);
    width:1px;
    height:14px;
    background:#686868;
}
.MainContents_itn .mainVisual .newsRoller .in{
    float:left;
    width:calc(100% - 75px);
}
.MainContents_itn .mainVisual .newsRoller .in li{
    font-size:93.8%;
    text-align: left;
    position: relative;
}
.MainContents_itn .mainVisual .newsRoller .in li:before, .MainContents_itn .mainVisual .newsRoller .in li:after {
    content: "";
    display: table;
}
.MainContents_itn .mainVisual .newsRoller .in li:after {
    clear: both;
}
.MainContents_itn .mainVisual .newsRoller .in li .cont{
    float:left;
    display: block;
    height: 4.331em;
    line-height: 4.331em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left:15px;
    padding-right:30px;
    color:#fff;
    max-width:80%;
}
.MainContents_itn .mainVisual .newsRoller .in li .cont:hover{
text-decoration:underline!important;
}
.MainContents_itn .mainVisual .newsRoller .in li .date{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.MainContents_itn .mainVisual .newsRoller .controls{
    position: absolute;
    right:35px;
    top:50%;
    transform: translateY(-50%);
}
.MainContents_itn .mainVisual .newsRoller .controls > *{
    display: block;
    text-indent: -9999px;
    width:11px;
    height:7px;
    padding:10px 0;
}
.MainContents_itn .mainVisual .newsRoller .controls .up_arrow{
background: url('/image/en/r5/main-itn/slideup_acc.png')no-repeat center center;
}
.MainContents_itn .mainVisual .newsRoller .controls .down_arrow{
    background: url('/image/en/r5/main-itn/slidedown_acc.png')no-repeat center center;
}
/* .MainContents_itn .mainShortcutArea{
    padding:50px 0 65px!important;
}
.MainContents_itn .mainShortcutArea ul{
    margin-left:-32px;
}
.MainContents_itn .mainShortcutArea ul:before, .MainContents_itn .mainShortcutArea ul:after {
    content: "";
    display: table;
}
.MainContents_itn .mainShortcutArea ul:after {
    clear: both;
}
.MainContents_itn .mainShortcutArea ul li{
    position: relative;
      float:left;
      width:403px;
      margin-left:32px;
      height: 350px;
}
.MainContents_itn .mainShortcutArea ul li .img{
    position: relative;
    display: block;
    height:0;
    padding-bottom:61%;
    overflow: hidden;
}
.MainContents_itn .mainShortcutArea ul li .imgbox{width:100%;overflow: hidden;}
.MainContents_itn .mainShortcutArea ul li .imgbox img{transition: .5s ease;}
.MainContents_itn .mainShortcutArea ul li a:hover .imgbox img{ transform: scale(1.2);}

.MainContents_itn .mainShortcutArea ul li .img:hover img, .MainContents_itn .mainShortcutArea ul li .img:focus img{
    transform: scale(1.2);
} 
.MainContents_itn .mainShortcutArea ul li .img img{
width:100%;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:0 auto;
transition: .5s ease;
}
.MainContents_itn .mainShortcutArea ul li .caption{
    display: block;
    font-size:93.8%;
    font-weight: 700;
    text-align: center;
    color:#fff;
    background:#000;
    letter-spacing: -0.025rem;
    padding:6.58% 1.495%;
}


.MainContents_itn .mainShortcutArea ul li .txt{
    width:365px;
    height: 190px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 5%;
    padding: 2%;
    text-align: center;
    box-sizing: border-box;
}

.MainContents_itn .mainShortcutArea ul li .txt h4{
    font-size: 150%;
    color: #222;
    letter-spacing: -0.03em;
    font-family: 'Nanum Gothic', sans-serif;
}

.MainContents_itn .mainShortcutArea ul li .txt .small_txt{
    font-size:85%;
    color:#999;
    letter-spacing: -0.02em;
}
.MainContents_itn .mainShortcutArea ul li .txt .big_txt{
    color:#666;
    font-size: 93.8%;
    position: relative;
    padding-top:54px;
}

.MainContents_itn .mainShortcutArea ul li .txt .big_txt::before{
    position: absolute;
    top: 25px;
    left: 46%;
    content: '';
    width: 24px;
    height: 2px;
    background: #d7d7d7;
} */

.MainContents_itn .mainShortcutArea{
    padding:50px 0 65px!important;
}
.MainContents_itn .mainShortcutArea ul{
    margin-left:-50px;
}
.MainContents_itn .mainShortcutArea ul:before, .MainContents_itn .mainShortcutArea ul:after {
    content: "";
    display: table;
}
.MainContents_itn .mainShortcutArea ul:after {
    clear: both;
}
.MainContents_itn .mainShortcutArea ul li{
      float:left;
      width:384px;
      margin-left:50px;
      box-shadow: 15px 15px 0px #b1000e;
}
.MainContents_itn .mainShortcutArea ul li .img{
    position: relative;
    display: block;
    height:0;
    padding-bottom:51%;
    overflow: hidden;
}
.MainContents_itn .mainShortcutArea ul li .img:hover img, .MainContents_itn .mainShortcutArea ul li .img:focus img{
    transform: scale(1.2);
} 
.MainContents_itn .mainShortcutArea ul li .img img{
width:100%;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:0 auto;
transition: .5s ease;
}
.MainContents_itn .mainShortcutArea ul li .caption{
    display: block;
    font-size:93.8%;
    font-weight: 700;
    text-align: center;
    color:#fff;
    background:#000;
    letter-spacing: -0.025rem;
    padding:6.58% 1.495%;
}


.MainContents_itn .socialInnovation{
    background:url('/image/en/r5/main-itn/social_half.jpg') repeat-y center 0;
    /* height:420px; */
	height:auto;
    position: relative;
    /*padding:50px 0 80px !important;*/
}
.MainContents_itn .socialInnovation .inner{
    height:100%;
}
.MainContents_itn .socialInnovation .inner .item > *{
float:left;
width:50%;
height:100%;
}
.MainContents_itn .socialInnovation .inner .item{
    position: relative;
}
.MainContents_itn .socialInnovation .l{
    display: table;
}
.MainContents_itn .socialInnovation .l .textBox{
    display: table-cell;
    vertical-align: middle;
    height: 320px;
}
.MainContents_itn .socialInnovation .l .textBox .tit_sub{
    font-weight: 700;
    color: #fff;
    border-top:2px solid #e60027; 
    border-left:2px solid #e60027;
    padding:10px;
}

.MainContents_itn .socialInnovation .l .textBox h4{
    color:#fff;
    font-size:150%;
    font-weight: 700;
	margin-top:20px;
}

.MainContents_itn .socialInnovation .l .textBox .tit{
    font-size:112.5%;
    color:#fff;
    font-weight: 300;
    margin-top:20px;
    line-height: 1.25;
    max-width: 440px;
}

.MainContents_itn .socialInnovation .l .textBox .moreBtn {
    font-size:93.8%;
    font-weight:300;
    display: block;
    width: 140px;
    padding:4px 15px;
    text-align: left;
    background:url('/image/en/r5/main-itn/morebtn.png') no-repeat right 15px center;
    border:1px solid #fff;
    color:#fff;
    margin-top:35px;
    transition: .5s ease;
    position: relative;
}

.MainContents_itn .socialInnovation .l .textBox .moreBtn span{
    position: relative;
    z-index: 1;
    display: block;
    background: url('/image/en/r5/main-itn/morebtn.png')no-repeat right center;
}

.MainContents_itn .socialInnovation .l .textBox .moreBtn:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width:0;
    height: 100%;
    background: #000;
    transition: all ease-in-out .3s;
    border:none;
}
.MainContents_itn .socialInnovation .l .textBox .moreBtn:hover:before, .MainContents_itn .socialInnovation .l .textBox .moreBtn:active:before {
    width:100%;
}

.MainContents_itn .socialInnovation .inner .item:before, .MainContents_itn .socialInnovation .inner .item:after {
    content: "";
    display: table;
}
.MainContents_itn .socialInnovation .inner .item:before, .MainContents_itn .socialInnovation .inner .item:after {
    clear: both;
}

.MainContents_itn .socialInnovation .controls{
    position: absolute;
    bottom: -42px;
    /* right: 50%; */
	right:40px;
    /* transform: translateX(-50%); */
    z-index: 10;
    text-align: center;
}

.MainContents_itn .socialInnovation .slick-dots{
	position:absolute;
	text-align:center;
	width:100%;
	bottom:20px;
	z-index:10;
}
.MainContents_itn .socialInnovation .slick-dots li{
	display:inline-block;
	margin:0 10px;
}
.MainContents_itn .socialInnovation .slick-dots li button{
	font-size:0;
	border:0;
	background:#aaa;
	width:8px;
	height:8px;
	border-radius:100%;
	padding:0;
}
.MainContents_itn .socialInnovation .slick-dots li.slick-active button{
	background:#333
}
.MainContents_itn .socialInnovation .controls .slick-dots li{
    position: relative;
    display: inline-block;
    height: 11px;
    width: 11px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.MainContents_itn .socialInnovation .controls .slick-dots li button{
    border:1px solid #fff;
    background: transparent;
    display: block;
    height: 11px;
    width: 11px;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
}
.MainContents_itn .socialInnovation .controls .slick-dots li.slick-active button{
   border:0;
    background: #fff;
}


.MainContents_itn .socialInnovation .controls .arrows button{
    width: 31px;
    height: 31px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -999px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.MainContents_itn .socialInnovation .controls .arrows button:hover{
	background-position:0 bottom;
}

.MainContents_itn .socialInnovation .controls .arrows .left_arrow{
    /*background: url(/image/en/r5/main-itn/main_prev.png) no-repeat center center*/
	background:url(/image/en/r5/main-itn/btn_banner_left.png) no-repeat 0 0 / 100% auto;
}

.MainContents_itn .socialInnovation .controls .arrows .right_arrow {
    background: url(/image/en/r5/main-itn/btn_banner_right.png) no-repeat 0 0 / 100% auto
}

.MainContents_itn .socialInnovation .controls .arrows .snp {
    background: url(/image/en/r5/main-itn/btn_banner_stop.png) no-repeat 0 0 / 100% auto
}
.MainContents_itn .socialInnovation .controls .arrows .snp.play {
    background: url(/image/en/r5/main-itn/btn_banner_play.png) no-repeat 0 0 / 100% auto
}


.MainContents_itn .socialInnovation .r .img{
    margin-left: -32.55%;
}


.MainContents_itn .gridArea {
    background:#f2f2f2;
}

.MainContents_itn .gridArea ul:before, .MainContents_itn .gridArea ul:after {
    content: "";
    display: table;
}
.MainContents_itn .gridArea ul:after {
    clear: both;
}
.MainContents_itn .gridArea ul li{
    float:left;
    width:422px;
 }
 .MainContents_itn .gridArea ul li:first-child{
    height:480px;
    background:url('/image/en/r5/main-itn/main_bot_grid1.jpg')no-repeat center center / cover;
}
.MainContents_itn .gridArea ul li:not(:first-child){
    height:240px;
}
.MainContents_itn .gridArea ul li:nth-of-type(2){
    background:url('/image/en/r5/main-itn/main_bot_grid2-2_eng.jpg')no-repeat center center / cover;
}
 .MainContents_itn .gridArea ul li:nth-of-type(3){
    background:url('/image/en/r5/main-itn/main_bot_grid3.jpg')no-repeat center center / cover; 
}
.MainContents_itn .gridArea ul li:nth-of-type(4){
    background:url('/image/en/r5/main-itn/main_bot_grid4.png')no-repeat center center / cover; 
}
.MainContents_itn .gridArea ul li:nth-of-type(5){
    background:url('/image/en/r5/main-itn/main_bot_grid5.jpg')no-repeat center center / cover;
}
.MainContents_itn .gridArea ul li:nth-of-type(5) a .tit{
    color:#fff;
}

 .MainContents_itn .gridArea ul li a{
    position: relative;
    display: block;
    height:100%;
}
.MainContents_itn .gridArea ul li a .tit{
    font-size:150%;
    font-weight: 700;
    display: table;
    width:fit-content;
    color:#222;
    line-height: 134%;
    padding:20px;
}
/* .MainContents_itn .gridArea ul li:first-child .tit{
    color:#fff;
}
.MainContents_itn .gridArea ul li:nth-child(4) .tit{
    color:#fff;
} */

.MainContents_itn .gridArea ul li a .text{
    position: absolute;
    bottom: 30px;
    color: #fff;
    left: 53px;
}

.MainContents_itn .gridArea ul li a .linkAcc{
    position: absolute;
    right:40px;
    bottom:40px;
    width:31px;
    height:31px;
    background:url('/image/en/r5/main-itn/link_acc1.png')no-repeat;

}
/* .MainContents_itn .gridArea ul li:nth-of-type(3) a .linkAcc{
    background:url('/image/en/r5/main-itn/link_acc2.png')no-repeat;
} */
 .MainContents_itn .gridArea ul li:nth-of-type(2) a:hover .linkAcc, .MainContents_itn .gridArea ul li:nth-of-type(2) a:active .linkAcc{
    background: url('/image/en/r5/main-itn/link_youtube_on.png')no-repeat;
    width:73px;
    height:73px;
} 
.MainContents_itn .gridArea ul li:nth-of-type(3) a:hover .linkAcc, .MainContents_itn .gridArea ul li:nth-of-type(3) a:active .linkAcc{
    background: url('/image/en/r5/main-itn/link_youtube_on.png')no-repeat;
    width:73px;
    height:73px;
} 
.MainContents_itn .gridArea ul li:nth-of-type(2) a .linkAcc{
    width : 61px;
    height : 61px;
    position: absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    transform: translateY(-50%);
    background:url('/image/en/r5/main-itn/link_youtube.png')no-repeat;
    }
    .MainContents_itn .gridArea ul li:nth-of-type(3) a .linkAcc{
        width : 61px;
        height : 61px;
        position: absolute;
        left:0;
        right:0;
        margin:0 auto;
        top:50%;
        transform: translateY(-50%);
        background:url('/image/en/r5/main-itn/link_youtube.png')no-repeat;
        }
.inner.scrollTopArea{overflow: hidden;}
.scrollTopArea .mainScrollTop{float:right;color:#c02!important;text-decoration: none;display: inline-block;padding-top:3px;font-size: 75%;background:url('/image/en/r1/icon/icon_link_top_hd.gif')no-repeat right center;background-size: 16px;padding:0 20px 0 0;margin-bottom:20px;}
}

/*japan main*/
.MainContents_itn.mainJs .gridArea ul li:nth-of-type(2){background: url(/image/en/r5/main-itn/main_bot_grid2-2.jpg)no-repeat center center / cover;}
.MainContents_itn.mainJs .socialInnovation .l .textBox .moreBtn{width:170px;    font-weight: 700;}
.MainContents_itn.mainJs  .mainVisual .newsRoller .tit{width:128px;}
.MainContents_itn.mainJs .mainVisual .newsRoller .in{ width:calc(100% - 157px);}
/* for print
=========================================================================================== */

@media print {

/* s-221223 프린트 설정 ksh */
  body {
    width: 100% !important;
  }

  #top {
    width: 100% !important;
  }

  #HeaderArea {
    width: 100% !important;
  }

  #HeaderArea:before {
    width: 100% !important;
  }

  #Contents,
  #Footer {
    width: 100% !important;
  }

.MainContents_itn .inner{
    width: 100% !important;
  }
/* e-221223 프린트 설정 ksh */

  #Footer ul {
    width: 800px !important;
  }


  .MainContents_itn .mainVisual{
    /*width: 1275px !important;*/
    height: 600px !important;
    margin-top: 0 !important;
    overflow: hidden !important;



  }
    .MainContents_itn .mainVisual img {
    width: auto !important;
    height: 100% !important;
  }
  .MainContents_itn .mainVisual .inner {
    height: 650px !important;
  }

  .newsRoller {
    position: absolute !important;
    margin: 0 auto !important;
    /*width: 1275px !important;*/
    top: auto !important;
  }

  

  h2.TopStyle img,
  .TopStyle h2 img {
    z-index: 100 !important;
  }
.MainContents_itn .mainShortcutArea ul{display:flex; justify-content:space-between;}
.MainContents_itn .mainShortcutArea ul li{width:10%;}

}

@media print and (-ms-high-contrast: none){

  .MainContents_itn .mainVisual img {
    top: 0;
    left: 0;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
  }

  .MainContents_itn .mainShortcutArea ul li .img img {
    top: 0;
    left: 0;
    transform: translateY(0) translateX(0);
    -webkit-transform: translateY(0) translateX(0);
  }

}


/* 2022 new main */
/* 배너 */
.renewal_main .mainBannerArea{display:block;overflow:unset;position:relative;padding:0 !important;background:none;text-align:initial;}
.renewal_main .mainBannerArea .inner{display:block;position:unset;max-width:unset;margin:unset;padding:0;}
.renewal_main .mainBannerArea .slick_slide_wrap .bg_dark{height:100%;background:#00000040;}
.renewal_main .mainBannerArea .slick_slide_wrap .bg_dark.none{height:100%;background:none}
.renewal_main .mainBannerArea .slick_slide_wrap .txt_box{max-width:1275px;margin:0 auto;padding:182.5px 0;}
.renewal_main .mainBannerArea .slick-dots{display:flex;align-items:center;justify-content:center;padding-right:16px;}
.renewal_main .mainBannerArea .slick-dots li{margin-left:10px;line-height:0;}
.renewal_main .mainBannerArea .slick-dots li:first-child{margin-left:0;}
.renewal_main .mainBannerArea .slick-dots li button{overflow:hidden;width:16px;height:16px;padding:0;border-radius:50%;border:none;background:#D9D9D9;color:transparent;}
.renewal_main .mainBannerArea .slick-dots li.slick-active button{background:#B1000E;}
/* .renewal_main .mainBannerArea .btn_arrow_box{position:absolute;right:50%;bottom:50px;margin-right:-624px;} */
.renewal_main .mainBannerArea .btn_arrow_box{display:flex;align-items:center;justify-content:center;padding-top:28px;}
.renewal_main .mainBannerArea .btn_arrow_box button{overflow:hidden;width:16px;height:16px;border:none;white-space:nowrap;text-indent:-999px;vertical-align:middle;cursor:pointer;}
/* .renewal_main .mainBannerArea .btn_arrow_box .btn_prev{background:url(/image/en/r5/main-itn/renewal_main/btn_prev.png) no-repeat 0 0 / 16px;} */
.renewal_main .mainBannerArea .btn_arrow_box .btn_pause{width:8px;height:12px;background:url(/image/en/r5/main-itn/renewal_main/btn_pause2.png) no-repeat 50% 50% / 8px 12px;}
.renewal_main .mainBannerArea .btn_arrow_box .btn_pause.play{width:11px;height:14px;background:url(/image/en/r5/main-itn/renewal_main/btn_play2.png) no-repeat 50% 50% / 11px 14px;}
/* .renewal_main .mainBannerArea .btn_arrow_box .btn_next{background:url(/image/en/r5/main-itn/renewal_main/btn_next.png) no-repeat 0 0 / 16px;} */
/* .renewal_main .mainBannerArea .btn_arrow_box .paging{padding-left:20px;font-size:14px;font-weight:600; color: #fff;line-height:20px;filter: drop-shadow(0 0 4px #000)} */
.renewal_main .mainBannerArea .title span{display:block;font-size:40px;font-weight:600;color:#fff;line-height:60px;text-shadow:none;text-align:left;}
.renewal_main .mainBannerArea .title span br{display:none;}
.renewal_main .mainBannerArea .title .TextStyle1{min-height:64px;padding-top:16px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.5px;}
.renewal_main .mainBannerArea .title .TextStyle1 br{display:block;}
.renewal_main .mainBannerArea .txt_box{position:relative;}
.renewal_main .mainBannerArea .item1 .title{padding-bottom:80px;}
.renewal_main .mainBannerArea .item1 .TextStyle1{position:absolute;left:0;top:280px;width:calc(100% - 450px);}
.renewal_main .mainBannerArea .item3 .txt_box{padding-right:400px;}
.renewal_main .mainBannerArea .moreBtn{display:inline-block;width:auto;margin:48px 0 0 0;padding:12px 35px;background:#b1000e;font-size:16px;color:#fff;line-height:24px;}

/* 20230405*/
.renewal_main .mainBannerArea .slick_slide_wrap .item1 .type01 {position: relative; height: 600px}
.renewal_main .mainBannerArea .slick_slide_wrap .item1 .type01 .img_logo img {position: absolute; left: 50%; top: 0%;margin-top:24px; transform: translateX(-50%);/* padding: 0 30px*/}
.renewal_main .mainBannerArea .slick_slide_wrap .item1 .type01 .title {position: absolute; left: 50%; top: 68%; transform: translateX(-50%); padding: 0;font-size: clamp(1rem, 1.5vw, 1.5rem); font-weight: bold;  line-height: 1.5; color: #fff; filter: drop-shadow(0 0 4px #000); }
.renewal_main .mainBannerArea .slick_slide_wrap .item1 .type01 .moreBtn {position: absolute; left: 50%; bottom: 15%; transform: translateX(-50%)}


/* 제품 및 서비스 */
.renewal_main .mainServiceArea{padding:76px 0 0 !important;}
.renewal_main .mainServiceArea .inner{max-width:unset;padding:0;}
.renewal_main .mainServiceArea .tit_box{position:relative;max-width:1275px;margin:0 auto;}
.renewal_main .mainServiceArea .tit_box p{font-weight:600;font-size:40px;color:#000;line-height:60px;}
.renewal_main .mainServiceArea .tit_box .btn_all_view{position:absolute;bottom:0;right:0;padding:12px 50px;border:1px solid #000;background:#fff;font-size:16px;font-weight:400;color:#000;line-height:24px;}
.renewal_main .mainServiceArea .tit_box .btn_all_view::after{content:'';display:inline-block;width:10px;height:10px;margin-left:7px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}
.renewal_main .mainServiceArea .mobile{display:none;}
.renewal_main .mainServiceArea .pc{position:relative;margin-top:60px;}
.renewal_main .mainServiceArea .pc .txt_box{position:absolute;top:0;left:0;right:0;}
.renewal_main .mainServiceArea .pc .txt_box li{position:relative;right:0;width:50%;height:172px;padding:57.5px 57.5px 0 calc(50% - 635px);font-size:14px;font-weight:400;color:#999;line-height:21px;}/* 230818 */ 
.jpncase.renewal_main .mainServiceArea .pc .txt_box li{z-index:20;padding:17px 67px 22px calc(50% - 635px);}
.renewal_main .mainServiceArea .pc .txt_box li:first-child{margin-top:31px;}
.renewal_main .mainServiceArea .pc .txt_box strong{display:block;font-size:24px;font-weight:600;color:#999;line-height:36px;}
.renewal_main .mainServiceArea .pc .txt_box p{display:none;padding-top:16px;font-size:13px;}
.renewal_main .mainServiceArea .pc .txt_box .btn_more{display:none;position:absolute;bottom:61px;right:26px;width:50px;height:50px;border:0;background:url(/image/en/r5/main-itn/renewal_main/btn_more.png) no-repeat 50% / 31px 14px;color:transparent;cursor:pointer;}/* 230818 */ 
.renewal_main .mainServiceArea .pc .txt_box .active{z-index:20;padding:40px 67px 40px calc(50% - 635px);background:#b1000e;color:#fff;transition-duration:0.5s;}/* 230818 */ 
.jpncase.renewal_main .mainServiceArea .pc .txt_box .active{z-index:20;padding:17px 67px 22px calc(50% - 635px);}
.renewal_main .mainServiceArea .pc .txt_box .active strong{color:#fff;}
.renewal_main .mainServiceArea .pc .txt_box .active p{display:block;}
.renewal_main .mainServiceArea .pc .txt_box .active .btn_more{display:block;}
.renewal_main .mainServiceArea .pc .img_box{overflow:hidden;height:600px;padding-left:35%;text-align:right;}
.renewal_main .mainServiceArea .pc .img_box p{height:600px;opacity:0;}
.renewal_main .mainServiceArea .pc .img_box .active_before{position:absolute;left:37%;right:0;top:0;-moz-animation:fadeout 1s;-webkit-animation:fadeout 1s;-o-animation:fadeout 1s;animation:fadeout 1s;opacity:1;}
.renewal_main .mainServiceArea .pc .img_box .active{position:absolute;left:37%;right:0;top:0;z-index:10;-moz-animation:fadein 1s;-webkit-animation:fadein 1s;-o-animation:fadein 1s;animation:fadein 1s;opacity:1;}
.renewal_main .mainServiceArea .pc .img_box img{height:100%;}
.renewal_main .mainServiceArea .txt_box .link_area{position:absolute;left:0;right:0;top:0;bottom:0;color:transparent;}

.jpncase.renewal_main div{word-break:break-all;}
.jpncase.renewal_main span{word-break:break-all;}
.jpncase.renewal_main p{word-break:break-all;}

/* fadein */
@-moz-keyframes fadein{
    0%{
        opacity:0;
    }100%{
        opacity:1;
    }
}
@-webkit-keyframes fadein{
    0%{
        opacity:0;
    }100%{
        opacity:1;
    }
}
@-o-keyframes fadein{
    0%{
        opacity:0;
    }100%{
        opacity:1;
    }
}
@keyframes fadein{
    0%{
        opacity:0;
    }100%{
        opacity:1;
    }
}

/* fadeout */
@-moz-keyframes fadeout{
    0%{
        opacity:1;
    }100%{
        opacity:0 !important;
    }
}
@-webkit-keyframes fadeout{
    0%{
        opacity:1;
    }100%{
        opacity:0 !important;
    }
}
@-o-keyframes fadeout{
    0%{
        opacity:1;
    }100%{
        opacity:0 !important;
    }
}
@keyframes fadeout{
    0%{
        opacity:1;
    }100%{
        opacity:0 !important;
    }
}

/* 60주년 소개 */
.renewal_main .MainContents_itn .introductionVideo{position:relative;margin-top:90px;background:url(/image/en/r5/main-itn/renewal_main/bg_black.png) no-repeat 50% 50% / cover}
.renewal_main .MainContents_itn .introductionVideo::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 36.17%, rgba(0, 0, 0, 0) 100%);}
.renewal_main .MainContents_itn .introductionVideo .inner{padding:117px 0 123px;}
.renewal_main .MainContents_itn .introductionVideo .inner::after{content:'';display:block;clear:both;}
.renewal_main .MainContents_itn .introductionVideo .video_box{float:left;position:relative;width:60%;max-width:840px;}
.renewal_main .MainContents_itn .introductionVideo .video_box::before{content:'';display:block;width:100%;height:0;padding-top:57%;}
.renewal_main .MainContents_itn .introductionVideo .video_box iframe{position:absolute;left:50%;top:50%;z-index:10;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.renewal_main .MainContents_itn .introductionVideo .video_box .thumbnail{position:absolute;z-index:10;width:100%;height:100%;top:0;}
.renewal_main .MainContents_itn .introductionVideo .txt_box{float:right;width:40%;padding:60px 0 0 40px;}
.renewal_main .MainContents_itn .introductionVideo .txt_box p{font-size:40px;font-weight:600;color:#fff;line-height:60px;word-break:break-all;}
.renewal_main .MainContents_itn .introductionVideo .txt_box .btn_more{display:inline-block;margin-top:48px;padding:12px 35px;border:1px solid #fff;font-size:16px;line-height:24px;color:#fff;}

/* 프로젝트 사례 보기 */
.renewal_main .subBannerArea{display:block;overflow:unset;position:relative;margin-top:167px;padding:0 !important;background:none;text-align:initial;}
.renewal_main .subBannerArea::before{content:'';display:block;position:absolute;bottom:-90px;left:50%;width:100%;height:100%;max-height:373px;background:#f7f7f7;transform:translateX(-50%);}
.renewal_main .subBannerArea .btn_all_view{position:absolute;top:0;right:0;z-index:10;padding:12px 50px;border:1px solid #000;background:#fff;font-size:16px;font-weight:400;color:#000;line-height:24px;}
.renewal_main .subBannerArea .btn_all_view::after{content:'';display:inline-block;width:10px;height:10px;margin-left:7px;border-top:1px solid #000;border-right:1px solid #000;transform: rotate(45deg);}
.renewal_main .subBannerArea .tit_box{position:relative;max-width:1275px;margin:0 auto;}
.renewal_main .subBannerArea .tit_box p{font-weight:600;font-size:40px;color:#000;line-height:60px;}
.renewal_main .subBannerArea .slick_slide_wrap{position:relative;display:flex;gap:20px; margin-top:40px;}
.renewal_main .subBannerArea .slick_slide_wrap .item{width:33.3%;}
.renewal_main .subBannerArea .item .img_box{overflow:hidden;position:relative;display:flex;align-items:center;width:100%;padding-top:68%;}
.renewal_main .subBannerArea .item .img_box img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;height:0;margin:auto;object-fit:cover;}
.renewal_main .subBannerArea .item .txt_box{margin-top:24px;}
.renewal_main .subBannerArea .item .txt_box .title{font-size:18px;font-weight:600;line-height:23px;}
.renewal_main .subBannerArea .item .txt_box .desc{display:inline-block;margin-top:8px;font-size:14px;line-height:21px;}
.renewal_main .subBannerArea .slick-dots{display:flex;align-items:center;justify-content:center;padding-right:16px;}
.renewal_main .subBannerArea .slick-dots li{margin-left:10px;line-height:0;}
.renewal_main .subBannerArea .slick-dots li:first-child{margin-left:0;}
.renewal_main .subBannerArea .slick-dots li button{overflow:hidden;width:16px;height:16px;padding:0;border-radius:50%;border:none;background:#D9D9D9;color:transparent;}
.renewal_main .subBannerArea .slick-dots li.slick-active button{background:#B1000E;}
.renewal_main .subBannerArea .btn_arrow_box{display:none;}
.renewal_main .subBannerArea .btn_arrow_box button{overflow:hidden;width:16px;height:16px;border:none;white-space:nowrap;text-indent:-999px;vertical-align:middle;cursor:pointer;}
.renewal_main .subBannerArea .title span{display:block;margin-top:22px;font-size:28px;font-weight:700;color:#222;line-height:42px;text-shadow:none;text-align:left;}

/* 그리드 컨텐츠 */
.renewal_main .gridArea2{padding:218px 0 160px !important;}
.renewal_main .gridArea2 ul::after{content:'';display:block;clear:both;}
.renewal_main .gridArea2 ul li{float:left;width:calc(50% - 20px);margin-left:40px;}
.renewal_main .gridArea2 ul li:first-child{margin-left:0;}
.renewal_main .gridArea2 ul li p{padding-top:24px;font-size:24px;line-height:36px;}

/* for print */
@media print{
    .renewal_main{-webkit-print-color-adjust:exact !important;color-adjust:exact !important;}
    .renewal_main .mainBannerArea{overflow:hidden;height:600px;}
    .renewal_main .mainServiceArea{height:auto;}
    .renewal_main .mainServiceArea .con_box.pc{display:block;}
    .renewal_main.jpncase .mainServiceArea{overflow:hidden;height:1300px;}
    .renewal_main.jpncase .mainServiceArea .con_box.pc{height:500px;margin-top:-50px;}
    .renewal_main .mainServiceArea .con_box.mobile{display:none;}
    .renewal_main .mainServiceArea .pc .img_box p:first-child{opacity:1 !important;}
    .renewal_main .MainContents_itn .introductionVideo{overflow:hidden;width:100%;height:700px;margin-top:50px;}
    .renewal_main .MainContents_itn .introductionVideo::before{display:none;}
    .renewal_main .MainContents_itn .introductionVideo .txt_box{width:40% !important;}
    .renewal_main .MainContents_itn .introductionVideo .video_box iframe{position:unset;width:635px;height:355px;transform:translate(6%,-100%);}

    .renewal_main .gridArea2{margin-top:-50px;}
    .renewal_main .gridArea2 ul li{display:inline-block;float:none;width:45%;max-width:500px;}
    .renewal_main .gridArea2 ul li:first-child{margin-right:20px;}
	.renewal_main .mainBannerArea .slick_slide_wrap .txt_box{max-width: 100%; padding-left:50px;}/*20230426추가*/
	.renewal_main .mainBannerArea .item .textStyel{left:50px}
	.renewal_main .mainBannerArea .btn_arrow_box{margin-right:-500px}
	.renewal_main .mainBannerArea .slick_slide_wrap .type01 {margin-right:800px}
}

.print_area{page-break-after:always;}

@media screen and (min-width: 768.02px), print {
  .pc\:inline-block {
    display: inline-block;
  }
}

@media screen and (min-width: 768.02px), print {
  .pc\:hidden {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .sp\:hidden {
    display: none !important;
  }
}

/* 메인 공지사항 */
.MainContents_itn .noticeArea {margin-bottom: -50px;}
.noticeArea .board_con {display: flex;position: relative; width: 100%;margin: 0 auto;}
.noticeArea .board_con a {font-size: 14px;font-weight: 600;color: #000;letter-spacing: -0.3px;}
.noticeArea .board_con .notice_tit {position: relative;width: 109px; padding:12px 28px;background: #e3e3e3;line-height: 60px;}
.noticeArea .board_con .notice_desc {display:-webkit-box ;overflow: hidden; width: 100%; position: relative; padding:20px 24px;background: #f4f4f4;font-size: 15px; font-weight: 400;line-height: 23px; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.noticeArea .board_con .notice_tit::before {content: '';position: absolute;z-index: 3; width: 10px;height: 10px;top: 50%;right: -5px;margin-top: -5px; background: #f4f4f4;transform: rotate(45deg);}

@media screen and (min-width: 416px){
    .noticeArea .board_con .notice_desc {padding:30px 24px;}
}

@media screen and (min-width: 767px){
    .MainContents_itn .noticeArea {margin-bottom: -34px;}
    .noticeArea .board_con {align-items: center;flex-direction: row; max-width: 1340px;margin: 0 auto;padding: 0 30px;}
    .noticeArea .board_con a {font-size: 16px;font-weight: 600;color: #000;letter-spacing: -0.3px;}
    .noticeArea .board_con .notice_tit {position: relative; width: auto; padding:0 43px;background: #e3e3e3;}
    .noticeArea .board_con .notice_desc {display: block; overflow: hidden;padding:0 30px 0;font-weight: 400;background: #f4f4f4;line-height: 60px;white-space: nowrap; text-overflow: ellipsis;}
    .noticeArea .board_con .notice_tit::before {width: 18px;height: 18px;top: 50%;right: -9px;margin-top: -9px;}
}