@charset "utf-8";
#body_layout{position:relative;width:100%;/*max-width:1280px;margin:0 auto;*/overflow-x:hidden}
#body_layout .body_wrap{position:relative;width:100%;max-width:none;}
.article{padding:0;}

#mainVisual{height:750px;overflow:hidden;/* background:#333; */border:0px;z-index:1;/* max-width: 1980px; */}
#mainVisual .grap{position:relative;width:100%;height:100%;max-width: 1680px;margin: 0 auto;}
#mainVisual .obj{position:relative;width:100%;height:100%}
#mainVisual .slick-list{height:100%;}
#mainVisual .slick-track{height:100%}
#mainVisual .slick-slide>div{height:100%;}
#mainVisual .obj .slider-track {height:100%;}
#mainVisual .slick-list,
#mainVisual .slick-track,
#mainVisual .slick-slide,
#mainVisual .slick-slide>div{width:100%;height:100%;}
#mainVisual .obj .item {margin:0 auto;width: 100vw;height: 100%;background-repeat: no-repeat;background-size: cover;position: relative;background-position:50% 50%;/* max-width: 1800px; */display: block !important;}
#mainVisual .obj .item:after{content: "";display: block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;/*background-color:rgba(0,0,0,0.5);*/z-index:9;} /* 20200925수정 */
#mainVisual .slick-slide {position: relative;outline: none;z-index: 1;transform: scale(1);}
#mainVisual .slick-slide.slick-current {z-index: 2;transform: scale(1);}
#mainVisual .obj .item .center-y {display: block;vertical-align: middle;/* text-align:center; */position:relative;z-index:10;}
#mainVisual .obj .item .center-y .layout{padding: 190px 50px 280px;height:750px;}
#mainVisual .obj .item .center-y .layout h3 a,
#mainVisual .obj .item .center-y .layout h3{display:block;color:#fff;/* font-size:35px; *//* line-height:1.2; *//* color:#fff !important; */font-weight:600;}
#mainVisual .obj .item .center-y .layout h3{width:510px;height: 180px;position: relative;}
#mainVisual .obj .item .center-y .layout h3 svg{position:absolute;top:0;left:0;width: 100%;height: 100%;}
#mainVisual .obj .item .center-y .layout h3 svg text{animation: stroke 5s infinite alternate;}
#mainVisual .obj .item .center-y .layout h3 svg text tspan{font-family:'nsr'}
#mainVisual .obj .item .center-y .layout p a,
#mainVisual .obj .item .center-y .layout p{display:block;margin-top:15px;font-size: 24px;line-height:1.2;color: rgba(255,255,255,0.5);letter-spacing: 1px;}
#mainVisual .slick-dots{position:absolute;bottom: 280px;left:50%;width:100%;text-align: left;z-index:10;transform: translateX(-50%);}
.slick-dots {max-width: 1180px;}
.slick-dots li {display:inline-block;position:relative;margin: 0 4px;}
.slick-dots li button {display:inline-block;position:relative;width:20px;height:20px;border-radius:50%;font-size:0;line-height:0;}
.slick-dots li button:before{content: '';display: inline-block;position: absolute;top: 6px;left: 50%;width: 8px;height: 8px;margin-left: -4px;border-radius: 50%;background-color: #fff;}
.slick-dots li button:after{content: '';display: inline-block;position: absolute;top: 10px;left: 50%;width: 8px;height: 8px;margin-left: 0px;border-radius: 50%;border: 1px solid #fff;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.slick-dots li.slick-active button:after{width:22px;height:22px;border: 1px solid #fff;}

#mainVisual .control{display:none}

#item1{background:#f8f8f8 url(/images/semi/main/background_item1.png) no-repeat left center;background-attachment:fixed;}
#item1 .inner{padding:174px 0;padding-left: 375px;}
#item1 .inner h2{position:absolute;top:174px;left:0;max-width:300px;/* font-family: "Roboto"; */font-size: 42px;color: #302325;font-weight: bold;/* font-family: "Anteb", serif; */letter-spacing: 0;text-transform: uppercase;}

#item1 .inner h2 small{display:block;font-size: 18px;color: #3c3b3b;/* font-family: "Roboto"; */margin-top: 33px;line-height: 1.3;letter-spacing: -0.01em;}
#item1 .inner p{margin-bottom:20px;font-size:20px;line-height: 1.4;color: #444;}
#item1 .inner p strong{color: #723b51;font-weight: bold;}
#item1 .inner .button{}
#item1 .inner .button a{display:inline-block;width:24%;border:1px solid #ddd;border-radius:5px;padding:10px 20px;color: #723b51;font-weight: bold;font-size: 15px;}

#item1 .inner .data{margin: 0 0 30px 0;padding: 0 0px 0 0;/* background-color:#262520; */border-radius:10px;/* box-shadow: 10px 10px 35px rgba(0,0,0,0.3); */position:relative;}
#item1 .inner .data:before{}
#item1 .inner .data.first-chlid{margin: 40px 0 30px 0;padding: 36px 0px 0 0;}
#item1 .inner .data.first-chlid:before{content:"Important Dates";position: absolute;
    top: -8px;
    left:0;
    display: block;color:#222;font-size:24px;font-weight:bold;}    
#item1 .inner .data li{/* display:inline-block; *//* width:49%; */color: #262520;font-size:16px;margin:5px 0;position:relative;padding-left: 19px;font-size:17px;word-break:keep-all;}
#item1 .inner .data li:before{content:'';display:block;position:absolute;top: 11px;left:5px;width:5px;height:5px;border-radius:100%;box-shadow: 0px 0px 0px 3px #262520;}

#item1 .inner .etc li{display:inline-block;padding: 20px;padding-left: 64px;width: 48%;color:#666;font-size:16px;margin:7px 0;position:relative;font-size:18px;word-break:keep-all;min-height:35px;border: 1px solid #ddd;border-radius: 8px;}
#item1 .inner .etc li:before{content:'';display:block;width:35px;height:35px;background:url(/images/semi/main/gist_icon.png) no-repeat left bottom;position:absolute;top: 15px;left: 20px;}
#item1 .inner .etc li.ir-tel:before{background-position:left top}

#item2 .inner{padding:100px 0;background:#2F3D53;}
#item3 .inner{padding: 56px 110px 0 110px;}
#item4{position:relative;width:100%;}
#item4 .inner{padding:85px 0;}
#item4:before{content:'';display:block;position:absolute;bottom:0;right:0;width:631px;height:518px;background:url(/images/semi/main/background_item4.png) no-repeat}
#item2 .inner{max-width:100%;width: 100%;}
#item2 .inner .title{position:relative;max-width: 1280px;margin: 0 auto;}

#item2 .inner .title h2{width: 317px;height: 48px;}
#item2 .inner .title h2 svg{width:100%;height:100%;}
#item2 .inner .title .more{color:#fff;font-size:19px;position:absolute;bottom:0;right:0;display: inline-block;padding-right: 70px;}
#item2 .inner .title .more:before{content:'';display:block;position:absolute;right:0;top: 1px;width: 54px;height:29px;background: url(/images/semi/main/ir-more2.png) no-repeat left bottom;}
#item2 .inner .my-slick-slider {height: 336px;/* overflow: hidden; */max-width: 1330px;margin:55px auto 0;}


#item2 .inner .my-slick-slider .slick-track{overflow:hidden;height:371px;}
#item2 .inner .my-slick-slider .slick-list {overflow: hidden;}
#item2 .inner .my-slick-slider .slick-slide {border: 14px solid transparent;transition: all 0.3s ease;}
#item2 .inner .my-slick-slider .slick-slide,
#item2 .inner .my-slick-slider .slick-slide.slick-cloned{opacity:0.5}
#item2 .inner .my-slick-slider .slick-slide.slick-active,
#item2 .inner .my-slick-slider .slick-slide.slick-current{opacity:1}
#item2 .inner .my-slick-slider .slick-slide{height: 371px;overflow: hidden;}
#item2 .inner .my-slick-slider .card {width:100%;height: 336px;transition: all 0.3s ease;}
#item2 .inner .my-slick-slider .card a{display:block;width:100%;height:100%;}
#item2 .inner .my-slick-slider .card a *{transition:all 0.7s ease-out;}
#item2 .inner .my-slick-slider .card a .card-body{position:relative;display:block;width:100%;height:100%;background-position: center center;}
#item2 .inner .my-slick-slider .card a .card-body .item{padding: 34px 22px 14px;background-color:#fff;position: absolute;bottom: 0;right: 0;max-width: 280px;}


#item2 .inner .my-slick-slider .card a .card-body .item i{display:inline-block;position:absolute;top: -7px;right: 0;width:54px;height:54px;/* background-color:#fff; *//* border:1px solid; */border-radius: 50%;z-index: 1;}
#item2 .inner .my-slick-slider .card a .card-body .item i:before{content: "";display: block;position:absolute;top:50%;left:50%;width:23px;height:17px;background:url(/images/semi/main/ir-icon.png) no-repeat;transform: translate(-50%,-50%);}
#item2 .inner .my-slick-slider .card a .card-body .item strong{color:#623a43;font-size: 20px;display:block;font-weight: bold;line-height: 1.2;height: 50px;overflow: hidden;position: relative;z-index: 2;}
#item2 .inner .my-slick-slider .card a .card-body .item span{display:block;margin-top:10px;color:888}
#item2 .inner .my-slick-slider .slick-slide.slick-current .card-body .item{background-color:#1F3C86}
#item2 .inner .my-slick-slider .slick-slide.slick-current .card-body .item i{background-color:#1F3C86;top: -27px;right: 10px;}
#item2 .inner .my-slick-slider .slick-slide.slick-current .card-body .item i:before{background-position: 0 -18px;}
#item2 .inner .my-slick-slider .slick-slide.slick-current .card-body .item strong,
#item2 .inner .my-slick-slider .slick-slide.slick-current .card-body .item span{color:#fff;}


#item2 .inner .my-slick-slider .slick-arrow {position: absolute;top:50%;left: -30px;transform: translateY(-50%);z-index: 99;width:62px;height: 62px;background:url(/images/semi/main/ir-arrow.png) no-repeat;font-size:0;}
#item2 .inner .my-slick-slider .slick-arrow.slick-next {right: -30px;background-position:right top;left: auto;}
.article.on .inner{animation-name:main_scrolling;animation-iteration-count:1;animation-duration:0.3s;animation-timing-function:linear;animation-fill-mode:forwards;-webkit-animation-name:main_scrolling;-webkit-animation-iteration-count:1;-webkit-animation-duration:0.3s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;}
#item2.on .inner{animation-name:swapit;animation-iteration-count:infinite;animation-duration:7s;animation-timing-function:linear;animation-fill-mode:forwards;-webkit-animation-name:swapit;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:7s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;}


.main-board__skin.grap.board__typeAI{clear:both;position:relative;overflow:hidden;}
.main-board__skin.grap.board__typeAI .title{display: block;width: 100%;font-weight: 600;font-size: 60px;line-height: 1.3;font-family: "Titillium Web";color: #333;letter-spacing: 0;text-align: center;text-transform: unset;}
.main-board__skin.grap.board__typeAI .obj{position:relative;clear: both;border: 1px solid transparent;border-top:2px solid #1F3C86}
.main-board__skin.grap.board__typeAI .obj:after{content: "";display: block;visibility: hidden;clear: both;}
.main-board__skin.grap.board__typeAI .obj ul{overflow:hidden;width:100%;}
.main-board__skin.grap.board__typeAI .obj ul:after{content: "";display: block;visibility: hidden;clear: both;}
.main-board__skin.grap.board__typeAI .obj .item{display:block;width:100%;border-bottom: 1px solid #ddd;}
.main-board__skin.grap.board__typeAI .obj .item a{display:table;width:100%;overflow:hidden;border: 26px solid transparent;table-layout: fixed;}
.main-board__skin.grap.board__typeAI .obj .item a .date,
.main-board__skin.grap.board__typeAI .obj .item a .pt{display:table-cell;position:relative;vertical-align:middle;}
.main-board__skin.grap.board__typeAI .obj .item a .date,
.main-board__skin.grap.board__typeAI .obj .item a .date i{line-height:1}
.main-board__skin.grap.board__typeAI .obj .item a .date{display:table-cell;position:relative;min-width:74px;width:74px;height:100%;vertical-align:middle;text-align:center;color:#b2b2b2;font-size: 16px;line-height:1;}
.main-board__skin.grap.board__typeAI .obj .item a .date span{display:block;height: 72px;vertical-align:middle;position: relative;padding-top: 47px;color: #5f5f5f;}
.main-board__skin.grap.board__typeAI .obj .item a .date span img{height: 70px;}
.main-board__skin.grap.board__typeAI .obj .item a .date i{display:block;font-style:normal;margin-top:0;font-size: 30px;color:#000;font-weight: bold;letter-spacing:-1px;position: absolute;top: 19px;left: 50%;transform: translate(-50%, 0);}
.main-board__skin.grap.board__typeAI .obj .item a .pt{display:table-cell;margin-top:10px;height:100%;padding-left: 40px;padding-right: 20px;vertical-align:middle;line-height:1.3;font-size: 13px;}
.main-board__skin.grap.board__typeAI .obj .item a .pt strong,
.main-board__skin.grap.board__typeAI .obj .item a .pt em{display:block;width:100%;line-height:1.3;}
.main-board__skin.grap.board__typeAI .obj .item a .pt strong{overflow:hidden;color:#000;font-size: 22px;font-weight: bold;letter-spacing:-1px;word-break:break-all;word-wrap:break-word;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 4px;position: relative;padding-bottom: 4px;}
.main-board__skin.grap.board__typeAI .obj .item a .pt strong:before{content: 'NOTICE';display:block;color:#1F3C86;font-size: 16px;margin-bottom: 0;}
.main-board__skin.grap.board__typeAI .obj .item a .pt em{width:100%;color:#333;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-board__skin.grap.board__typeAI .more{position:absolute;top: -59px;right:0;width: 58px;height: 31px;}
.main-board__skin.grap.board__typeAI .more span{display:block;width:100%;height:100%;background:url(/images/semi/main/ir-more.png) no-repeat left bottom}
.main-board__skin.grap.board__typeAI .more:hover span{background-position:0 top}
.main-board__skin.grap.board__typeAI .obj .item a .pt strong:after { content:''; position:absolute; left:100%; right:100%; bottom:0;height:1px; background-color:#1F3C86;transition:all 0.7s ease-out;}
.main-board__skin.grap.board__typeAI .obj .item a:hover .pt strong{color:#4b2121;transition:all 0.3s ease-out;}
.main-board__skin.grap.board__typeAI .obj .item a:hover .pt strong:after { right:0%;left:0% }


.main-bodo__skin.grap.bodo__typeAI{position:relative;width:100%;}
.main-bodo__skin.grap.bodo__typeAI .title{font-size:0;}
.main-bodo__skin.grap.bodo__typeAI .obj{position:relative;display:table;table-layout:fixed;border-collapse:collapse;width:1000%;height:100%;;}
.main-bodo__skin.grap.bodo__typeAI .obj:after{content:"";display:block;clear:both}
.main-bodo__skin.grap.bodo__typeAI .obj .item{position:relative;display:table-cell;position:relative;width:2.5%;height:313px;vertical-align:middle;margin-right: -1px;}
.main-bodo__skin.grap.bodo__typeAI .obj .item a{display:block;width:100%;height:100%;height: 313px;padding: 51px 27px;border:1px solid #ddd;background-color:#fff;transition:transform 0.8s;position: relative;}
.main-bodo__skin.grap.bodo__typeAI .obj .item a *{transition:color 0.1s;}
.main-bodo__skin.grap.bodo__typeAI .obj .item a .date{display:block;color:#41393e;font-size:16px;margin-bottom:21px;}
.main-bodo__skin.grap.bodo__typeAI .obj .item a .pt strong{display:block;color:#41393e;font-weight:bold;font-size:23px;line-height:1.3;/* border: 1px solid; */}
.main-bodo__skin.grap.bodo__typeAI .obj .item a .more{position:absolute;bottom:58px;left:21px;color: #1F3C86;display: inline-block;font-weight: bold;padding-right: 55px;}
.main-bodo__skin.grap.bodo__typeAI .obj .item a .more:before{content:'';display:block;position:absolute;right:0;top: -3px;width:44px;height:29px;background:url(/images/semi/main/ir-more3.png) no-repeat left top;background-size: 100%;}
.main-bodo__skin.grap.bodo__typeAI .obj .item a:hover{transform: translate(-15px, -15px);box-shadow: 5px 5px 5px rgba(0,0,0,0.2);background:url(/images/semi/main/background_ai.jpg) no-repeat right bottom;border: none;}
.main-bodo__skin.grap.bodo__typeAI .obj .item a:hover .date,
.main-bodo__skin.grap.bodo__typeAI .obj .item a:hover .pt strong,
.main-bodo__skin.grap.bodo__typeAI .obj .item a:hover .more{color:#fff}
.main-bodo__skin.grap.bodo__typeAI .obj .item a:hover .more:before{background:url(/images/semi/main/ir-more3_ov.png) no-repeat left top;background-size: 100%;}

/* keyframes */
@keyframes main_scrolling{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes main_scrolling{
	0%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes swapit {
  0% { background-position: 0% 0%;}
  100% {background-position: 100% 100%;}
}

@keyframes swapit {
  0% {background-position: 0% 0%;}
  100% {background-position: 100% 100%;}
}


@media screen and (max-width:1279px){
	#mainVisual{height:790px;}
	#mainVisual .obj .item .center-y .layout{height:790px;}
	#item1 .inner{padding:106px 0;padding-left: 375px;}
	#item1 .inner h2{left:20px;}
	#item3 .inner{padding:106px 60px 0 60px;}
	
	#mainVisual .slick-dots{left: 50%;bottom: 240px;}
}
@media screen and (min-width:1279px){
	#item2 .inner .my-slick-slider .slick-slide,
	#item2 .inner .my-slick-slider .slick-slide.slick-current {width:280px !important;opacity:1;}
    #item2 .inner .my-slick-slider .slick-slide.slick-current {width: 550px !important;}
}
@media screen and (max-width:1023px){
	#mainVisual{height:590px;}
	#mainVisual .slick-dots{left:50%;text-align:center;bottom: 170px;}
	#mainVisual .obj .item .center-y .layout{padding:133px 133px 480px;height:590px;}
	#item1 .inner{padding:86px 30px;padding-left: 30px;}
	#item1 .inner h2{font-size:35px;position:relative;top:auto;left:auto;}
	#item2 .inner{padding:50px 0}
	#item2 .inner .title{padding:0 30px;}
	#item3 .inner{padding: 86px 30px 0 30px;}
	.main-bodo__skin.grap.bodo__typeAI{overflow:hidden}
	.main-bodo__skin.grap.bodo__typeAI .obj .item{width: 3.34%;}
	.main-bodo__skin.grap.bodo__typeAI .obj .item a:hover{transform: translate(0, 0);}
	#item2 .inner .my-slick-slider,
	#item2 .inner .my-slick-slider .slick-list {overflow:hidden;}	
	#item2 .inner .my-slick-slider .slick-slide.slick-cloned{opacity:1;}
	#item2 .inner .my-slick-slider .slick-slide,
	#item2 .inner .my-slick-slider .slick-slide.slick-current {opacity:1;}
	#item1 .inner .data li{display:block;width:100%}
	
#item2 .inner .my-slick-slider .slick-arrow {top: 130px;/* bottom:0; */left:10px;transform: translateY(0%);}
#item2 .inner .my-slick-slider .slick-arrow.slick-next {right:10px;}
#item2 .inner .title .more{right:10px}
#item1 .inner .button a{width:49%}	
}
@media screen and (max-width:767px){
	#mainVisual{height:438px;}
	#mainVisual .slick-dots{bottom:57px;}
	#mainVisual .obj .item .center-y .layout{padding: 113px 53px 330px;height:438px;}
	#mainVisual .obj .item .center-y .layout h3{width: 320px;height: 170px;position: relative;}
	#mainVisual .obj .item .center-y .layout h3 svg text tspan{font-size:50px;dy:50px}
	#mainVisual .obj .item .center-y .layout p{display:none;}
	.main-bodo__skin.grap.bodo__typeAI .obj .item{width:5%}	
	#item2 .inner .my-slick-slider{margin:25px auto}
}
@media screen and (max-width:640px){
	
	#item3 .inner{padding:46px 20px 0 20px;}
	#item2 .inner .title .more{display:none;}	   
	#mainVisual .obj .item .center-y .layout h3{width: 100%;height:170px;}
}

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

    #mainVisual{height:238px;}  
    #mainVisual .obj .item .center-y .layout{padding:13px 53px 30px;height: 238px;}
	#mainVisual .obj .item .center-y .layout h3 svg text tspan{font-size:36px;}
		.main-bodo__skin.grap.bodo__typeAI .obj .item{width: 10%;height: 190px;}	
.main-board__skin.grap.board__typeAI .obj .item a .date{display:none;}
.main-board__skin.grap.board__typeAI .obj .item a .pt{padding:0}
.main-bodo__skin.grap.bodo__typeAI .obj .item a .pt strong{font-size:18px;}
.main-bodo__skin.grap.bodo__typeAI .obj .item a{padding:20px;height: 190px;}
#item2 .inner .my-slick-slider .slick-slide.slick-current .card-body .item strong, #item2 .inner .my-slick-slider .slick-slide.slick-current .card-body .item span{font-size:14px}
}