@charset "utf-8";

li{list-style:none !important;}

/*mainVisual*/
#mainVisual { width:100%; height:950px; overflow:hidden; position:relative; /* transition:height .3s;  */}
.visual { width:100%;  /* height:100%;  *//* transition:height .3s; */ }
.visual > li { width:100%;/*  height:100%; */ position:relative; }
.visual > li .img { width:100%; /* height:100%; */ position:absolute; top:0; left:0; z-index:-1; animation:vsImg 6.0s ease-in-out; -webkit-animation:vsImg 6.0s ease-in-out; -moz-animation:vsImg 6.5s ease-in-out; }
.visual .img > img { position: absolute; top:-9999px; bottom:-9999px; right: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height:100%; }


@keyframes vsImg {
	0% { transform:scale(1); }
	100% { transform:scale(1); }
}
@-webkit-keyframes vsImg {
	0% { -webkit-transform:scale(1); }
	100% { -webkit-transform:scale(1); }
}
@-moz-keyframes vsImg {
	0% { -moz-transform:scale(1); }
	100% { -moz-transform:scale(1); }
}

@keyframes vsTxt {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:1; }
}
@-webkit-keyframes vsTxt {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:1; }
}
@-moz-keyframes vsTxt {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:1; }
}

@keyframes vsTxt2 {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:0.5; }
}
@-webkit-keyframes vsTxt2 {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:0.5; }
}
@-moz-keyframes vsTxt2 {
	0% { margin-top:40px; opacity:0; }
	100% { margin-top:0; opacity:0.5; }
}



#mainVisual .ntitle {  position:absolute; top:270px; left:50%; right:50%; margin-left:-650px; width:100%; color:#fff;  z-index:99;  }





@media screen and (max-width:1200px) {
	#mainVisual { margin-top:75px;  }
	#mainVisual .ntitle { top:20%; left:100px; margin-left:0;}
	#mainVisual .ntitle .t_img01 img{ width:20%;  }
	#mainVisual .ntitle .t_img02 img{ margin:15px 0 0 15px; width:80% }
	#mainVisual .ntitle .t_img03 img{ margin:15px 0 0 15px;  width:80% }

	.visual { width:100%;  /* height:100%;  *//* transition:height .3s; */ }
	.visual > li { width:100%;/*  height:100%; */ position:relative; }
	.visual > li .img { width:100%; /* height:100%; */ position:absolute; top:0; left:0; z-index:-1; animation:vsImg 6.0s ease-in-out; -webkit-animation:vsImg 6.0s ease-in-out; -moz-animation:vsImg 6.5s ease-in-out; }
	.visual .img > img { position: absolute; top:-9999px; bottom:-9999px; right: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height:50%; }
}
@media screen and (max-width:550px) {
	#mainVisual { margin-top:75px; }
	#mainVisual .ntitle { left:50px; }
	#mainVisual .ntitle .t_img01 img{ width:20%;  }
	#mainVisual .ntitle .t_img02 img{ margin:15px 0 0 15px; width:80% }
	#mainVisual .ntitle .t_img03 img{ margin:15px 0 0 15px;  width:80% }

	.visual { width:100%;  /* height:100%;  *//* transition:height .3s; */ }
	.visual > li { width:100%;/*  height:100%; */ position:relative; }
	.visual > li .img { width:100%; /* height:100%; */ position:absolute; top:0; left:0; z-index:-1; animation:vsImg 6.0s ease-in-out; -webkit-animation:vsImg 6.0s ease-in-out; -moz-animation:vsImg 6.5s ease-in-out; }
	.visual .img > img { position: absolute; top:-9999px; bottom:-9999px; right: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height:50%; }

}



#subVisual { width:100%;  height:250px;   overflow:hidden; position:relative; text-align:left; /*animation:slideDown .8s; -webkit-animation:slideDown .8s; -moz-animation:slideDown .8s;*/ }
@keyframes slideDown {
	0% { height:0; }
	100% { height:260px; }
}
@-webkit-keyframes slideDown {
	0% { height:0; }
	100% { height:260px; }
}
@-moz-keyframes slideDown {
	0% { height:0; }
	100% { height:260px; }
}
#subVisual img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:-1; }
#subVisual h2 { margin-top:110px; color:#fff; font-size:24px; line-height:120%; }
#subVisual h3 { margin-top:190px;  color:#fff; font-size:20px; line-height:100%; }
#subVisual h5 { margin-top:20px;  color:#fff; font-size:16px; line-height:100%; }
#sub_lnb { text-align:center; margin-top:20px; overflow:hidden; font-size:0; }
#sub_lnb li { display:inline-block; *display:inline; zoom:1; font-size:20px; color:#fff;  padding-bottom:35px;}
#sub_lnb li:before { content:"/"; margin:0 25px; }
#sub_lnb li:first-child:before { display:none; }
#sub_lnb li a { color:#fff; position:relative; display:inline-block; }
#sub_lnb li.on a { text-decoration:underline; font-weight:700; }
#sub_lnb li a i { display:none; }
#sub_lnb li.on a i { display:block; position:absolute; left:0; bottom:-35px; width:100%; animation:iconHover .7s infinite alternate; -webkit-animation:iconHover .7s infinite alternate; -moz-animation:iconHover .7s infinite alternate; }
@keyframes iconHover {
	0% { color:#4ba4e9; }
	100% { color:#fff; }
}


@media screen and (max-width:1100px) {
	/* common */
	#subVisual {  height:298px;  animation:none; -webkit-animation:none; -moz-animation:none; transition:height .3s; -webkit-transition:height .3s; -moz-transition:height .3s; }
	#subVisual img { height: 100%; }

	#sub_lnb { margin-top:10px; }
	#sub_lnb li { font-size:16px; padding-bottom:25px;}
	#sub_lnb li:before { margin:0 15px; }
	#sub_lnb li.on a i {  bottom:-25px;  }
	.sub3 fieldset { margin:20px auto 0; max-width:380px; width:80%; height:60px; }
	.sub3 fieldset input { width:calc(100% - 50px); }
}


@media screen and (max-width:550px) {
	#subVisual {  height:170px; animation:none; -webkit-animation:none; -moz-animation:none; transition:height .3s; -webkit-transition:height .3s; -moz-transition:height .3s; margin-top:20%}
	#subVisual img { height: 80%; width:80%;}
	#subVisual h2 { margin-top:45px; color:#fff; font-size:24px; line-height:120%; }
	#subVisual h3 { margin-top:35px;  color:#fff; font-size:20px; line-height:100%; }
	#subVisual h5 { margin-top:20px;  color:#fff; font-size:16px; line-height:100%; }
	#sub_lnb { margin-top:10px; }
	#sub_lnb li { font-size:16px; padding-bottom:25px;}
	#sub_lnb li:before { margin:0 15px; }
	#sub_lnb li.on a i {  bottom:-25px;  }
	.sub3 fieldset { margin:20px auto 0; max-width:380px; width:80%; height:60px; }
	.sub3 fieldset input { width:calc(100% - 50px); }
}






/*quickMenu*/
.quick { position:fixed; right:15px; top:98px; z-index:222; }
.quick li { margin-bottom:1px; }
.quick li a { display:block; width:60px; height:60px; background:#30363a; text-indent:-99999px; }
.quick li:hover a { background:#64bbb6 !important; text-indent:0; text-align:center; line-height:60px; color:#fff; font-size:13px;  }
.quick li:first-child a { background:#30363a url(../img/icon_quick11.gif) no-repeat center; }
.quick li:nth-child(2) a { background:#30363a url(../img/icon_quick21.gif) no-repeat center; }
.quick li:nth-child(3) a { background:#30363a url(../img/icon_quick41.gif) no-repeat center; }
.quick li:nth-child(4) a { background:#30363a url(../img/icon_quick51.gif) no-repeat center; }
.quick li.last a { background:#30363a url(../img/icon_quick31.gif) no-repeat center; }




/*버튼*/
.btn02 {border-radius:0px; border:0px;}/* 버튼 공통 패딩 */
.btn03 {display:inline-block; width:150px !important; border-radius:0px; border:0px;}/* 버튼 공통 패딩 */
.btn04 {display:inline-block; padding:100px; width:150px !important; border-radius:0px; border:0px;}/* 버튼 공통 패딩 */

.btn-default{background-color:#fff; color:#fff !important; border:1px solid #ddd !important;}/* 버튼색상 */
.btn-default:hover{background-color:#6EC6DF !important; color:#fff !important; border:1px solid #6EC6DF !important;}/* 버튼 오버색상 */

.btn-primary{background-color:#e5e5e5 !important; color:#000 !important; border:1px solid #e5e5e5 !important;}/* 버튼색상 */
.btn-primary:hover{background-color:#fff !important; color:#096079 !important; border:1px solid #096079 !important;}/* 버튼 오버색상 */
.ov {background-color:#fff !important; color:#096079 !important; border:1px solid #096079 !important;}

.btn-success{background-color:#4172a4 !important; color:#fff !important; border:1px solid #4172a4 !important;}/* 버튼색상 */
.btn-success:hover{background-color:#fff !important; color:#4172a4 !important; border:1px solid #4172a4 !important;}/* 버튼 오버색상 */

.btn-info{background-color:#333 !important; color:#fff !important; border:1px solid #333 !important;}/* 버튼색상 */
.btn-info:hover{background-color:#fff !important; color:#4172a4 !important; border:1px solid #4172a4 !important;}/* 버튼 오버색상 */

.btn-danger{background-color:#000 !important; color:#fff !important; border:1px solid #000 !important;}/* 버튼색상 */
.btn-danger:hover{background-color:#F4AEAE !important; color:#fff !important; border:1px solid #F4AEAE !important;}/* 버튼 오버색상 */

.btn-warning{background-color:#1a7bbe !important; color:#fff !important; border:1px solid #1a7bbe !important;}/* 버튼색상 */
.btn-warning:hover{background-color:#F4AEAE !important; color:#fff !important; border:1px solid #F4AEAE !important;}/* 버튼 오버색상 */



/*--------------------------------------------------
솔루션 탭
----------------------------------------------------*/



.cateInfo ul {
	width:100% !important;
	padding: 0;
	margin: 0;
	list-style: none;
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

#con .cate-it a{display:inline-block; width:100%; padding-bottom:20px; border-bottom:4px solid #1652a7;}

.cate-it {
	background: #fff;
	padding: 20px;
	margin-left: -1px;
	line-height: 22px;
	color: #222;
	font-size: 16px;
	text-align: center;
	font-weight: normal;

	/* ✅ 수정된 부분 */
	flex: 1; /* 남은 공간을 균등하게 분할 */
	min-width: 0; /* flex 아이템 줄바꿈 방지 */
}
.cate-it-ov { background-color: #fff; font-weight: bold;}
.cate-it-ov a { color:#000 !important; font-weight: none; font-size: 16px; }

.cate-it a {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 4px solid #ccc; /* 기본 회색 밑줄 */
    transition: all 0.3s ease;
}

.cate-it-ov a {
    border-bottom: 4px solid #1652a7 !important; /* 선택된 메뉴는 파란색 밑줄 */
    color: #000 !important;
    font-weight: bold;
}

.cate-it a:hover {
    font-weight: bold;
    color: #000;
}

.wrap    { 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}


.box1 {border:1px solid #999; padding:20px}


/* Tablet :768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cate-item {
		width: -webkit-calc(100%/1);
		width: -moz-calc(100%/1);
		width: calc(100%/1);
	}

}
/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
	.cate-item {
		width: -webkit-calc(100%/1);
		width: -moz-calc(100%/1);
		width: calc(100%/1);
		margin-top: -1px;
	}
}