@charset "euc-kr";
@import "font.css";  /* web font */

ul, dl,dt,dd {	margin:0;	padding:0;	list-style:none;}

#intro_bg { 	background:url(n_img/intro_img/intro_allbg.jpg) no-repeat center 120px; width:100%;height:100%;   }
#intro_bg .top_box{width:100%;height:120px;   background:#fff; box-shadow : 2px 2px 10px silver}
#intro_bg .top_box .nt-container {width:100%;  max-width:800px; padding:25px 0px 20px 0px;	margin:0 auto;}
#intro_bg .top_box .ci{width:50%;   display:inline-block; text-align:center; border:0px solid #ff0000; }
#intro_bg .top_box .txt1{width:23%;   float:left;   padding:25px 0px 0px 0px; border:0px solid #ff0000; }
#intro_bg .top_box .txt2{ width:25%;   float:right;   text-align:right;  padding:25px 0px 0px 0px; border:0px solid #ff0000;  }

		@media all and (max-width:600px) {
			#intro_bg { 	background:url(n_img/intro_img/intro_allbg.jpg) no-repeat center top; width:100%;height:100%;  background-size :230%;  }
			#intro_bg .top_box{width:100%;height:100%;   background:#fff; box-shadow : 2px 2px 10px silver}
			#intro_bg .top_box .ci{width:100%;   display:inline-block; text-align:center; border:0px solid #ff0000; }
			#intro_bg .top_box .ci img{width:240px;   }
			#intro_bg .top_box .txt1{width:100%;   float:none;   text-align:center; padding:10px 0px 0px 0px; border:0px solid #ff0000; }
			#intro_bg .top_box .txt2{ width:100%;   float:none;   text-align:center;  padding:10px 0px 0px 0px; border:0px solid #ff0000;  }
		}

#intro_bg .center_box{margin:35px auto; width:100%;    padding:0px;  }
#intro_bg .center_box .nt-container {width:100%;  max-width:800px; padding:0px 0px 0px 0px;	margin:25px auto; border:0px solid #ff0000; }

	.home_link a{display:block;  width:160px; margin:20px auto;  padding:5px 0px 5px 55px; font-size:17px;  letter-spacing:-0.8px; font-family:'Noto Sans KR', sans-serif;  
							text-align:left;  color:#543422;  border:1px solid #e4e4e4;    border-radius : 8px;  box-shadow : 2px 2px 10px silver;   background:#fff url(n_img/intro_img/in_icon1.png) no-repeat  20px 5px;  }
	.home_link a strong{ font-weight:bold; }
	.home_link a:hover{ color:#284281;   border:1px solid #ddd; }

	.main_menu1 {   margin-left:-1.5%;  margin-top:40px;   margin-bottom:25px;   overflow:hidden;   }
	.main_menu1 li {float:left; display:inline-block;  width:23.5%; margin-left:1.5%;     padding:15px 0px 15px 0px;	  background:url(n_img/intro_img/in_bt_bg1.png) repeat-x  top;  border-radius : 8px; box-shadow : 2px 2px 10px silver; }
	.main_menu1 li:hover  {  background:url(n_img/intro_img/in_bt_bg2.png) repeat-x  top; }
	.main_menu1 li span{ font-size:20px;     color:#fff;  font-family:'Noto Sans KR', sans-serif;  font-weight:400;  letter-spacing:-0.8px;  }
	.main_menu1 li .icon1{   padding-left:75px;	    background:url(n_img/intro_img/in_icon2.png) no-repeat  30px top; }
	.main_menu1 li .icon2{    padding-left:75px;	  background:url(n_img/intro_img/in_icon3.png) no-repeat  30px top; }
	.main_menu1 li .icon3{    padding-left:50px;	  background:url(n_img/intro_img/in_icon4.png) no-repeat  5px top; }
	.main_menu1 li .icon4{    padding-left:60px;	  background:url(n_img/intro_img/in_icon5.png) no-repeat  15px top; }

		@media all and (max-width:600px) {
			.main_menu1 {   margin-left:-1.5%;  margin-top:40px;   margin-bottom:0px;   overflow:hidden;   }
			.main_menu1 li {float:left; display:inline-block;  width:48.5%; margin-left:1.5%;     padding:15px 0px 15px 0px;	  margin-bottom:15px;   background:url(n_img/intro_img/in_bt_bg1.png) repeat-x  top;  border-radius : 8px; box-shadow : 2px 2px 10px silver; }
			.main_menu1 li span{ font-size:16px;     color:#fff;  font-family:'Noto Sans KR', sans-serif;  font-weight:400;  letter-spacing:-0.8px;  }
		}

	.main_menu2 {    margin-top:0px;   margin-bottom:25px;   overflow:hidden;   }
	.main_menu2 p { font-size:20px;     text-align:center;   color:#fff;  font-family:'Noto Sans KR', sans-serif;  font-weight:400;  letter-spacing:-0.8px;   padding:15px 0px 15px 0px;	  }
	.main_menu2 .left_menu{float:left; display:inline-block;  width:48.5%;   background:url(n_img/intro_img/in_bt_bg1.png) repeat-x  top; border-radius : 8px; box-shadow : 2px 2px 10px silver;}
	.main_menu2 .left_menu p.icon6{  background:url(n_img/intro_img/in_icon6.png) no-repeat  100px 10px;  }
	.main_menu2 .right_menu{float:right; display:inline-block;  width:48.5%;   background:url(n_img/intro_img/in_bt_bg1.png) repeat-x  top; border-radius : 8px; box-shadow : 2px 2px 10px silver; text-align:center;}
 	.main_menu2 .right_menu p.icon7{  background:url(n_img/intro_img/in_icon7.png) no-repeat  30px 10px;  }
 	.main_menu2 .right_menu p.icon8{  display:inline-block; padding-left: 40px; background:url(n_img/intro_img/in_icon8.png) no-repeat  0px 15px; background-size:30px; }


		@media all and (max-width:600px) {

			.main_menu2 .left_menu{  width:100%;   margin-bottom:15px;   }
			.main_menu2 .right_menu{ width:100%;    }
		}

/*	.main_menu3 {    margin-top:0px;   margin-bottom:0px;   overflow:hidden;   }
	.main_menu3 .menu_box{float:left; display:inline-block;  width:100%;  height:250px;   margin-bottom:25px;    background:url(n_img/intro_img/in_bt_bg3.png) repeat-x  top; border-radius : 8px; box-shadow : 2px 2px 10px silver;}
	.main_menu3 .menu_box .img{float:left;  width:50%;  }
	.main_menu3 .menu_box .img img{ border-radius : 8px 0px 0px 8px;}
	.main_menu3 .menu_box .txt{float:right;  width:50%;  }
	.main_menu3 .menu_box .txt p{font-size:28px;     color:#fff;  font-family:'Noto Sans KR', sans-serif;  font-weight:bold;  letter-spacing:-1px;   text-align:center;    margin:60px 0px 0px 0px;	 padding:85px 0px 0px 0px;	  }
	.main_menu3 .menu_box .txt p.icon8{  background:url(n_img/intro_img/in_icon8.png) no-repeat  center top;  }
	.main_menu3 .menu_box .txt p.icon9{  background:url(n_img/intro_img/in_icon9.png) no-repeat  center top;  }
	
		@media all and (max-width:600px) {
			.main_menu3 .menu_box{ height:100%;  }
			.main_menu3 .menu_box .img img{  width:100%; border-radius :8px 0px 0px 8px;}
			.main_menu3 .menu_box .txt{float:right;  width:50%;  }
			.main_menu3 .menu_box .txt p{font-size:20px;     margin:30px 0px 0px 0px;	 padding:65px 0px 0px 0px;	   }
			.main_menu3 .menu_box .txt p.icon8{  background:url(n_img/intro_img/in_icon8.png) no-repeat  center top; background-size : 50px ; }
			.main_menu3 .menu_box .txt p.icon9{  background:url(n_img/intro_img/in_icon9.png) no-repeat  center top;  background-size : 50px ; }
		}	
	
	*/


	.main_menu3 {   margin-left:-1.5%;  margin-top:0px;   margin-bottom:0px;   overflow:hidden;   }
	.main_menu3 .menu_box{float:left; display:inline-block; position:relative; overflow:hidden; width:48.5%; margin-left:1.5%;  height:413px;   margin-bottom:25px;    background:url(n_img/intro_img/in_bt_bg3.png) repeat-x  top #FFF; border-radius : 8px; box-shadow : 2px 2px 10px silver;}
	.main_menu3 .menu_box .img{ width:100%;  }
	.main_menu3 .menu_box .img img{ border-radius : 8px 0px 0px 8px;}
	.main_menu3 .menu_box .txt{ position:absolute; z-index:99; text-align:Center; bottom:0; width:100%; background:rgba(0,0,0,0.5); padding:20px 0 30px 0;}
	.main_menu3 .menu_box .txt p{font-size:28px;  display:inline-block;   color:#fff;  font-family:'Noto Sans KR', sans-serif;  font-weight:bold;  letter-spacing:-1px;    margin:0px 0px 0px 0px;	 padding:0px 0px 0px 50px;	  }
	.main_menu3 .menu_box .txt p.icon8{  background:url(n_img/intro_img/in_icon8.png) no-repeat  0px top; background-size:40px; }
	.main_menu3 .menu_box .txt p.icon9{  background:url(n_img/intro_img/in_icon9.png) no-repeat  0px top; background-size:40px; }


	.main_menu31 {   margin-left:-1.5%;  margin-top:0px;   margin-bottom:0px;   overflow:hidden;   }
	.main_menu31 .menu_box2 {float:left; display:inline-block; position:relative; overflow:hidden; width:98.5%; margin-left:1.5%;  height:413px;   margin-bottom:25px;    background:url(n_img/intro_img/in_bt_bg3.png) repeat-x  top #FFF; border-radius : 8px; box-shadow : 2px 2px 10px silver;}
	.main_menu31 .menu_box2 .img{ width:100%;  }
	.main_menu31 .menu_box2 .img img{ border-radius : 8px 0px 0px 8px;}
	.main_menu31 .menu_box2 .txt{ position:absolute; z-index:99;  top:26%; left:0;}
	.main_menu31 .menu_box2 .txt a {display:block; margin-bottom:30px; background:url(n_img/intro_img/intro_text_bg.png) no-repeat  0px top; width:400px; height:80px; line-height:75px;}
	.main_menu31 .menu_box2 .txt p{font-size:25px;  display:inline-block;   color:#fff;  font-family:'Noto Sans KR', sans-serif;  font-weight:bold;  letter-spacing:-1px;    margin:0px 0px 0px 0px;	 padding:0px 0px 0px 60px;	  }
	.main_menu31 .menu_box2 .txt p.icon8{  background:url(n_img/intro_img/in_icon8.png) no-repeat  10px center; background-size:40px; }
	.main_menu31 .menu_box2 .txt p.icon9{  background:url(n_img/intro_img/in_icon9.png) no-repeat  10px center; background-size:40px; }



		@media all and (max-width:600px) {
			.main_menu3 .menu_box{ width:100%; height:100%;  }
			.main_menu3 .menu_box .img img{  width:100%; border-radius :8px 0px 0px 8px;}
			.main_menu3 .menu_box .txt{float:right;  width:100%;  }
			.main_menu3 .menu_box .txt p{font-size:20px;     margin:30px 0px 0px 0px;	 padding:65px 0px 0px 0px;	   }
			.main_menu3 .menu_box .txt p.icon8{  background:url(n_img/intro_img/in_icon8.png) no-repeat  center top; background-size : 50px ; }
			.main_menu3 .menu_box .txt p.icon9{  background:url(n_img/intro_img/in_icon9.png) no-repeat  center top;  background-size : 50px ; }


			.main_menu31 {   margin-left:-1.5%;  margin-top:0px;   margin-bottom:0px;   overflow:hidden;   }
			.main_menu31 .menu_box2 {float:left; display:inline-block; position:relative; overflow:hidden; width:98.5%; margin-left:1.5%;  height:auto;   margin-bottom:25px;    background:url(n_img/intro_img/in_bt_bg3.png) repeat-x  top #FFF; border-radius : 8px; box-shadow : 2px 2px 10px silver;}
			.main_menu31 .menu_box2 .img{ width:100%;  }
			.main_menu31 .menu_box2 .img img{ width:100%;}
			.main_menu31 .menu_box2 .txt{ position:absolute; z-index:99;  bottom:0; left:0; width:100%;}
			.main_menu31 .menu_box2 .txt a {display:block; margin-bottom:20px; background:rgba(0,0,0,0.5); width:250px; height:50px; line-height:48px;}
			.main_menu31 .menu_box2 .txt p{font-size:15px;  display:inline-block;   color:#fff;  font-family:'Noto Sans KR', sans-serif;  font-weight:bold;  letter-spacing:-1px;    margin:0px 0px 0px 0px;	 padding:0px 0px 0px 60px;	  }
			.main_menu31 .menu_box2 .txt p.icon8{  background:url(n_img/intro_img/in_icon8.png) no-repeat  10px center; background-size:40px; }
			.main_menu31 .menu_box2 .txt p.icon9{  background:url(n_img/intro_img/in_icon9.png) no-repeat  10px center; background-size:40px; }


		}


	/*.main_menu4 {   margin-left:-1.5%; display:flex; flex-wrap:wrap; margin-top:0px;   margin-bottom:40px;   overflow:hidden;   }
	.main_menu4 li {  width:48.5%; height:90px;  margin-left:1.5%;  padding:0px 0px 0px 0px;	  margin-bottom:15px;   background:url(n_img/intro_img/in_bt_bg5.png) repeat-x  top;  border-radius : 8px; }
	.main_menu4 li a {display:flex; width:100%; height:100%;  justify-content:center; align-items:center;}
	.main_menu4 li p {   font-size:22px; display:block;  text-align:center; color:#fff;  font-family:'Noto Sans KR', sans-serif;    font-weight:400;  letter-spacing:-0.8px; line-height:140%; padding:0px 0px 0px 0px;	}
	.main_menu4 li p a{ font-size:22px;       color:#fff; }
	.main_menu4 li p.two_line {padding-top:10px;}
	.main_menu4 li p.vertical_align{  padding-top:30px;}
	.main_menu4 li.bgno{  background:#008b6e;  }*/

	.main_menu4 {   margin-left:-1.5%; display:flex; flex-wrap:wrap; margin-top:0px;   margin-bottom:40px;   overflow:hidden;   }
	.main_menu4 li {  width:48.5%; height:90px;  margin-left:1.5%;  padding:0px 0px 0px 0px;	  margin-bottom:15px;   /*background:url(n_img/intro_img/in_bt_bg5.png) repeat-x  top;*/ box-shadow: 0px 0px 6px 6px rgba(0,0,0,0.05) inset; background:#ffffff;  border-radius : 10px;}
	.main_menu4 li a {display:flex; width:100%; height:100%;  justify-content:center; align-items:center;}
	.main_menu4 li p {   font-size:22px; display:block;  text-align:center; color:#543422;  font-family:'Noto Sans KR', sans-serif;    font-weight:400;  letter-spacing:-0.8px; line-height:140%; padding:0px 0px 0px 0px;	}
	.main_menu4 li p a{ font-size:22px;       color:#fff; }
	.main_menu4 li p img {vertical-align:middle;}
	.main_menu4 li p.two_line {padding-top:10px;}
	.main_menu4 li p.vertical_align{  padding-top:30px;}
	.main_menu4 li.bgno{  background:#fff;  }

		@media all and (max-width:600px) {
			.main_menu4 li p{   font-size:16px;    padding:0px 0px 0px 0px;}

		}

#intro_bg .foot_box{margin-top:20px;  width:100%;    background:#fff;  opacity:0.7;} 
#intro_bg .foot_box .nt-container {width:100%;  max-width:800px; padding:20px 0px 20px 0px;	margin:0 auto;}
#intro_bg .foot_box h1{display:inline-block; float:left;}
#intro_bg .foot_box p{ font-size:14px;  color:#555;    text-align:right; display:block; font-family:'Noto Sans KR', sans-serif;   letter-spacing:-0.5px;line-height:150%; }

		@media all and (max-width:600px) {
			#intro_bg .foot_box h1{width:100%;   display:inline-block; text-align:center;  float:none;}
			#intro_bg .foot_box p{ font-size:14px;  color:#555;    text-align:center; display:block; font-family:'Noto Sans KR', sans-serif;   letter-spacing:-0.5px;line-height:150%; padding:10px 0px 0px 0px;	}
		}