/* lg */ 
@media (min-width: 1200px) {
		 /* Make Navigation Toggle on Desktop Hover */
		  .dropdown:hover .dropdown-menu {
			  display: block;
			  -webkit-animation: fadeInUp 400ms;
			  animation: fadeInUp 400ms;
		  }
			
		.header .container{
			width:1170px;
		}

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
		 /* Make Navigation Toggle on Desktop Hover */
		  .dropdown:hover .dropdown-menu {
			  display: block;
			  -webkit-animation: fadeInUp 400ms;
			  animation: fadeInUp 400ms;
		  }

		   .cont_title>h2 {
				font-size: 28px;				
				line-height: 32px;
			}

		  .navbar-nav > li {
			margin-left: 10px;
		  }

		  .navbar-collapse {
			padding-left: 0;
			padding-right: 0;
		  }

	    .header .container{
			width:auto;
		}


	
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
		  .nav-collapse {display:none;} 
		  .navbar-small {display:block;border:none;}

		  /* Make Navigation Toggle on Desktop Hover */
		  .dropdown:hover .dropdown-menu {
			  display: block;
			  -webkit-animation: fadeInUp 400ms;
			  animation: fadeInUp 400ms;
		  }

		  .navbar-collapse {
			padding-left: 0;
			padding-right: 0;
		  }

		  .navbar-nav > li {
			margin-left: 0;
		  }

		  #main h1 {
			font-size: 52px;
			line-height:64px;
			font-weight:400;
		  }

		  #main h2 {
			font-size: 20px;			
		  }



		 #visual-header>.location>h1 {
			font-size: 38px;
		 }

		#sub_depth.sol {
				width: 100%;
				height: 55px;				
				overflow:hidden;
		}

		#sub_depth.sol .tabs li a {
				font-size: 13.5px;		
				line-height: 55px;
		}



	   .cont_title>h2 {
			font-size: 26px;
			line-height: 24px;
		}
		.cont_wrap h4 {
			font-size:17px;
			line-height:24px;				
		}

		.cont_wrap p {
			font-size:15px;
			line-height:22px;
		}

	   .cont_wrap div .list {
			height:auto;
		}

		.cont_wrap div .list li {
			font-size:15px;
		}

		.cont_wrap p iframe.responsive{
			width:90%;
			height:auto;
			min-height:300px;
			border:none;
		}

		.cont_wrap div img{
			float:none;			
		}

}

/* xs */
@media (max-width: 767px) {
		  
		  .hidden-small {display:none;}
		  .nav-collapse {display:none;} 
		  .navbar-small {display:block;border:none;}
		  
		 

	  	  #main h1 {
			font-size: 44px;
			line-height:52px;
			font-weight:400;
		  }

		  #main h2 {
			font-size: 20px;
		  }

		#visual-header {  
				height: 260px;
		}

		#visual-header>.location>h1 {
			font-size: 28px;
		}

   	    #main .pull-right{
			  float: none !important;
			  text-align:center;
		}

		#main h1 , #main h2 {
				text-align:center;
		}

		#main a.btn_more, #main a.btn_inverse {
				margin:0 auto;
		}
	  

			#sub_depth {
				width: 100%;
				height: 45px;
			}

		   #sub_depth .tabs {
					height: 45px;
			}

			#sub_depth .tabs li {
			   width: 20%;
			   height: 45px;
			}

			#sub_depth .tabs li a {
				font-size: 14px;		
				line-height: 45px;
			}
			/* SOLUTION	 Sub Menu ¿¹¿Üó¸®*/
			#sub_depth.sol {
					width: 100%;
					height: 45px;				
					overflow:hidden;
			}

			#sub_depth.sol .tabs li a {
					font-size: 13px;		
					line-height: 45px;
			}

		  .container {
				width:auto;
				max-width:750px;
				padding:0 10px;
			}

		  .container > .navbar-header, .container > .navbar-collapse{
				margin-left: 0;
		   }

			.cont_title {
				margin: 40px 0 0 0;
			}

		   .cont_title>h2 {
				font-size: 24px;				
				line-height: 30px;
			}
			
			.cont_title>p {
			    font-size: 14px;
			}

			.cont_wrap h4 {
				font-size:15px;
				line-height:22px;				
			}

			.cont_wrap p {
				font-size:14px;
				line-height:20px;
				padding:10px 0 10px 10px;
			}

		  .cont_wrap div .list {
				height:auto;
			}

			.cont_wrap div .list li {
				font-size:14px;
			}

			.middle_visual_area {
				margin: 20px 0 10px 0;
				height: auto;
			}

			.top_line {
				width:auto;
				height:2px; 
				background:url(../images/sub/bg_line_xs.png) no-repeat;
			}

			.cont_wrap p iframe.responsive{
				width:90%;
				height:auto;
				min-height:220px;
				border:none;
			}

	

	    #footer .col-sm-6{
			  text-align:center;
		}
		  
		#footer .pull-right{
			  float: none !important;
		}

			

}

/* XS Portrait */
@media (max-width: 480px) {

		 .hidden_mobile {display:none;}
		  .nav-collapse {display:none;} 
		  .navbar-small {display:block;border:none;top:30px}

		#fp-nav {display:none}
		
		.header {
				width: 100%;
				height: 50px;
				margin: 20px auto 0 auto;
		}
		.header .container {
			width: 1170px;
			height: 50px;
		}

		.header .logo{
			width:80px;
			height:40px;
		}

		.mobile_menu {
			top: 70px;
		}

			.container {
				width:auto;
				max-width:460px;
				padding:0 10px;
			}

			#visual-header {  
				height: 220px;
			}

			#visual-header .location {
				padding-top: 120px;
			}

			#visual-header>.location>h1 {
				font-size: 24px;
			}

			#visual-header .location span {
				font-size:12px;
				line-height:30px;
			}

			#sub_depth {
				display:none;
			}
			
			 #main .pull-right {
				  float: none !important;
				  text-align:center;
			  }
			
			 #main h1 {
					font-size: 38px;
					line-height:44px;
			}

			#main h2 {
					font-size: 18px;
			}

			#main h1 , #main h2 {
				text-align:center;
			}

			#main a.btn_more, #main a.btn_inverse {
				margin:0 auto;
			}

		  .cont_title>h2 {
				font-size: 20px;				
				line-height: 26px;
			}

			table tr td, 
			table tr td a {
				font-size:14px;
			}

			table.board_list thead th {
				padding: 7px 5px;
				font-size:15px;
			}

			div.board_text {
				height: 40px;
			}

			.large a {
				font-size:14px;
			}


			 .privacy h5 {
				font-size:15px;
			}

			.privacy p {
				padding:5px 0;
			}

			.plist li {
				font-size:14px;
				padding:3px 0 3px 10px;
			}


}