@charset "utf-8";


/*header*/
header{position:absolute;left:0;top:0;width:100%;}
.logo_c{display:none;}
@media all and (max-width:1280px){
	.logo_c{display:block;}
	.logo_w{display:none;}
}
@media all and (min-width:1281px){
	header .area_1{background:rgba(0,0,0,0.2);}
	header .area_2{background:rgba(0,0,0,0.1);}
	header .area_1 .item_2 a span{color:#FFF;}
	.head_navi nav .a_1{color:#FFF;}
	.head_navi nav .a_1:hover{color:#FFF;}
	.fix .head_navi nav .a_1{color:#666;}
	.fix .head_navi nav .a_1:hover{color:#666;}
}


/*비주얼*/
@media all and (min-width:1024px){
	#multipleDiv_templet_etc_01_6,
	#menu7377_obj11{height:100% !important;}
}


/*카피라이트*/
#fullpage > div:last-child,
#fullpage > div:last-child .fp-tableCell{height:auto !important;}



/*1단*/
#menu7377_obj32{position:absolute;top:300px !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
#menu7377_obj33{position:absolute;bottom:120px !important;width:1600px !important;left:50% !important;margin-left:-800px !important;}
#menu7377_obj34{position:absolute;bottom:30px !important;width:60px !important;left:50% !important;margin-left:-30px !important;}
.slogan{color:#FFF;line-height:1;word-break:keep-all;}
.slogan .p_1{font-size:26px;}
.slogan .p_2{font-size:18px;padding-top:10px;}
.slogan .p_3{font-size:55px;font-family:'Noto Medium';padding-top:20px;line-height:1.3;}
@media all and (max-width:1600px){
	#menu7377_obj32,
	#menu7377_obj33{width:94% !important;left:3% !important;margin-left:0 !important;}
}
@media all and (max-width:1024px){
	#menu7377_obj32{top:200px !important;}
	#menu7377_obj33{bottom:auto !important;top:350px !important;}
	#menu7377_obj34{display:none;}
	.slogan .p_1{font-size:22px;}
	.slogan .p_2{font-size:16px;}
	.slogan .p_3{font-size:35px;}
}


/*2단*/
/* #section1,
.editMode #multipleDiv_templet_etc_01_7{background:rgba(0,0,0,0.1); url('/sites/ICT/images/ci.png'); no-repeat center; background-size:cover; }*/
#section1,
.editMode #multipleDiv_templet_etc_01_7{background:rgba(0,0,0,0.1) url('/sites/ICT/images/ci.png') no-repeat; background-size: 30%; background-position: 40% 70%;}
#multipleContentsDiv_templet_etc_01_7{max-width:1600px;margin: 0 auto;overflow:hidden;}
@media all and (max-width:1600px){
	#multipleContentsDiv_templet_etc_01_7{max-width:96%;}
}
@media all and (max-width:1024px){
	#section1,
	.editMode #multipleDiv_templet_etc_01_7{background-size: 60%; background-position: 50% 50%;}
}

.intro{line-height:1.25;word-break:keep-all;}
.intro .p_1{font-size:30px; font-family:'pretendard';}
.intro .p_2{font-size:40px; font-family:'pretendard';}
.intro .p_3::before{content:"";display:block; background:#FFF;margin:50px 0;}
.intro .p_3{font-size:20px;}
.intro .p_3 span{display:block;}
@media all and (max-width:1024px){
	.intro .p_1{font-size:20px;}
	.intro .p_2{font-size:30px;}
	.intro .p_3{font-size:16px;}
}


.ban_1{display:flex;justify-content:space-between;}
.ban_1 a{width:100%; height: 220px; font-size:25px;color:#FFF;padding:30px;text-align:right;}
.ban_1 a span{display:block;line-height:1.15;text-align:left;}
.ban_1 a span i{display:block;}
.ban_1 a span::after{content:"";display:block;width:130px;height:1px;background:#FFF;margin-top:10px;}
.ban_1 a.a_1{background:#0d57a7;}
@media all and (max-width:768px){
	.ban_1 a{font-size:20px;}
	.ban_1 a img{max-width:50px;}
}
@media all and (max-width:500px){
	.ban_1{flex-wrap:wrap;}
	.ban_1 a{width:100%;padding:15px;}
	.ban_1 a span i{display:inline;}
}

/*바로가기*/
.ban_2{display:flex;justify-content:space-between;}
.ban_2 a{width:17%; background-color:rgba(25,25,25,0.6); color:#FFF; border: 1px solid #fff; border-radius:20px; padding:30px; text-align:center; font-size:20px; font-family:'pretendard';}
.ban_2 a span{display:block;width:90px;margin:20px auto;line-height:1.15;padding:10px 0;border:1px solid #fff; border-radius:20px; font-size:16px;font-family:'pretendard';}

@media all and (max-width:1024px){
	.ban_2{flex-wrap:wrap;}
	.ban_2 a{width:31.33333%;margin:1%;padding:30px 15px;}
	.ban_2 a span{display:none;}
}
@media all and (max-width:768px){
	.ban_2 a{width:48%;}
}

/*자세히보기*/
.p_box {
    width: 120px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 3px;
    padding: 10px;
    margin: 10px 30px;
  }

/*메인배너 로고*/
.clogo{
  border:0 none;
  position: relative;
  top: -160px;
}
@media all and (max-width:768px){
	.clogo{
  border:0 none;
  position: relative;
  top: -50px;}
}

/******************************
drag banner
******************************/
.movebanner {
position: absolute;
width:100%;
z-index:1005;
}

.dragtino {
touch-action: none;
cursor: move;
user-select: none;
display: flex;
align-items:flex-end;
width: auto;
visibility: hidden;
}

/******************************
drag banner
******************************/
.movebanner {
position: absolute;
width:100%;
z-index:1005;
}

.dragtino {
touch-action: none;
cursor: move;
user-select: none;
display: flex;
align-items:flex-end;
width: auto;
visibility: hidden;
}

.movebanner .dragtino a{  
}
