li {list-style:none;}
header {width:100%; height:90px !important; display:block; background-color:#fff !important; box-shadow:2px 2px 4px 2px #bbb;}
		header .logo img {width:120px; margin:10px 0 -5px 0;}
		header .txt {font-size:11px; line-height:16px; color:#999; display:inline-block; margin-top:28px;}
		header .txt li:nth-child(2), header .txt li:last-child {float:left;}		
		header .nav-collapse {margin-top:45px; display:inline-block;}
		header .nav-collapse li {float:left;}
		header .nav-collapse li a, header .nav-collapse li a:hover {font-size:15px; padding:8px 15px; border:none; font-family:'corbel' !important; font-weight:600;}
		header .nav-collapse li a {color:#333 !important;}
		header .nav-collapse small {font-weight:normal; margin-left:15px;}

		@media all and (min-width:1036px) and (max-width:1280px) {
			header .txt {font-size:10px; line-height:13px; margin-top:20px;}
			header .txt li:nth-child(2), header .txt li:last-child {clear:both;}
			header .nav-collapse li a, header .nav-collapse li a:hover {font-size:14px;}
		}
		@media all and (max-width:1035px) {
			header .txt {margin:10px; float:right; font-size:10px;}
			header .txt li {float:left;}
			header .nav-collapse li a, header .nav-collapse li a:hover {font-size:14px; padding:6px 12px;}
			header .nav-collapse small {font-size:10px;}
			header .nav-collapse {margin-top:15px;}
		}
		@media all and (max-width:781px) {
			header .nav-collapse small {display:none;}
		}

		@media all and (max-width:640px) {
			header {position:relative;}
			header .nav-toggle {position:absolute; top:10px; right:10px;}
			header .nav-toggle:before {color:#999 !important;}
			header .nav-toggle:hover:before {color:#333 !important;}

			header .txt {position:absolute; top:20px; left:140px; line-height:11px;}
			header .txt li {clear:both !important;}

			header .nav-collapse {margin-top:-12px; box-shadow:2px 2px 2px 2px #555;}
			header .nav-collapse li {display:block; height:50px; line-height:40px; width:50%; float:left; border:1px solid #fff; border-left:0;}
			header .nav-collapse li:first-child, header .nav-collapse li:nth-child(2) {border-top:0;}
			header .nav-collapse li:nth-child(even) {border-right:0;}
			header .nav-collapse a {width:100%; color:#333; background-color:#ddd; padding-left:10px;}
			header .nav-collapse a:hover {color:#fff; background-color:#555;}
			header .nav-collapse .active a {background-color:#ffa500;}
			header .nav-collapse small {display:inline-block; font-size:11px;}
		}
		
		@media all and (max-width:320px) {
			header .logo img {width:80px; margin-left:-10px;}
			header .nav-toggle:before {color:#999 !important; margin-top:-10px;}
		}


/**** 메인 슬라이딩 부 ****/
#JiSlider li {width:100%; height:580px; display:inline-block; padding:50px auto;}/*** 제이쿼리 연합 정의 ***/
#main_1, #main_2 {width:100%; height:500px; margin-top:90px; text-align:left; background-color:#eee !important;}
#main_1 dt, #main_1 dt b, #main_2 dt, #main_2 dt b {font-family: 'Glegoo', serif !important; letter-spacing:-2pt; font-weight:400 !important;}

#main_1 {background: url('../images/img_main_1.jpg') no-repeat;}
#main_2 {background: url('/images/img_main_2.png') no-repeat; background-position:75% 50%;}

		#main_1 dl, #main_2 dl {float:left; list-style:none; font-weight:normal; letter-spacing:-0.5pt; margin:75px 0 0 80px;}
		#main_1 dt, #main_2 dt {font-size:52px; color:#333; letter-spacing:-1pt; line-height:55px;}				
		#main_1 dd, #main_2 dd {color:#555; line-height:24px; font-size:13px; margin-top:30px !important;}
		/***#main_1 .btn, #main_2 .btn {font-size:14px; font-weight:600; margin-top:50px;}
		#main_1 .btn a, #main_2 .btn a {padding:8px 20px 10px; color:#555; border:1px solid #999;}
		#main_1 .btn a:hover, #main_2 .btn a:hover {color:#fff; background-color:#555;}***/

		#main_1 .btn, #main_2 .btn {font-size:14px; font-weight:400; margin-top:40px !important;}
		#main_1 .btn a, #main_2 .btn a {padding:8px 20px; color:#fff; background-color:#6988bc; text-decoration:none !important;}
		#main_1 .btn a:hover, #main_2 .btn a:hover {color:#fff; background-color:#47669a;}
		#main_1 p, #main_2 p {height:50px;}

		@media all and (min-width:1920px) {
			#main_1 {background-size:65% !important; background-position:75% 10%;}
			#main_1 dt, #main_2 dt {margin:0 145px 0;}
			#main_1 dd, #main_2 dd {margin:-10px 145px 0;}
			#main_1 .btn, #main_2 .btn {margin:50px 145px 0;}
		}
		@media all and (min-width:1600px) and (max-width:1919px) {
			#main_1 {background-size:68%; background-position:100% 100%;}
			#main_1 dt, #main_2 dt {margin:0 70px 0;}
			#main_1 dd, #main_2 dd {margin:-10px 70px 0;}
			#main_1 .btn, #main_2 .btn {margin:50px 70px 0;}			
		}		
		@media all and (min-width:1366px) and (max-width:1599px) {
			#main_1 {background-size:75%; background-position:110% 100%;}
		}
		@media all and (min-width:1280px) and (max-width:1365px) {
			#main_1 {background-size:80%; background-position:120% 100%;}
			#main_2 {background-size:80%; background-position:110% 50%;}
		}
		@media all and (min-width:768px) and (max-width:1279px) {
			#main_1 {background-size:90%; background-position:200% 100%;}
			#main_1 dl, #main_2 dl {margin:75px 0 0 40px;}
			#main_1 dt, #main_2 dt {font-size:45px; line-height:48px; letter-spacing:-1.5pt;}
		}
		@media all and (max-width:1000px) {
			#main_1, #main_2 {height:550px; background-size:120%; background-position:50% 100%;}
			#main_2 .btn a {float:left !important;}
			#main_1 dt, #main_2 dt {font-size:40px; line-height:45px;}
			#main_1 dd, #main_2 dd {font-size:12px; line-height:18px;}
		}
		@media all and (min-width:512px) and (max-width:640px) {
			#main_1 {background-size:130%; background-position:0 100%;}
			#main_1 dl, #main_2 dl {margin:10px 0 0 20px; text-align:left !important;}
			#main_1 dt, #main_2 dt {width:75%; font-size:38px; line-height:40px; margin:25px 15px;}
			#main_1 dd, #main_2 dd {width:80%; margin:-50px 0 0 20px;}
		}
		@media all and (max-width:511px) {

			#main_1 {width:100%; background-size:200%; background-position:-180px 100%;}
			#main_1 dl, #main_2 dl {margin:10px 0 0 20px; text-align:left !important;}
			#main_1 dt, #main_2 dt {font-size:35px; line-height:38px; margin-top:20px;}
			#main_1 dd, #main_2 dd {width:64%; line-height:15px;}
			#main_2 {background-size:140%; background-position:40% 80%;}
		}
		@media all and (min-width:643px) {
		    ._mobile {display:none !important;}
		}
		
/**** 메인부 아이콘 파트 ****/
#icon_part {padding-top:20px; padding-bottom:30px;}
			#icon_part h1 {font-size:17px !important;}
			#icon_part dd {width:80px; height:80px; text-align:center; background-color:#888; border-radius:50px; margin:20px auto;}
			#icon_part dd:hover {background-color:#8097bc;}
			#icon_part dd img {width:35px !important; margin-top:22px; opacity:0.9;}
			@media all and (max-width:511px) {
				#icon_part {margin-bottom:-400px !important;}
				#icon_part dl {margin:40px;}
				#icon_part dl:first-child {margin-top:20px;}
			}

/**** 포트폴리오 부 ****/
.wrap_port {width:100%; text-align:center;}
		.wrap_port dl {padding-top:50px; padding-bottom:50px; display:block;}
		.wrap_port dt {width:100%;}
		.wrap_port dt h2 {font-size:30px; padding-bottom:10px; color:#555;}
		.wrap_port dt h3 {font-size:15px; font-weight:normal; margin-bottom:10px;}
		.wrap_port dt hr {width:5%; height:2px; margin:10px auto; border-top:2px solid #fff; display:block;}
		.wrap_port dt p {width:80%; font-size:13px; margin-bottom:10px;}
		.wrap_port div dd {width:90%; margin:0 auto;}
		.wrap_port dd img {width:20%; border:1px solid #aaa; margin:2%;}
		
		#web, #ani_others {background-color:#ddd;}
 
		@media all and (max-width:511px) {
			.wrap_port {margin-top:400px !important;}
			.wrap_port dd img {width:40%; margin:4%;}
		}