/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Kanit', sans-serif;
*/

/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slide {
   -webkit-transform: translate3d(0,0,0);
}


#mainVisual { position:relative;}
#mainVisual .video { position:relative; height:0; padding-top:34.99222395023%; width:100%; display:block; overflow:hidden;}
#mainVisual video{ position:absolute; left:0; top:50%; width:100%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#mainVisual .txt { position:absolute; left:0; top:28%; width:100%; text-align:center; font-size:4.5rem; line-height:1; text-shadow:3px 3px 7px rgba(0,0,0,0.2); color:#fff; text-transform:uppercase; font-weight:700; line-height:1.1;}
.scroll_btn { width:163px; height:70px; position:absolute; bottom:56px; left:50%;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}
.scroll_btn button { width:100%; height:100%; border:none; background:url("/img/main/scroll_btn.png") no-repeat center bottom; color:#fff; font-family: 'Kanit', sans-serif; font-weight:600; padding-bottom:98px; }


#mainContents {}
#mainContents .con_group {}
#mainContents .con_group > div { float:left; width:50%; height:675px; padding-top:74px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#mainContents .about { background:url("/img/main/about_bg.jpg") no-repeat center top; background-size:cover;}
#mainContents .about .info { width:540px; float:right; margin-right:60px;}
#mainContents .about .info .txt_box { position:relative; height:390px;}
#mainContents .about .info .txt_box ul { text-align:center;  margin-top:106px;}
#mainContents .about .info .txt_box ul li {  position:absolute; width:230px; height:230px; background:#fff; border-radius:50%;  padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#mainContents .about .info .txt_box ul li:nth-child(1) { top:165px; }
#mainContents .about .info .txt_box ul li:nth-child(2) { top:0; right:0; }
#mainContents .about .info .txt_box ul li > div{  position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#mainContents .about .info .txt_box .more_s2  { position:absolute; right:0; bottom:0;}
#mainContents .about .info .txt_box ul li .num { font-size:2.25rem; color:#ef8200; font-family: 'Kanit', sans-serif; }
#mainContents .about .info .txt_box ul li p { color:#999;  font-size:1.125rem; line-height:1.556em; margin-top:18px;}
#mainContents .notice { background:#f9f7f4; }
#mainContents .notice .info { width:540px; margin-left:60px;}
#mainContents .notice .list ul {}
#mainContents .notice .list ul li { margin-bottom:29px; position:relative;}
#mainContents .notice .list ul li:last-child { margin:0;}
#mainContents .notice .list ul li .img { width:126px; height:126px; }
#mainContents .notice .list ul li .img img { 
    max-height: 100%;
    position: relative;
    left: 50%;
    width: auto;
    max-width: inherit;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#mainContents .notice .list ul li .txt { padding:0 20px; 
width:calc(100% - 201px);
width:-moz-calc(100% - 201px);
width:-webkit-calc(100% - 201px);
}

#mainContents .notice .list ul li a { display:block; font-size:0; letter-spacing:-4px;}
#mainContents .notice .list ul li a > div { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#mainContents .notice .list ul li dl {  }
#mainContents .notice .list ul li dl dt { font-size:1.5rem; color:#231815; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#mainContents .notice .list ul li dl dd { font-size:1rem; line-height:1.375em; margin-top:12px; max-height:44px; overflow:hidden;}
#mainContents .notice .list .date { font-size:1rem; color:#999; margin-top:12px;}
#mainContents .notice .list ul li:after { content:""; display:block; width:48px; height:48px; border:1px solid #d8d8d8; border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:url("/img/main/arr_next_s1.png") no-repeat center #fff; position:absolute; right:0; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}



#mainContents .technology { padding-top:66px;}
#mainContents .technology .list {}
#mainContents .technology .list ul {  }
#mainContents .technology .list ul li { float:left; width:25%; position:relative; }
#mainContents .technology .list ul li .img { }
#mainContents .technology .list .more_s1 { position:absolute; right:0; bottom:0;}
#mainContents .technology .list .hover { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); ; text-align:center; opacity:0;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
#mainContents .technology .list .hover dl { color:#fff; position:absolute; width:100%; max-width:260px; top:50%; left:50%;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
#mainContents .technology .list .hover dl dt { font-size:30px; text-transform:uppercase;  font-family: 'Kanit', sans-serif; }
#mainContents .technology .list .hover dl dd { border-top:1px solid #fff; text-align:left; line-height:1.375em;}
#mainContents .technology .list .hover dl dt,
#mainContents .technology .list .hover dl dd { padding:20px;}

#mainContents .technology .list a:hover .more_s1 { background:#ef8200;}
#mainContents .technology .list a:hover .more_s1 span { background:url("/img/common/more_s1_w.png") no-repeat center;}
#mainContents .technology .list a:hover .hover { opacity:1;}

/* 220203 추가 */
.mv{position:relative; overflow: hidden;}
.mv .slide_ctn{}
.mv .slide_ctn .item{}
.mv .slide_ctn .item .bg{height: 672px; width: 100%;}
.mv .slide_ctn .item .bg01{background:url(/img/main/mv001.jpg) 50% 50% no-repeat; background-size:cover}
.mv .slide_ctn .item .bg02{background:url(/img/main/mv002.jpg) 50% 50% no-repeat; background-size:cover}
.mv .slide_ctn .item .bg03{background:url(/img/main/mv003.jpg) 50% 50% no-repeat; background-size:cover}

.mv .slide_ctn .item figure{}
.mv .slide_txt{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; max-width:1200px;}
.mv .slide_txt .item{}
.mv .slide_txt .item.c{text-align: center;}
.mv .slide_txt .item.r{text-align: right;	}
.mv .slide_txt .item .txt{display:inline-block; vertical-align: top; text-align: left;}
.mv .slide_txt .item .txt h2{font-family: 'Kanit', sans-serif; font-weight:600; font-size:50px; color: #fff; opacity: 0;}
.mv .slide_txt .item .txt p{font-family: 'Kanit', sans-serif; font-weight:200; font-size:40px; color: #fff; line-height: 1.2;  opacity: 0}
.mv .slide_txt .item .txt p.kr{font-family: 'Noto Sans KR', sans-serif; font-size:16px; margin-top: 42px; line-height: 1.5;}
.mv .slide_ctn .slick-dots{display:flex; justify-content:center; position:absolute; bottom: 40px; left: 50%; transform:translateX(-50%);}
.mv .slide_ctn .slick-dots li{margin-right: 12px;}
.mv .slide_ctn .slick-dots li:last-of-type{margin-right: 0;}
.mv .slide_ctn .slick-dots li button{width: 8px; height: 8px; font-size:0; border-radius:50%; background: #fff; opacity: 0.5; border:none; padding: 0;}
.mv .slide_ctn .slick-dots li.slick-active button{background: #f08317; opacity: 1;}


.mv .slide_txt .slick-active .item .txt h2{animation:fade001 1s 0.2s both}
.mv .slide_txt .slick-active .item .txt p{animation:fade001 1s 0.2s both}
.mv .slide_txt .slick-active .item .txt p.kr{animation:fade001 1s 0.7s both}


@keyframes fade001{
	0%{opacity: 0; transform:translateY(80px);}
	100%{opacity: 1; transform:translateY(0);}

}

@media screen and (max-width:1200px){
	.mv .slide_txt{box-sizing:border-box; padding: 0 40px;}
}

@media screen and (max-width:1000px){
	.mv .slide_ctn{height: 500px;}
	.mv .slide_txt{padding: 0 16px;}
	.mv .slide_txt .item.c,
	.mv .slide_txt .item.r{text-align: left;}
}

@media screen and (max-width:800px){
	.mv .slide_ctn{height: 400px;}
	.mv .slide_txt .item .txt h2{font-size:40px;}
	.mv .slide_txt .item .txt p{font-size:32px;}
}

@media screen and (max-width:600px){
	.mv .slide_ctn{height: 400px;}
	.mv .slide_txt .item .txt h2{font-size:32px;}
	.mv .slide_txt .item .txt p{font-size:24px;}
}

@media screen and (max-width:495px){
	.mv .slide_ctn{height: 320px;}
	.mv .slide_txt .item .txt h2{font-size:26px;}
	.mv .slide_txt .item .txt p.kr{font-size:15px;}
	.mv .slide_txt .item .txt p br{display:none; }

}