@charset "utf-8";
/* CSS Document */


/** Animation **/
#header h1.logo,
#header h1.logo a,
#header .mob_btn,
#header .toputil,
#header .toputil .sns_link,
#header .toputil .site_code,
#header .toputil .totalsearch .btn,
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul
{transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}


/** Common **/
#wrap {width:100%; height:auto; margin:0 auto; overflow:hidden;}

/** Header **/
#slide_map {display:none;}
#header {position:fixed; top:0; left:0; width:100%; height:auto; z-index:101; border-bottom:1px solid #ddd; background:#fff;}
.sub #header {position:absolute;}	 
#header h1.logo {position:absolute; left:2%; top:22px; z-index:999;}
#header h1.logo a {display:block; background:url(../assets/images/logo_eng.svg) no-repeat left top; width:194px; height:54px;}
#header h1.logo a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#header .mob_btn {display:none;}

#header #nav {width:auto; height:100px; padding:0 3%; position:relative; overflow:hidden; text-align: center; }
#header #nav #blind {width:100%; height:100%; background:#fff; position:absolute; left:0; top:100px; z-index:1; border-top:1px solid #ddd;}
#header #nav #gnb {max-width:700px; margin:0 0px 0 33%; position:relative; z-index:10;}
#header #nav #gnb ul {width:100%; height:auto; }

#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb ul li {float:left; width:25%; }
#header #nav #gnb ul li:last-child {/*display:none;*/ }
#header #nav #gnb ul li a {display:block; text-align:center; text-decoration:none !important;}
#header #nav #gnb ul li a span {display:block; vertical-align:top; font-size:1.375rem; height:100px; padding:35px 0 0 0; line-height:30px; color:#333; font-weight:600; position:relative; }
#header #nav #gnb ul li a span:after {content:""; display:block; height:1px; width:0px; position:absolute; bottom:0; left:50%;}
#header #nav #gnb ul li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#0164cc;}
#header #nav #gnb ul li a.ov span:after, #header #nav #gnb ul li a:hover span:after, #header #nav #gnb ul li a:active span:after {width:100%; background:#0164cc; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}
#header #nav #gnb ul li ul {width:auto; padding:25px 10%; margin-top:1px;}
#header #nav #gnb ul li ul.ov {background:#ecf6fe;}

#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:auto; margin:3px 0 0 0;}
#header #nav #gnb ul li ul li a {display:inline-block; vertical-align:top; font-size:1rem; line-height:30px; height:auto; padding:5px 0; color:#333; text-align:left;}
#header #nav #gnb ul li ul li a strong {font-weight:normal;}
#header #nav #gnb ul li ul li a:hover, #header #nav #gnb ul li ul li a:active, #header #nav #gnb ul li ul li a.ov {text-decoration:underline; color:#006bd8;}
#header #nav #gnb ul li ul li ul {display:none !important;}

/* language 메뉴 */
#header .language-menu{display:inline-block;  position:absolute; right:2%; top:35px;color:#999999; z-index:999; }
#header .language-menu a{ line-height: 30px; padding: 0px 15px; display:inline-block; border:1px solid #1572ed;}
#header .language-menu a:first-child{border-radius: 5px 0 0 5px;}
#header .language-menu a:last-child{border-radius: 0 5px 5px 0;}
#header .language-menu a.on{ background:#1572ed; color:#fff; } 
#header .language-menu a.off{  } 



/********** Media quary **********/
@media screen and (max-width: 1480px){
/** Header **/
#header #nav #gnb {margin:0 200px 0 25%;}
#header h1.logo {left:2%; top:28px; z-index:999;}	
}


@media screen and (max-width: 1340px){
/** Header **/
#header #nav #gnb ul li a span {font-size:18px;}
#header #nav #gnb ul li ul li a {font-size:15px; line-height:20px;}		
}


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

/** Header **/
#slide_map {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:999; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); overflow:hidden;}
#slide_map .box {position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:10;}
#slide_map .box .title {display:block; position:absolute; width:100%; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#0164cc; color:#fff; box-sizing:border-box;}
#slide_map .box .binds {height:100%; overflow:hidden; background:#fff;}
#slide_map .box ul {width:auto; height:auto; margin:0 3%; padding:60px 0 0 0;}
#slide_map .box ul li {}
#slide_map .box ul li a {display:block; border-bottom:1px solid #cecece; color:#1e1e1e; text-decoration:none; position:relative;}
#slide_map .box ul li a span {display:block; font-size:18px; line-height:22px; font-weight:600; padding:14px 10px;}
#slide_map .box ul li a:after {content:""; display:block; width:11px; height:7px; background:url(../assets/images/mob_depth1_bul_down.gif) no-repeat center 50%; position:absolute; right:10px; top:50%; margin-top:-3px;}
#slide_map .box ul li a.ov {border-bottom:1px solid #0164cc; color:#0164cc;}
#slide_map .box ul li a.ov:after {background:url(../assets/images/mob_depth1_bul_up.gif) no-repeat center 50%;}
#slide_map .box ul li ul {display:none; margin:0; padding:8px 0; border-bottom:1px solid #cecece;}
#slide_map .box ul li ul li {}
#slide_map .box ul li ul li a {border:0 !important; color:#444;}
#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}
#slide_map .box ul li ul li a strong {display:block; font-weight:normal; font-size:16px; line-height:22px; padding:8px 10px 8px 27px; background:url(../assets/images/mob_depth2_bul_off.gif) no-repeat 15px 18px;}
#slide_map .box ul li ul li a.ov {background:#25649e; color:#fff;} 
#slide_map .box ul li ul li a.ov strong {background:url(../assets/images/mob_depth2_bul_on.gif) no-repeat 15px 18px;}
#slide_map .box ul li ul li a:after {display:none;}
#slide_map .box ul li ul li ul {display:none; background:#f7f7f7; border:0;}
#slide_map .box ul li ul li ul li {}
#slide_map .box ul li ul li ul li a {color:#555;}
#slide_map .box ul li ul li ul li a strong {font-size:15px; line-height:19px; padding:5px 10px 5px 27px; background:url(../assets/images/mob_depth3_bul_off.gif) no-repeat 18px 12px; } 
#slide_map .box ul li ul li ul li a.ov {color:#25649e; background:none;}
#slide_map .box ul li ul li ul li a.ov strong {background:url(../assets/images/mob_depth3_bul_on.gif) no-repeat 18px 12px;}
#slide_map .box ul li ul li ul li ul {background:none; padding:0 0 5px 0;}
#slide_map .box ul li ul li ul li ul li {}
#slide_map .box ul li ul li ul li ul li a {color:#666;}
#slide_map .box ul li ul li ul li ul li a strong {font-size:14px; line-height:18px; padding:3px 10px 3px 38px; background:url(../assets/images/mob_depth4_bul.gif) no-repeat 27px 12px;}
#slide_map .box ul li ul li ul li ul li a.ov {color:#666;}
#slide_map .box ul li ul li ul li ul li a.ov strong {background:url(mob_depth4_bul.gif) no-repeat 27px 12px; text-decoration:underline;}
#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#014083; text-indent:-9999px;}
#slide_map .box .close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../assets/images/slide_map_close.png) no-repeat center 50%; 
	-webkit-transition: all .8s ease; transition: all .8s ease;}
#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}

#header #nav {display:none;}
#header {background: #fff; height:110px;  }
#header h1.logo {left:50%; top:50%; margin:-27px 0 0 -95.5px; }
#header .mob_btn {display:block; border:1px solid #ddd; width:48px; height:48px; background:#fff url(../assets/images/mob_btn_bg.png) no-repeat center 50%; position:absolute; left:3%; top:32px; font-size:0px; }

}


/* visual */ 

.visual {
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 90);
  min-height: calc(var(--vh, 1vh) * 90);
  overflow: hidden;
}
.visual .slick-slide {
  height: calc(var(--vh, 1vh) * 100);
  min-height: calc(var(--vh, 1vh) * 100);
}
.visual .slick-slide > div {width: 100%; height: 100%;}
.visual .slick-slide > div .item {width: 100%; height: 100%;}
.visual .slick-slide > div .item.slide-1 .bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/images/visual_main01.jpg");	
  background-size: cover;
  background-position:50% 100% ;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  opacity: 0.8;
	
}
.visual .slick-slide > div .item.slide-2 .bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/images/visual_main02.jpg");		
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  opacity: 0.8;
}
.visual .slick-slide > div .item.slide-3 .bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/images/visual_main03.jpg");		
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  opacity: 0.8;
}
.visual .slick-slide > div .item .typo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.visual .slick-slide > div .item .typo .copy {padding: 70px 0; text-align: center;}
.visual .slick-slide > div .item .typo .copy p {
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
  color: #fff;
  opacity: 0;
}
.visual .slick-slide > div .item .typo .copy .sub_text {
  font-size: 1.125rem;
  font-weight: 500;
  font-family: var(--font-m);
  line-height: 160%;
  margin-top: 40px;
  padding: 0 15px;
  word-break: keep-all	
}
.visual .slick-slide > div .item .typo .copy .main_text {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: -0.03em;	
  font-family: var(--font-m);
  line-height: 130%;
  padding: 0 15px;
  word-break: keep-all; 
}
/*
.visual .slick-slide > div .item .typo .copy .main_text strong {
  display: block;
  font-size: 72px;  border:1px solid #f00;
  font-family: var(--font-hv);
}
*/
.visual .slick-slide.slick-current > div .item .bg {
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
  -webkit-animation: bgScale 10s both;
          animation: bgScale 10s both;
  opacity: 1;
}
.visual .slick-slide.slick-current > div .item .typo .copy p {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
  opacity: 1;
}
.visual .slick-slide.slick-current > div .item .typo .copy .main_text {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}


.visual .slide_controls {
  position: absolute;
  top: 85%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}
.visual .slide_dots ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.visual .slide_dots ul li {margin: 0 7px;}
.visual .slide_dots ul li a {display: block; width: 42px; height: 42px; }
.visual .slide_dots ul li a span { ;
  margin-top: -36px;
  display: block;
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
}
.visual .slide_dots ul li a i {position: fixed; top: 100%; left: 100%; display: block; z-index: -1;}
.visual .slide_dots ul li .progress {opacity: 0; stroke-dashoffset: 500;}
.visual .slide_dots ul li.slick-active .progress { 
  opacity: 1;
  stroke: #006bd8;
  stroke-width: 5;
  /*fill: transparent;*/
  stroke-dasharray: 500;
  -webkit-animation: stroke-ani 20s forwards;
          animation: stroke-ani 20s forwards;
}
.visual .slide_dots ul li.slick-active i {
  -webkit-animation: widthScale 20s forwards;
          animation: widthScale 20s forwards;
}
.visual .slide_ps {position: relative; display: block; width: 15px; height: 17px; margin-left: 10px; text-indent: -999px; background-size: cover;}

.visual .slide_ps.slide_stop {width:30px; height:30px; background:url("../assets/images/pause.svg") center no-repeat ;}
.visual .slide_ps.slide_play {width:30px; height:30px; background:url("../assets/images/play_arrow.svg") center no-repeat;}


@keyframes bgScale {
  0% {
    -webkit-transform: scale(1) rotate(0.01deg);
            transform: scale(1) rotate(0.01deg);
  }
  100% {
    -webkit-transform: scale(1.1) rotate(0.01deg);
            transform: scale(1.1) rotate(0.01deg);
  }
}

@keyframes stroke-ani {
  from {
    stroke-dashoffset: 500;
  }
  to {
    stroke-dashoffset: 0;
  }
}




/* OUR BUSINESS */
.our_business_wrap{ margin-top:150px; }
.our_business_wrap .inner{position:relative;}
.our_business_wrap h2{font-weight:700; font-size:4.5rem; letter-spacing:-2px; margin-bottom:30px;}
.our_business_wrap p{font-size:30px; font-weight:500; letter-spacing:-0.03em; margin-bottom:50px;}

.tab { position: absolute; left:0px; top:20%; display:block; }
.tab li {font-size:1.125rem; font-weight:bold; display:inline-block; margin-right:30px; cursor:pointer;  padding-bottom:5px; }
.tab li:last-child{margin-right:0px; }
.tab li.on { color:#006bd8; border-radius: 900px;  }

.tab_con {padding-top:70px; margin-top:130px;  border-top:1px solid #e4e4e4; }
.tab_con div {display:none; }
.tab_con div .biz_con{display:table; width:100%;  position:relative; z-index: 5}
.tab_con div .biz_con dl{}
.tab_con div .biz_con dl dt{font-size:1.875rem;  margin-bottom:40px; color:#1572ed;  }
.tab_con div .biz_con dl dd:nth-of-type(1){font-size:2.5rem; font-weight:600; line-height: 110%; padding-bottom:40px; }
.tab_con div .biz_con dl dd{font-size:20px; }
.tab_con div .biz_con div{display:table-cell;  vertical-align: top}
.tab_con div .biz_con .txt{width:32%;  line-height:200%}
.tab_con div .biz_con .txt a{width:185px; line-height: 65px; display:inline-block; font-size:1rem; font-weight:600; border-radius:900px; padding-left: 10%; margin-top:50px; color:#fff;  background:url("../assets/images/btn_arrow_bg.svg") no-repeat  #006bd8; background-size: 12px 10px; background-position: 80% center}
.tab_con div .biz_con .txt a:hover{background-color:#ff9933 }
.tab_con div .photo{width:56%; padding-left: 5%; display:inline-block; text-align:right;}
.tab_con div .photo img{width:100%; max-width: 725px; }


/* text_copy (세화 ICT는...) */ 
.text_copy {positon:relative}
.text_copy dl.inner{margin-top:150px; padding-top:110px; border-top:1px solid #e4e4e4}
.text_copy dl.inner dt{ font-size:5rem;  color:#1572ed;  font-weight:bold; padding-bottom:15px;}
.text_copy dl.inner dd{ font-size:3rem;  color:#999999; }
.text_copy dl.inner dd strong{color:#1572ed; font-weight:bold}


.sehwaict_simbol{width:651px; height:750px; display:inline-block; background: url("../assets/images/sehwaict_simbol.svg") no-repeat; z-index: -3; left:-3.5%; top:180%; position:absolute; 
animation: simbol 5s infinite  forwards; 
}

@keyframes simbol {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0px, -50px);
	}
	100% {
		transform: translate(0px, 0px);
	}
	
}


/* CORE CAPABILITIES */
.core_wrap{ margin-top:150px; padding:100px 0 130px 0; 
	background: linear-gradient(-90deg, #1572ed, #003087,  #1572ed);
	animation: colorChange 7s ease infinite;  background-size: 400% 400%; 
}


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

.core_wrap .inner{}
.core_wrap .inner h2{font-weight:700; font-size:4.5rem; letter-spacing:-1px; margin-bottom:5px;  color:#fff}
.core_wrap .inner p{font-size:1.5rem; color:#fff; margin-bottom:90px;}

.core_wrap .box-container{ display: flex; justify-content:space-between;}
.core_wrap .box-container > a{width:315px; height:480px; border-radius:20px; background:#fff; padding:55px 35px; border:1px solid #fff; text-align: center; }
.core_wrap .box-container > a span img{height:133px; }
.core_wrap .box-container > a dl{margin-top:50px}
.core_wrap .box-container > a dl dt{font-size:1.5rem; font-weight: 600; margin-bottom:30px; color:#1572ed}
.core_wrap .box-container > a dl dd{color:#1572ed}

.core_wrap .box-container > a:hover{background:#003087; border-color:#fff; cursor:pointer; box-shadow: 20px 20px 40px rgb(0, 0, 0, 0.2);  animation: box-ani 0.3s linear forwards; }
.core_wrap .box-container > a:hover span img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(26%) hue-rotate(88deg) brightness(105%) contrast(108%);}
.core_wrap .box-container > a:hover dl dt{color:#fff}
.core_wrap .box-container > a:hover dl dd{color:#fff}

.core_wrap .box-container > a span{}


@keyframes box-ani {
	from {
		transform: translate(0, 0);
	}
	to {
		transform: translate(0px, -50px);
	}
}



/* 세화ICT의 사업수행 체계 */
.business_sys{height:910px; background: url("../assets/images/bg_business_sys.jpg") no-repeat;  background-attachment: fixed; background-size: cover; }
.business_sys .inner{ padding-top:100px; }
.business_sys .inner h2{font-weight:700; font-size:4.5rem; letter-spacing:-1px; margin-bottom:5px;  color:#fff}
.business_sys .inner p{font-size:1.5rem; color:#fff; margin-bottom:60px;}

.business_sys .box-container{ display: flex; justify-content:space-between; margin: 0 auto;  text-align: center;}
.business_sys .box-container a{width:50%; padding:40px 0;}
.business_sys .box-container a:nth-child(1){border-right:1px solid rgba(255, 255, 244, 0.2)}
.business_sys .box-container a span img{height: 147px;}
.business_sys .box-container a:hover  span img{height: 147px; animation: business_sys_icon 2s linear infinite;}

@keyframes business_sys_icon {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

.business_sys .box-container > a dl{margin-top:40px}
.business_sys .box-container > a dl dt{font-size:1.5rem; font-weight: 700; margin-bottom:30px; color:#fff}
.business_sys .box-container > a dl dd{color:#fff}


	/* 마우스 오버 시 박스 그리기 */
.box_draw {
position: relative;  
}

.box_draw::before, .box::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border: 0 solid #fff;
transition: width 0.3s ease, height 0.3s ease;
}

.box_draw:hover::before {
width: 100%;
height: 100%;
border-width: 2px;
border-color: #fff;
border-radius: 20px;
background:rgba(255, 255, 255, 0.15);	
box-shadow: 20px 20px 40px rgb(0, 0, 0, 0.2); 
}





#footer{height:700px; padding:100px 15px 0px 15px;  background:#212b4e;}
#footer .inner{}
#footer .inner .footer_logo{border-bottom:1px solid rgba(255, 255, 245, 0.2); padding-bottom:50px; margin-bottom: 50px}
#footer .inner .footer_logo img{height:53px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2710%) hue-rotate(128deg) brightness(114%) contrast(101%); opacity: 0.4;}
#footer .inner .footer_box .company_info {margin-top:40px;}
#footer .inner .footer_box ul li{ color:rgba(255, 255, 255, 0.5); line-height: 30px; font-weight:100; letter-spacing: normal}
#footer .inner .footer_box .footer_menu a{width:180px; line-height:50px; display:inline-block; border:1px solid rgba(255, 255, 255, 0.5); margin-right:15px; border-radius:25px; color:rgba(255, 255, 255, 0.5); 
background:url("../assets/images/btn_arrow_bg.svg") no-repeat  ; 
background-size: 12px 10px; 
background-position: 85% center; 
padding-left:25px; margin-bottom:10px;}
#footer .inner .footer_box ul li a:last-child{margin-right:0px;}
#footer .inner .footer_box .copyright{color:rgba(255, 255, 255, 0.5); font-size:0.8rem; margin-top:20px; vertical-align: bottom; }




/*서브 비쥬얼*/
.sub_visual_container div{height:600px; margin-top:100px; background-size: cover; display:flex;  justify-content:center; text-align: center; align-items:  center;
animation: sub_visual_zoom 10s linear forwards; }


@keyframes sub_visual_zoom {
  0% {
 background-size: 115%;
  }
  50% {
 background-size: 123% ;
  }
  100% {
 background-size: 115% ;
  }	
}

.sub_visual_container div.visual_img01{background:url("../assets/images/sub_visual01.jpg") center 50% no-repeat; background-size: cover;   }
.sub_visual_container div.visual_img02{background:url("../assets/images/sub_visual02.jpg") center 25% no-repeat; background-size: cover   }
.sub_visual_container div.visual_img03{background:url("../assets/images/sub_visual03.jpg") center 40% no-repeat; background-size: cover  }
.sub_visual_container div.visual_img04{background:url("../assets/images/sub_visual04.jpg") center 0% no-repeat; background-size: cover  }
.sub_visual_container div.visual_img05{background:url("../assets/images/sub_visual05.jpg") center 38% no-repeat; background-size: cover  }
.sub_visual_container div.visual_img06{background:url("../assets/images/sub_visual06.jpg") center 35% no-repeat; background-size: cover  }
.sub_visual_container div.visual_img07{background:url("../assets/images/sub_visual07.jpg") center 45% no-repeat; background-size: cover  }
.sub_visual_container div.visual_img08{background:url("../assets/images/sub_visual08.jpg") center 35% no-repeat; background-size: cover  }
.sub_visual_container div.visual_img09{background:url("../assets/images/sub_visual09.jpg") center 40% no-repeat; background-size: cover  }
.sub_visual_container div dl{ } 

.sub_visual_container div dl dt h3{color:#fff; font-size:4.5rem; font-weight: 700; margin-bottom:30px;  animation: text-Big-ani 0.3s linear forwards; }
.sub_visual_container div dl dd{color:#fff;  font-size: 1.125rem;  }














/* 기본: PC */
.inner {
    width: calc(100% - 80px);
    max-width: 1320px;
    margin: 0 auto;
}




/* 노트북·소형 PC */
@media (max-width: 1280px) {
    .inner {
        width: calc(100% - 60px);
    }
/* CORE CAPABILITIES */
.core_wrap .box-container{ display: flex; justify-content:space-between;}
.core_wrap .box-container > a{width:24.5%; height:480px; border-radius:20px; background:#fff; padding:75px 15px; border:1px solid #fff; text-align: center; }
.core_wrap .box-container > a span img{height:133px; }
.core_wrap .box-container > a dl{margin-top:30px}
.core_wrap .box-container > a dl dt{font-size:1.5rem; font-weight: 600; margin-bottom:20px; color:#1572ed}
.core_wrap .box-container > a dl dd{color:#1572ed}

@keyframes sub_visual_zoom {
  0% {
 background-size: 150%;
  }
  50% {
 background-size: 157% ;
  }
  100% {
 background-size: 150% ;
  }	
}	
	

}


/* 태블릿 */
@media (max-width: 1024px) {
    .inner {
        width: calc(100% - 48px);
    }
	
/* OUR BUSINESS */
.tab_con div .biz_con dl dt{font-size:1.3rem;  margin-bottom:10px; color:#1572ed;  }/**/ 
.tab_con div .biz_con dl dd:nth-of-type(1){font-size:2.0rem; font-weight:600;line-height: 130%; padding-bottom:40px; }/**/
.tab_con div .biz_con dl dd{font-size:18px; }
.tab_con div .biz_con .txt{width:42%;  line-height:200%}


/* text_copy (세화 ICT는...) */ 
.text_copy dl.inner dt{ font-size:4.5rem;  color:#1572ed;  font-weight:bold; padding-bottom:15px;}
.text_copy dl.inner dd{ font-size:2.5rem;  color:#999999; }
	
	
/* CORE CAPABILITIES */
.core_wrap .inner{}
.core_wrap .inner h2{font-weight:700; font-size:4.5rem; letter-spacing:-1px; margin-bottom:5px;  color:#fff}
.core_wrap .inner p{font-size:1.5rem; color:#fff; margin-bottom:90px;}
.core_wrap .inner p br{ display:none;}	
.core_wrap .box-container{ display: flex; justify-content:space-between; flex-wrap:wrap;}
.core_wrap .box-container > a{width:48.5%; height:420px; border-radius:20px; baflex-wrapckground:#fff; padding:50px 20px; border:1px solid #fff; text-align: center; margin-bottom:20px; }
.core_wrap .box-container > a span img{height:130px; } 
.core_wrap .box-container > a dl dt{font-size:1.9rem; font-weight: 600; margin-bottom:30px; color:#1572ed; }
.core_wrap .box-container > a dl dt br{display:none}

	
/* 세화ICT의 사업수행 체계 */
.business_sys{height:910px; background: url("../assets/images/bg_business_sys.jpg") no-repeat;  background-attachment: fixed; background-size: cover;   background-position: 55%}
.business_sys .inner h2{font-weight:700; font-size:3.5rem; letter-spacing:-1px; margin-bottom:15px;  color:#fff}
.business_sys .inner p{font-size:1.5rem; color:#fff; margin-bottom:60px;}

.business_sys .box-container a span img{height: 147px;}
.business_sys .box-container a:hover  span img{height: 147px; animation: business_sys_icon 2s linear infinite;}
.business_sys .box-container > a dl dt{font-size:1.5rem; font-weight: 700; margin-bottom:30px; color:#fff}
.business_sys .box-container > a dl dd br{display:none}

	
/*서브 비쥬얼*/
.sub_visual_container div{height:500px; margin-top:100px;   background-size: cover; display:flex; justify-content:center; text-align: center; align-items:  center; 
animation: sub_visual_zoom 10s linear forwards;  }		
	
@keyframes sub_visual_zoom {
  0% {
 background-size: 160%;
  }
  50% {
 background-size: 167% ;
  }
  100% {
 background-size: 160% ;
  }	
}	



/* 모바일 */
@media (max-width: 768px) {
    .inner {
        width: calc(100% - 40px);
    }

/* OUR BUSINESS */
.our_business_wrap{ margin-top:100px;  }
.our_business_wrap h2{font-weight:700; font-size:3.5rem; letter-spacing:-2px; margin-bottom:30px;}

.tab_scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	
.tab { width: max-content; min-width: 100%; position: relative; margin-top:50px; display:block;}
.tab_con {padding-top:50px; margin-top:50px;  border-top:1px solid #e4e4e4; }
.tab_con div {display:none; }
.tab_con div .biz_con{display:table; width:100%;  position:relative; z-index: 5; }
.tab_con div .biz_con dl{}
.tab_con div .biz_con dl dt{font-size:1.20rem;  margin-bottom:10px; color:#1572ed; }
.tab_con div .biz_con dl dd:nth-of-type(1){font-size:2.0rem; font-weight:600; padding-bottom:30px; }
.tab_con div .biz_con div{display:block;  vertical-align: top}
.tab_con div .biz_con .txt{width:100%;  line-height:200%}
.tab_con div .biz_con .txt a{width:185px; line-height: 65px; display:inline-block; font-size:1rem; font-weight:600; border-radius:900px; padding-left: 10%; margin-top:30px; color:#fff;  background:url("../assets/images/btn_arrow_bg.svg") no-repeat  #006bd8; background-size: 12px 10px; background-position: 80% center}
.tab_con div .photo{width:100%; padding-left: 0%; display:inline-block; text-align:center; margin-top:40px;}

/* text_copy (세화 ICT는...) */ 
.text_copy dl.inner{margin-top:100px; padding-top:80px; border-top:1px solid #e4e4e4}
.text_copy dl.inner dt{ font-size:4.2rem;  color:#1572ed;  font-weight:bold; padding-bottom:15px;}
.text_copy dl.inner dd{ font-size:2.5rem;  color:#999999; }
.text_copy dl.inner dd br{display:none}

.sehwaict_simbol{width:451px; height:550px; display:inline-block; background: url("../assets/images/sehwaict_simbol.svg") no-repeat; z-index: -3; left:-3.5%; top:220%; position:absolute; 
animation: simbol 5s infinite  forwards; }
		

/* CORE CAPABILITIES */
.core_wrap .inner{}
.core_wrap .inner h2{font-weight:700; font-size:2.5rem; letter-spacing:-1px; margin-bottom:5px;  color:#fff}
.core_wrap .inner p{font-size:1.3rem; color:#fff; margin-bottom:90px; }
.core_wrap .box-container{ display: flex; justify-content:space-between; flex-wrap:wrap;}
.core_wrap .box-container > a{width:48.5%; height:380px; border-radius:20px; baflex-wrapckground:#fff; padding:50px 10px; border:1px solid #fff; text-align: center; margin-bottom:20px; }/**/
.core_wrap .box-container > a span img{height:90px; } 
.core_wrap .box-container > a dl{margin-top:30px}
.core_wrap .box-container > a dl dt{font-size:1.2rem; font-weight: 600; margin-bottom:20px; color:#1572ed; }

	
/* 세화ICT의 사업수행 체계 */
.business_sys{height:910px; background: url("../assets/images/bg_business_sys.jpg") no-repeat;  background-attachment: fixed; background-size: cover; background-position: 55% }
.business_sys .inner h2{font-weight:700; font-size:2.2rem; letter-spacing:-1px; text-align: center; margin-bottom:5px;  color:#fff}
.business_sys .inner p{font-size:1.2rem; color:#fff; margin-bottom:90px;text-align: center;}
.business_sys .inner p br{display:none;}
.business_sys .box-container a{width:50%; padding:50px 5px;}
.business_sys .box-container a span img{height: 100px;}
.business_sys .box-container > a dl dt{font-size:1.1rem; font-weight: 700; margin-bottom:30px; color:#fff}
.business_sys .box-container > a dl dd br{display:none; }
	
#footer{height:auto; padding:100px 15px 100px 15px;  background:#212b4e;}
#footer .inner .footer_box ul li{ color:rgba(255, 255, 255, 0.5); line-height: 30px; font-weight:100; letter-spacing: normal}/**/
	
/*서브 비쥬얼*/
.sub_visual_container div{height:400px; margin-top:100px;   background-size: cover; display:flex; justify-content:center; text-align: center; align-items:  center; ;
animation: sub_visual_zoom 10s linear forwards;}		
.sub_visual_container div dl dd br{ display:none;}
	
@keyframes sub_visual_zoom {
  0% {
 background-size: 210%;
  }
  50% {
 background-size: 217% ;
  }
  100% {
 background-size: 210% ;
  }	
}	

.sub_visual_container div dl dt h3{color:#fff; font-size:3.5rem; font-weight: 700; margin-bottom:30px;  animation: text-Big-ani 0.3s linear forwards; }	
.sub_visual_container div dl dd{color:#fff;  font-size: 1.125rem; padding: 0 20px; }		

	
}

	

/* 소형 모바일 */
@media (max-width: 480px) {
    .inner {
        width: calc(100% - 32px);
    }

/* 메인 비주얼 텍스트 */	
.visual .slick-slide > div .item .typo .copy .sub_text {font-size: 1.125rem;}
.visual .slick-slide > div .item .typo .copy .main_text {font-size: 3.0rem;}

	
/* OUR BUSINESS */
.our_business_wrap{ margin-top:100px;  }
.our_business_wrap h2{font-weight:700; font-size:3.0rem; letter-spacing:-2px; margin-bottom:30px; }

.tab_scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	
.tab { width: max-content; min-width: 100%; position: relative; margin-top:50px; display:block;}
.tab_con {padding-top:50px; margin-top:50px;  border-top:1px solid #e4e4e4; }
.tab_con div {display:none; }
.tab_con div .biz_con{display:table; width:100%;  position:relative; z-index: 5; }
.tab_con div .biz_con dl{}
.tab_con div .biz_con dl dt{font-size:1.20rem;  margin-bottom:10px; color:#1572ed; }
.tab_con div .biz_con dl dd:nth-of-type(1){font-size:2.0rem; font-weight:600; padding-bottom:30px; }
.tab_con div .biz_con div{display:block;  vertical-align: top}
.tab_con div .biz_con .txt{width:100%;  line-height:200%}
.tab_con div .biz_con .txt a{width:185px; line-height: 65px; display:inline-block; font-size:1rem; font-weight:600; border-radius:900px; padding-left: 10%; margin-top:30px; color:#fff;  background:url("../assets/images/btn_arrow_bg.svg") no-repeat  #006bd8; background-size: 12px 10px; background-position: 80% center}
.tab_con div .photo{width:100%; padding-left: 0%; display:inline-block; text-align:center; margin-top:40px;}

	
/* text_copy (세화 ICT는...) */ 
.text_copy dl.inner{margin-top:100px; padding-top:80px; border-top:1px solid #e4e4e4}
.text_copy dl.inner dt{ font-size:3rem;  color:#1572ed;  font-weight:bold; padding-bottom:15px;}
.text_copy dl.inner dd{ font-size:2rem;  color:#999999; }
.text_copy dl.inner dd br{display:none}

.sehwaict_simbol{width:351px; height:450px; display:inline-block; background: url("../assets/images/sehwaict_simbol.svg") no-repeat; z-index: -3; left:-3.5%; top:210%; position:absolute; 
animation: simbol 5s infinite  forwards; }
	
	
/* CORE CAPABILITIES */
.core_wrap .inner{}
.core_wrap .inner h2{font-weight:700; font-size:2.5rem; letter-spacing:-1px; margin-bottom:5px;  color:#fff}
.core_wrap .inner p{font-size:1.3rem; color:#fff; margin-bottom:90px; }
.core_wrap .box-container{ display: flex; justify-content:space-between; flex-wrap:wrap;}
.core_wrap .box-container > a{width:48.5%; height:380px; border-radius:20px; baflex-wrapckground:#fff; padding:50px 10px; border:1px solid #fff; text-align: center; margin-bottom:20px; }/**/
.core_wrap .box-container > a span img{height:90px; } 
.core_wrap .box-container > a dl{margin-top:30px}
.core_wrap .box-container > a dl dt{font-size:1.2rem; font-weight: 600; margin-bottom:20px; color:#1572ed; }

	
/* 세화ICT의 사업수행 체계 */
.business_sys{height:910px; background: url("../assets/images/bg_business_sys.jpg") no-repeat;  background-attachment: fixed; background-size: cover; background-position: 55% }
.business_sys .inner h2{font-weight:700; font-size:2.2rem; letter-spacing:-1px; text-align: center; margin-bottom:5px;  color:#fff}
.business_sys .inner p{font-size:1.2rem; color:#fff; margin-bottom:90px;text-align: center;}
.business_sys .inner p br{display:none;}
.business_sys .box-container a{width:50%; padding:50px 5px;}
.business_sys .box-container a span img{height: 100px;}
.business_sys .box-container > a dl dt{font-size:1.1rem; font-weight: 700; margin-bottom:30px; color:#fff}
.business_sys .box-container > a dl dd br{display:none; }
	
	
#footer{height:auto; padding:100px 15px 100px 15px;  background:#212b4e;}
#footer .inner .footer_box ul li{ color:rgba(255, 255, 255, 0.5); line-height: 30px; font-weight:100; letter-spacing: normal}/**/


/*서브 비쥬얼*/
.sub_visual_container div{height:350px; margin-top:100px; background-size: cover; display:flex; justify-content:center; text-align: center; align-items:  center; 
animation: sub_visual_zoom 10s linear forwards; }		


	
@keyframes sub_visual_zoom {
  0% {
 background-size: 190%;
  }
  50% {
 background-size: 197% ;
  }
  100% {
 background-size: 190% ;
  }	
}	

.sub_visual_container div dl dt h3{color:#fff; font-size:3.0rem; font-weight: 700; margin-bottom:30px;  animation: text-Big-ani 0.3s linear forwards; }	
.sub_visual_container div dl dd{color:#fff;  font-size: 1.0rem; padding: 0 20px; }	
.sub_visual_container div dl dd br{ display:none;}
	
} /* -- end ----*/




/* kor, eng 다국어 선택 */
@media screen and (max-width: 1023px) {
    #header > .language-menu {
        display: none;
    }

    #slide_map .mobile-language-menu {
        display: flex;
        position: static;
        margin-top:40px;
        padding: 20px 10px;
		width: 200px;
    }

    #slide_map .mobile-language-menu a {
        flex: 1;
        padding: 0 15px;
        border: 1px solid #1572ed;
        color: #1572ed;
        line-height: 38px;
        text-align: center;
        text-decoration: none;
        box-sizing: border-box;
    }

    #slide_map .mobile-language-menu a + a {
        border-left: 0;
    }

    #slide_map .mobile-language-menu a:first-child {
        border-radius: 5px 0 0 5px;
    }

    #slide_map .mobile-language-menu a:last-child {
        border-radius: 0 5px 5px 0;
    }

    #slide_map .mobile-language-menu a.on {
        background: #1572ed;
        color: #fff;
    }
}