@charset "utf-8";

.sub_vis .banner_01{background:url(../_sub01/img/sub_vis01.jpg) no-repeat center top; background-color:#d7d7d7; height:390px;}
.sub_vis .banner_02{background:url(../_sub01/img/sub_vis02.jpg) no-repeat center top; background-color:#d7d7d7; height:390px;}
.sub_vis .banner_03{background:url(../_sub01/img/sub_vis03.jpg) no-repeat center top; background-color:#d7d7d7; height:390px;}

.sub_txt{width:1200px; margin:0 auto; padding-top:170px; padding-left:35px;}

.sub_menu, .cont{width:1200px; margin:0 auto; overflow:hidden;}
.sub_menu{background:#fff; position:absolute; left:50%; margin-left:-600px; top:-40px; border:1px solid #ddd;z-index: 99;}

.sub_menu > ul{text-align:center; font-size:0;}
.sub_menu > ul > li{display:inline-block; width:12.5%;}
.sub_menu > ul > li:nth-child(1) > a{border-left:1px solid #ccc;}
.sub_menu > ul > li > a{display:inline-block; box-sizing:border-box; font-size:17px; font-family:'NanumBarunGothic700','맑은고딕', 'Malgun Gothic', '돋움', Verdana; font-weight:500; border-right:1px solid #ccc; width:100%; padding-top:20px; padding-bottom:20px;}
.sub_menu > ul > li > a:hover, .sub_menu > ul > li > a.on{background:#3f61b2; color:#fff;}


.cont{padding:70px 25px 45px 25px; box-sizing:border-box;}
.cont h3{font-size:30px; color:#333; font-family:'NanumBarunGothic700','맑은고딕', 'Malgun Gothic', '돋움', Verdana; margin-bottom:35px;}
.cont_tit{position:relative;}
.loc{position:absolute; right:0; top:12px; font-size:13px;}
.loc > span{color:#ccc;}
.loc > span.st{font-weight:bold; color:#3f61b2;}

/* 인사말 */
.greeting_wrap{background:url(../_sub01/img/greeting_bg.png) no-repeat left top; padding-top:280px; position:relative;}

.greeting_tit{font-size:25px; color:#333; font-family:'NanumBarunGothic700','맑은고딕', 'Malgun Gothic', '돋움', Verdana; position:absolute; left:500px; top:40px; width:550px; background:url(../_sub01/img/q_mark.png) no-repeat left top; min-height:200px; padding-top:20px;}
.greeting_tit > span{font-size:25px; font-family:'NanumBarunGothic400','맑은고딕', 'Malgun Gothic', '돋움', Verdana; color:#3f61b2;}


.greeting{font-size:15px; margin-bottom:45px;}

.greeting_sign{font-size:17px; color:#333; font-family:'NanumBarunGothic400','맑은고딕', 'Malgun Gothic', '돋움', Verdana; text-align:right;}
.greeting_sign > span{font-size:28px;}


/* 반응형 적용부분 */
@media screen and (max-width: 1230px) {
.cont{width:100%;}
.sub_menu{display:none;}
.cont{padding-top:45px;}
.sub_vis01, .sub_vis02, .sub_vis03, .sub_vis04, .sub_vis05, .sub_vis06, .sub_vis00{margin-top:118px; background-size:auto 170px; height:170px; padding-top:0px;}

.sub_vis .banner_01{background-size:auto 300px; height:300px;}
.sub_vis .banner_02{ background-size:auto 300px; height:300px;}
.sub_vis .banner_03{ background-size:auto 300px; height:300px;}
.sub_txt{padding-top:150px;}
.sub_txt > img{width:20%;}

}

@media screen and (max-width: 1130px) {
.greeting_wrap{background:none; padding-top:0px;}
.greeting_tit{width:100%; position:static; background:none; border-bottom:2px solid #3f61b2; min-height:auto; padding-bottom:25px; margin-bottom:25px;}
}

@media screen and (max-width: 790px) {
.sub_vis01, .sub_vis02, .sub_vis03, .sub_vis04, .sub_vis05, .sub_vis06, .sub_vis00{background-size:auto 130px; height:130px;}
.loc{position:static; margin-bottom:25px;}
.cont h3{margin-bottom:0px;}

}
@media screen and (max-width: 620px) {
.sub_vis .banner_01{background-size:auto 250px; height:250px;}
.sub_vis .banner_02{background-size:auto 250px; height:250px;}
.sub_vis .banner_03{background-size:auto 250px; height:250px;}
.sub_txt{padding-top:135px; padding-left:10px;}
.sub_txt > img{width:15%;}
}

@media screen and (max-width: 390px) {
.sub_vis01, .sub_vis02, .sub_vis03, .sub_vis04, .sub_vis05, .sub_vis06, .sub_vis00{background-size:auto 100px; height:100px;}
}



/*************/

.sub0104tit{ background:url('../_sub01/img/blit.png') left 3px no-repeat; padding-left:30px; font-size:22px; color:#3f61b2; margin-top:25px; margin-bottom:7px; font-family: 'NanumBarunGothic400';}
.sub0104subtit{ background:url('../_sub01/img/sblit.png') left 10px no-repeat; padding-left:35px; font-size:20px; color:#3f61b2; margin-top:20px; margin-bottom:10px;}

.sub0104txt{font-size:18px; margin-bottom:30px;}
.sub0201txt{font-size:15px; margin-bottom:30px; padding:0 25px;}
.dash_line {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dashed #ccc;
}
.btxt{color:	#3f61b2;font-size:15px;font-weight:bold;}
.gtxt{color:	#4f9200;font-size:15px;font-weight:bold;}


.sub0104subtit2{font-size: 18px; font-family: 'NanumBarunGothic700'; color:#57708d; background:url(../_sub02/img/b_blit.gif) no-repeat left center; font-weight:bold; margin-left:10px; padding-left:15px; margin-top:20px; margin-bottom:7px;}
.g_blit{font-size: 17px; font-family: 'NanumBarunGothic700';  color:#4f9200; background:url(../_sub02/img/g_blit.gif) no-repeat left 5px; font-weight:bold; margin-left:10px; padding-left:10px; margin-top:12px; margin-bottom:7px; font-weight:bold;}

.stit_cont{margin-left:25px; font-size:15px; margin-right:25px;}

/*product*/
.card_one .tit{font-family: 'NanumBarunGothic400'; font-size: 35px; color: #3f61b2; text-align: center;}
	@media screen and (max-width: 500px) {
	.card_one .tit{font-size:25px;}
	}	
.card_one .subtit {font-family: 'NanumBarunGothic700';color: #4f9200;font-size: 20px;margin-bottom: 40px;text-align: center;}
.ultit{ background:url('../_sub01/img/blit.png') left 3px no-repeat; padding-left:30px; font-size:22px; color:#3f61b2; margin-top:25px; margin-bottom:7px; font-family: 'NanumBarunGothic400'; }
.subtit2{ color:#555555; font-size: 16px;font-weight:bold;text-align: center;margin-bottom: 40px;}
.con > ul > li{
	font-size: 15px;
	position:relative;
	padding-left: 52px;
}

.con > ul > li > span {
    font-size: 15px;
    color: #4f9200;
    border-radius: 5px;
	margin-right:8px;
    display: inline-block;
    text-align: center;
    width: auto;
	font-weight:bold;
}

.con > ul > li:before {
    content: "";
    position: absolute;
	left: 34px;
    top: 8px;
    width: 6px;
    height: 6px;
	background: #222;
	box-sizing: content-box;
}


.flul{ overflow:hidden; }
.flul li{ width:50%; float:left; }

.con > ul.flul > li > span {
    color: #3f61b2;
}

@media (max-width: 800px) {
  .flul li{ width:100%; float:none; }
 }

.con > ul > li > ul > li{ position:relative; font-size:14px; padding-left:15px;}

.con > ul > li > ul > li:before {
    content: "";
    position: absolute;
	left: 0px;
    top: 10px;
    width: 9px;
    height: 2px;
	background: #222;
	box-sizing: content-box;
}


.bullet_ulc > li{font-size:15px;}
.bullet_ulc > li{background:url(../_sub02/img/b_blit.gif) no-repeat left 9px;  margin-left:10px; padding-left:15px; margin-top:20px; margin-bottom:7px;}
.bullet_ulc > li > ul{background-color:#f2f2f2; padding:10px 20px 10px 10px; margin-top:10px;}
.bullet_ulc > li > ul > li{font-size:15px; margin-bottom:10px; background:url(../_sub08/img/b_sblit.png) no-repeat left 9px; padding-left:13px; }
.bullet_ulc > li > ul > li > ul{background-color:#fff; padding:10px; margin-top:5px; border:1px solid #ccc;}
.bullet_ulc > li > ul > li > ul > li{font-size:14px;}

/*
.ultit{ position:relative; ; font-size: 15px; font-weight:bold; margin-top:40px; margin-bottom:8px; border-bottom:1px dashed #cccccc; padding-bottom:8px;}

.card_one{ box-shadow : 2px 2px 3px 0px #ddd; width : 100%;   padding-top : 0px; padding-left : 0px;    overflow:hidden; display:inline-block; vertical-align:top;  border-radius: 15px 0px 15px 0px; margin-bottom:40px;} 
.card_one .tit  {overflow:hidden; width : 100%;  padding : 10px;  padding-bottom: 0;}
.card_one .tit {font-size:18px; font-family: 'NanumBarunGothic400';}
.card_one .subtit {overflow:hidden; width : 100%;  padding : 10px; font-size:16px;  padding-top: 3px; }

.con { padding : 10px; padding-left : 17px; font-size:15px;line-height:1.8em;}
.card_one ul{ padding :0px; margin:0px;}
.card_one ul li{ position:relative; padding-left: 17px;  list-style: none; line-height : 1.8em;}

.con > ul > li > ul > li{ padding-left : 16px;}
.con > ul > li > ul > li > ul > li{ padding-left : 12px;}




.con > ul > li > ul > li > ul > li:before {
    content: "";
    position: absolute;
	left: 0px;
    top: 11px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: 2px solid;
	box-sizing: content-box;
}

.con > ul > li{ font-size:15px;}
.card_one ul  > li > span{ font-size:15px;  font-weight:bold;}


.ultit:before {
    content: "";
    position: absolute;
    left: -3px;
    top: 4px;
    width: 4px;
    height: 4px;
    border: 5px solid;
    box-sizing: content-box;
}


.flul{ overflow:hidden; }
.flul li{ width:50%; float:left; }


@media (max-width: 800px) {
  .flul li{ width:100%; float:none; }
 }

.card_one .tit { color : #ffffff;  }
 

.card_one:nth-child(6n+1){ border-left : #3f61b2 18px solid ; }
.card_one:nth-child(6n+2){ border-left : #75a100 18px solid ; }
.card_one:nth-child(6n+3){ border-left : #67717d 18px solid ; }
.card_one:nth-child(6n+4){ border-left : #678dc3 18px solid ; }
.card_one:nth-child(6n+5){ border-left : #dd8200 18px solid ; }
.card_one:nth-child(6n+0){ border-left : #163480 18px solid ; }

.card_one:nth-child(6n+1) .tit{ background : #3f61b2 ; }
.card_one:nth-child(6n+2) .tit{ background : #75a100 ; color : #ffffff; }
.card_one:nth-child(6n+3) .tit{ background : #67717d ;  color : #ffffff; }
.card_one:nth-child(6n+4) .tit{ background : #678dc3 ; color : #ffffff;  }
.card_one:nth-child(6n+5) .tit{ background : #dd8200 ; color : #ffffff;  }
.card_one:nth-child(6n+0) .tit{ background : #163480 ;  color : #ffffff; }


.card_one:nth-child(6n+1)  ul  > li > span{ color:  #3f61b2 ; font-size:15px; }
.card_one:nth-child(6n+2)  ul  > li > span{ color:  #75a100 ;  font-size:15px; }
.card_one:nth-child(6n+3)  ul   > li > span{ color:  #67717d ; font-size:15px;  }
.card_one:nth-child(6n+4)  ul   > li > span{ color:  #678dc3 ; font-size:15px;  }
.card_one:nth-child(6n+5)  ul  > li > span{ color:  #dd8200 ; font-size:15px;  }
.card_one:nth-child(6n+0)  ul  > li > span{ color:  #163480 ;  font-size:15px; }

.card_one:nth-child(6n+1) ul li:before{ border-color:  #3f61b2 ; }
.card_one:nth-child(6n+2) ul li:before{ border-color:  #75a100 ; }
.card_one:nth-child(6n+3) ul li:before{ border-color:  #67717d ; }
.card_one:nth-child(6n+4) ul li:before{ border-color:  #678dc3 ; }
.card_one:nth-child(6n+5) ul li:before{ border-color:  #dd8200 ; }
.card_one:nth-child(6n+0) ul li:before{ border-color:  #163480 ; }


.card_one:nth-child(6n+1) .ultit:before{ border-color:  #3f61b2 ; }
.card_one:nth-child(6n+2) .ultit:before{ border-color:  #75a100 ; }
.card_one:nth-child(6n+3) .ultit:before{ border-color:  #67717d ; }
.card_one:nth-child(6n+4) .ultit:before{ border-color:  #678dc3 ; }
.card_one:nth-child(6n+5) .ultit:before{ border-color:  #dd8200 ; }
.card_one:nth-child(6n+0) .ultit:before{ border-color:  #163480 ; }



.card_one:nth-child(6n+1) .subtit{ background : #5a80d9 ;  color : #ffffff;}
.card_one:nth-child(6n+2) .subtit{ background : #89b611 ; color : #ffffff; }
.card_one:nth-child(6n+3) .subtit{ background : #8994a2 ;  color : #ffffff; }
.card_one:nth-child(6n+4) .subtit{ background : #7ca2d7 ; color : #ffffff;  }
.card_one:nth-child(6n+5) .subtit{ background : #f29f29 ; color : #ffffff;  }
.card_one:nth-child(6n+0) .subtit{ background : #234496 ;  color : #ffffff; }

*/