@media screen and (min-width: 641px) and (max-width: 768px) {

	/*common*/
	body {
		font-size: 15px;
		overflow-x: hidden;
	}

	section {
		margin-bottom: 80px;
	}

	h2 {
		font-size: 60px;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		margin-bottom: 30px;
		font-size: 30px;
	}

	h5 {
		font-size: 20px;
	}

	.inner {
		width: 95%;
	}

	/*personalPop*/
	#personalPop .popInner {
		width: 85%;
	}

	#personalPop .popInner .perTit {
		height: 70px;
		line-height: 70px;
	}

	#personalPop .popInner .perTit h4 {
		font-size: 24px;
	}

	#personalPop .popInner .perTit a {
		margin-top: 5px;
	}

	#personalPop .popInner .perTit a span {
		font-size: 28px;
	}

	#personalPop .popInner .popDetail {
		height: 600px;
	}

	/*header*/
	header {
		height: 50px;
		padding-top: 20px;
	}

	header h1.logo {
		width: 120px;
		margin-right: 0;
	}

	header h1.logo img {
		width: 100%;
	}

	header .mobBtn {
		float: right;
		display: block;
		padding-top: 3px;
	}

	header .mobBtn a {
		display: block;
		width: 100%;
		height: 100%;
	}

	header .mobBtn a span {
		font-size: 30px;
		font-weight: 600;
		color: #fff;
	}

	header nav {
		position: fixed;
		top: 0;
		right: -100%;
		float: none;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		z-index: 999;
	}

	header nav .gnb {
		position: absolute;
		top: 0;
		right: 0;
		width: 70%;
		height: 100vh;
		background: #333;
	}

	header nav .gnb .mobClose {
		position: relative;
		display: block;
		width: 100%;
		height: 40px;
		border-bottom: 0;
	}

	header nav .gnb .mobClose a {
		float: right;
		display: block;
		width: 30px;
		height: 30px;
		padding: 0;
		margin-top: 15px;
		margin-right: 10px;
	}

	header nav .gnb .mobClose a span {
		text-align: right;
		font-size: 26px;
		font-weight: 600;
		color: #fff;
	}

	header nav .gnb > li {
		position: relative;
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		padding-top: 0;
		border-bottom: 1px solid #555;
		box-sizing: border-box;
	}

	header nav .gnb > li.hasSub:after {
		content: '\e874';
		position: absolute;
		top: 15px;
		right: 15px;
		display: inline-block;
		width: 20px;
		height: 20px;
		font-family: 'Linearicons-Free';
		font-size: 18px;
		font-weight: 600;
		color: #f4f4f4;
	}

	header nav .gnb > li > a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 12px;
		padding-bottom: 12px;
		font-size: 18px;
		text-align: left;
		box-sizing: border-box;
	}

	header nav .sub {
		position: relative;
		top: 0;
		left: 0;
		transform: translateX(0);
		display: none;
		width: 100%;
		padding: 0;
		background: #666;
		border-top: 2px solid #fff;
		text-align: left;
	}

	header nav .sub.active {
		display: block;
	}

	header nav .sub li {
		padding: 15px;
		line-height: 15px;
	}

	header nav .sub > li > a {
		font-size: 15px;
		font-weight: 400;
		color: #f4f4f4;
	}

	header .tnb {
		display: none;
	}

	header.mob_on {
		background: rgba(9, 49, 80, 1);
	}

	/*mainVisual*/
	#mainVisual article img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	#mainVisual .txtBox h2 {
		font-size: 60px;
	}

	#mainVisual .txtBox h3 {
		font-size: 20px;
	}

	/*servicing*/
	#servicing {
		height: 760px;
	}

	#servicing h4 span {
		font-size: 34px;
	}

	#servicing .illustArea {
		width: 80%;
		height: 460px;
		padding: 30px;
	}

	#servicing .illustArea img {
		width: 100%;
	}

	#servicing .textArea {
		top: 90%;
		width: 95%;
	}

	#servicing .textArea .txtBox {
		padding: 30px;
	}

	#servicing .textArea .txtBox p {
		width: 100%;
		font-size: 15px;
	}

	#servicing .textArea .txtBox a {
		width: 100%;
		text-align: right;
	}

	/*solution*/
	#solution h5 {
		font-size: 26px;
		font-weight: 600;
	}

	#solution ul li {
		width: 48.9%;
		margin-right: 15px;
	}

	#solution ul li:nth-child(2),
	#solution ul li:last-child {
		margin-right: 0;
	}

	#solution ul li:nth-child(1),
	#solution ul li:nth-child(2) {
		margin-bottom: 15px;
	}

	#solution ul li a figure {
		margin-bottom: 30px;
	}

	#solution ul li a h5 {
		margin-bottom: 5px;
	}

	/*counseling*/
	#counseling {
		padding: 80px 0;
	}

	#counseling article h5 {
		margin-bottom: 15px;
		font-size: 20px;
	}

	#counseling .clientChoice {
		width: 47.94%;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	#counseling .clientCompany {
		width: 47.94%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	#counseling .clientCompany .cliList {
		margin-bottom: 10px;
	}

	#counseling .clientCompany .cliList:last-child {
		margin-bottom: 0;
	}

	#counseling .clientCompany .cliList img {
		margin: 12px 10px -10px 0;
	}

	#counseling .clientCompany .cliList input[type="text"] {
		width: 87.7%;
		padding: 14px;
	}

	#counseling .clientCounsel {
		float: none;
		width: 100%;
	}

	#counseling .clientCounsel textarea {
		height: 200px;
		padding: 15px;
	}

	#counseling .application {
		margin-top: 15px;
	}

	/*partner*/
	#partner ul li {
		width: 21.9%;
		margin-right: 30px;
		margin-bottom: 40px;
	}

	#partner ul li:nth-child(4),
	#partner ul li:last-child {
		margin-right: 0;
	}

	#partner ul li:nth-child(5),
	#partner ul li:nth-child(6),
	#partner ul li:nth-child(7) {
		margin-bottom: 0;
	}

	#partner ul li.partLenovo {
		background-size: 100%;
	}

	/*noteArea*/
	#noteArea article {
		float: none;
		width: 100%;
		height: 350px;
	}

	#noteArea article:first-child {
		margin-right: 0;
		margin-bottom: 30px;
	}

	/*subVisual*/
	#subVisual {
		height: 400px;
	}

	#subVisual .txtBox {
		width: 100%;
	}

	#subVisual .txtBox h2 {
		width: 100%;
	}

	/*sub_overview*/
	#sub_overview .inner {
		height: 540px;
		background-position: top left;
		background-size: 140%;
	}

	#sub_overview .txtArea {
		float: none;
		width: 100%;
		padding-top: 300px;
	}

	/*sub_vision*/
	#sub_vision article figure {
		height: 200px;
	}

	#sub_vision article .txtArea {
		height: 200px;
	}

	#sub_vision article .txtArea h5 {
		font-size: 30px;
		letter-spacing: -0.06em;
	}

	#sub_vision article .txtArea h6 {
		font-size: 16px;
	}

	#sub_vision article .txtArea p {
		font-size: 14px;
		letter-spacing: -0.06em;
	}

	/*sub_colocation*/
	#sub_colocation article h5 {
		font-size: 24px;
	}

	#sub_colocation article.coloProvision p {
		word-break: keep-all;
	}

	#sub_colocation .coloKind ul li .txtBox {
		padding-top: 200px;
	}

	#sub_colocation .coloKind ul li .txtBox ul {
		margin-bottom: 30px;
	}

	#sub_colocation .coloKind ul li table {
		width: 100%;
	}

	#sub_colocation .coloKind ul li .colo_proDetail {
		width: 100%;
	}

	#sub_colocation .coloKind ul li.coloIndividual {
		background-position: top center;
	}

	#sub_colocation .coloKind ul li.coloIndividual .colo_proDetail {
		float: none;
		width: 100%;
	}

	#sub_colocation .coloKind ul li.coloSurface {
		background-position: top center;
	}

	#sub_colocation .coloKind ul li.coloSurface .colo_proDetail {
		float: none;
		width: 100%;
		padding-top: 35px;
	}

	#sub_colocation .coloAdvantages ul li {
		width: 47.9%;
		margin-right: 30px;
	}

	#sub_colocation .coloAdvantages ul li:nth-child(1),
	#sub_colocation .coloAdvantages ul li:nth-child(2) {
		margin-bottom: 30px;
	}

	#sub_colocation .coloAdvantages ul li:nth-child(2),
	#sub_colocation .coloAdvantages ul li:last-child {
		margin-right: 0;
	}

	/*sub_hosting*/
	#sub_hosting .hostIntro p {
		word-break: keep-all;
	}

	#sub_hosting .server .serverBtn {
		margin-right: 0;
	}

	#sub_hosting .server .serverList .serverpro .serverDetail {
		width: 47.9%;
		margin: 0 30px 30px 0;
		padding: 20px;
		border: 1px solid #ddd;
		box-sizing: border-box;
		overflow: hidden;
	}

	#sub_hosting .server .serverList .serverpro .serverDetail:nth-child(2),
	#sub_hosting .server .serverList .serverpro .serverDetail:nth-child(4),
	#sub_hosting .server .serverList .serverpro .serverDetail:nth-child(6) {
		margin-right: 0;
	}

	/*sub_cloud*/
	#sub_cloud .cloudDetail {
		width: 100%;
		height: 435px;
		background: none;
	}

	#sub_cloud .cloudDetail .titBox {
		width: 100%;
	}

	#sub_cloud .cloudDetail .titBox h4 {
		text-align: center;
	}

	#sub_cloud .cloudDetail .titBox p {
		text-align: center;
	}

	#sub_cloud .cloudDetail table {
		width: 100%;
	}

	#sub_cloud .cloudDetail table th {
		text-align: center;
	}

	#sub_cloud .cloudDetail table td.lt {
		text-align: center;
	}

	#sub_cloud .cloudLogo h5 {
		font-size: 26px;
		font-weight: 500;
	}

	#sub_cloud .cloudLogo ul li {
		width: 16.7%;
		margin-right: 30px;
		box-sizing: border-box;
		background-position: top center;
		background-size: contain;
	}

	#sub_cloud .cloudLogo ul li h5 {
		padding-top: 90px;
		margin-bottom: 0;
	}

	/*sub_cdn*/
	#sub_cdn article {
		margin-bottom: 80px;
	}

	#sub_cdn .cdnpro .cdnIntro {
		margin-bottom: 40px;
	}

	#sub_cdn .cdnpro .cdnIntro p {
		word-break: keep-all;
	}

	#sub_cdn .cdnpro .cdnDetail {
		height: 320px;
		margin-bottom: 40px;
		background-size: contain;
	}

	#sub_cdn .cdnpro .cdnFeature table td {
		padding: 15px;
		word-break: keep-all;
	}

	#sub_cdn .media .mediaDetail .mediaList ul {
		top: 92%;
		right: -15px;
	}

	#sub_cdn .contents .conDetail {
		height: 285px;
	}

	#sub_cdn .caching .caDetail {
		height: 200px;
	}

	/*sub_security*/
	#sub_security .secuIntro {
		margin-bottom: 40px;
	}

	#sub_security .secuDetail {
		width: 100%;
	}

	#sub_security .secuDetail li {
		width: 47.9%;
		text-align: center;
		padding: 170px 20px 0;
		margin: 0 30px 30px 0;
	}

	#sub_security .secuDetail li:nth-child(2),
	#sub_security .secuDetail li:nth-child(4),
	#sub_security .secuDetail li:nth-child(6) {
		margin-right: 0;
	}

	#sub_security .secuDetail li h5 {
		margin-bottom: 5px;
		font-size: 24px;
	}

	#sub_security .secuDetail li p {
		letter-spacing: -0.03em;
	}

	/*sub_website*/
	#sub_website article {
		margin-bottom: 80px;
	}

	#sub_website .naulabWork figure {
		display: none;
	}

	#sub_website .naulabWork .nauList {
		float: left;
		width: 100%;
	}

	#sub_website .naulabWork .nauList ul {
		width: 30.5%;
		height: 205px;
		margin: 0 30px 30px 0;
	}

	#sub_website .naulabWork ul:nth-child(4),
	#sub_website .naulabWork ul:nth-child(5),
	#sub_website .naulabWork ul:nth-child(6) {
		margin-bottom: 0;
	}

	#sub_website .naulabWork ul:nth-child(3),
	#sub_website .naulabWork ul:nth-child(6) {
		margin-right: 0;
	}

	#sub_website .nauPortfolio .swiper-wrapper {
		width: 100%;
		height: 360px;
	}

	#sub_website .nauPortfolio .swiper-wrapper .swiper-slide {
		position: relative;
		width: 100%;
		height: 295px;
	}

	#sub_website .nauPortfolio .swiper-wrapper .swiper-slide figure {
		float: left;
		width: 55%;
		margin-right: 30px;
	}

	#sub_website .nauPortfolio .swiper-wrapper .swiper-slide .slideTxt {
		width: 41%;
	}

	/*sub_service*/
	#sub_service h4 {
		text-align: center;
	}

	#sub_service article {
		float: none;
		margin-bottom: 40px;
	}

	#sub_service article.serTop {
		width: 100%;
		height: 292px;
	}

	#sub_service article h5 {
		margin-bottom: 15px;
		text-align: center;
	}

	#sub_service article.serTop.serBefore {
		margin-right: 0;
	}

	#sub_service article.serMonitor {
		float: none;
		margin-top: 0;
	}

	#sub_service article.serMonitor table {
		height: 170px;
	}

	#sub_service article.serMonitor table td {
		word-break: keep-all;
	}

	/*sub_counseling*/
	#sub_counseling .counTit p {
		word-break: keep-all;
	}

	#sub_counseling article h5 {
		margin-bottom: 15px;
		font-size: 24px;
	}

	#sub_counseling .selArea {
		height: auto;
		margin-bottom: 30px;
	}

	#sub_counseling .selArea div {
		float: none;
		width: 100%;
		height: 45px;
		padding-left: 15px;
		line-height: 45px;
		text-align: left;
		box-sizing: border-box;
	}

	#sub_counseling .selArea div:after {
		display: none;
	}

	#sub_counseling .selArea div input[type="radio"] + label:before {
		top: 15px;
	}

	#sub_counseling .selArea div input[type="radio"]:checked + label:after {
		top: 18px;
	}

	#sub_counseling .selArea label {
		font-size: 14px;
	}

	#sub_counseling .clientCompany .cliList {
		width: 23.4%;
		margin-right: 15px;
	}

	#sub_counseling .clientCompany .cliList:last-child {
		margin-right: 0;
	}

	#sub_counseling .clientCompany .cliList:last-child {
		margin-bottom: 0;
	}

	#sub_counseling .clientCompany .cliList img {
		margin: 7px 6px -10px 0;
	}

	#sub_counseling .clientCompany .cliList input[type="text"] {
		width: 78.3%;
	}

	#sub_counseling .clientCounsel textarea {
		height: 250px;
	}

	#sub_counseling .application {
		margin-top: 10px;
	}

	/*sub_personal*/
	#sub_personal .perTit p {
		word-break: keep-all;
	}

	#sub_personal article p {
		word-break: keep-all;
	}

	/*sub_use*/
	#sub_use article p {
		word-break: keep-all;
	}

	/*footer*/
	footer .footMenu ul li {
		margin-right: 30px;
	}

	footer .footMenu ul li.right {
		margin-right: 0;
	}

	footer .footNav ul {
		width: 24.9%;
		height: 135px;
	}

	footer .footNav ul li {
		line-height: 25px;
	}

	footer .footCopy {
		padding: 30px 0;
		background: #f4f4f4;
	}

	footer .footCopy .footLogo {
		height: 40px;
	}

	/*topBtn*/
	#topBtn {
		right: 5%;
		width: 50px;
		height: 50px;
	}

	#topBtn button {
		font-size: 16px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

	/*common*/
	body {
		overflow-x: hidden;
	}

	h2 {
		font-size: 65px;
	}

	h4 {
		margin-bottom: 40px;
		font-size: 30px;
	}

	h5 {
		font-size: 20px;
	}

	.inner {
		width: 95%;
	}

	.mobBtn {
		display: none;
	}

	.mobClose {
		display: none;
	}

	/*personalPop*/
	#personalPop .popInner {
		width: 90%;
	}

	/*header*/
	header {
		height: 130px;
	}

	header h1.logo {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
		padding-bottom: 30px;
		border-bottom: 3px solid rgba(255, 255, 255, 0.2);
	}

	header nav {
		float: none;
		width: 100%;
	}

	header nav .gnb > li {
		width: 14.2%;
		padding: 15px 0;
		margin-right: 0;
	}

	header nav .gnb > li:last-child {
		margin-right: 0;
	}

	header nav .sub {
		top: 55px;
	}

	header .tnb {
		position: absolute;
		top: 30px;
		right: 20px;
		padding-top: 0;
	}

	/* mainVisual */
	#mainVisual .txtBox h2 {
		font-size: 60px;
	}

	#mainVisual .txtBox h3 {
		font-size: 20px;
	}

	/*servicing*/
	#servicing {
		height: 800px;
	}

	#servicing .illustArea {
		width: 60%;
		height: 460px;
		padding: 40px;
	}

	#servicing .illustArea img {
		width: 100%;
	}

	#servicing .textArea {
		top: 90%;
		width: 85%;
	}

	#servicing .textArea .txtBox {
		padding: 40px;
	}

	#servicing .textArea .txtBox p {
		width: 100%;
	}

	#servicing .textArea .txtBox a {
		float: none;
		width: 100%;
		text-align: right;
	}

	/*solution*/
	#solution ul li {
		width: 48.9%;
		margin-right: 20px;
	}

	#solution ul li:nth-child(1),
	#solution ul li:nth-child(2) {
		margin-bottom: 20px;
	}

	#solution ul li:nth-child(2),
	#solution ul li:last-child {
		margin-right: 0;
	}

	/*counseling*/
	#counseling {
		padding: 100px 0;
	}

	#counseling .clientChoice {
		width: 40%;
		margin-right: 40px;
		margin-bottom: 40px;
	}

	#counseling .clientCompany {
		width: 55.8%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	#counseling .clientCompany .cliList {
		margin-bottom: 10px;
	}

	#counseling .clientCompany .cliList:last-child {
		margin-bottom: 0;
	}

	#counseling .clientCompany .cliList img {
		margin: 12px 10px -10px 0;
	}

	#counseling .clientCompany .cliList input[type="text"] {
		width: 92.4%;
		padding: 14px;
	}

	#counseling .clientCounsel {
		float: none;
		width: 100%;
	}

	#counseling .clientCounsel textarea {
		height: 200px;
	}

	/*partner*/
	#partner ul li {
		width: 12.5%;
	}

	#partner ul li.partLenovo {
		background-size: 100%;
	}

	/*noteArea*/
	#noteArea article {
		width: 47.9%;
	}

	/*subVisual*/
	#subVisual {
		position: relative;
		width: 100%;
		height: 600px;
		margin-bottom: 0;
		overflow: hidden;
	}

	#subVisual .txtBox {
		top: 55%;
		width: 100%;
	}

	/*sub_overview*/
	#sub_overview .inner {
		height: 340px;
		background-size: 110%;
	}

	#sub_overview .txtArea {
		float: right;
		width: 30%;
	}

	#sub_overview .txtArea h4 {
		margin-bottom: 10px;
		font-size: 26px;
	}

	#sub_overview .txtArea h4 span {
		font-size: 30px;
	}

	#sub_overview .txtArea p {
		margin-bottom: 10px;
		font-size: 14px;
	}

	#sub_overview .txtArea p span {
		font-size: 16px;
	}

	/*sub_vision*/
	#sub_vision article figure {
		height: 250px;
	}

	#sub_vision article .txtArea {
		height: 250px;
	}

	/*sub_colocation*/
	#sub_colocation article h5 {
		font-size: 24px;
	}

	#sub_colocation article.coloProvision p {
		word-break: keep-all;
	}

	#sub_colocation .coloKind ul li .txtBox {
		padding-top: 200px;
	}

	#sub_colocation .coloKind ul li .txtBox ul {
		margin-bottom: 30px;
	}

	#sub_colocation .coloKind ul li table {
		width: 100%;
	}

	#sub_colocation .coloKind ul li .colo_proDetail {
		width: 100%;
	}

	#sub_colocation .coloKind ul li.coloIndividual {
		background-position: top center;
	}

	#sub_colocation .coloKind ul li.coloIndividual .colo_proDetail {
		float: none;
		width: 100%;
	}

	#sub_colocation .coloKind ul li.coloSurface {
		background-position: top center;
	}

	#sub_colocation .coloKind ul li.coloSurface .colo_proDetail {
		float: none;
		width: 100%;
		padding-top: 35px;
	}

	#sub_colocation .coloAdvantages ul li {
		width: 47.9%;
		margin-right: 30px;
	}

	#sub_colocation .coloAdvantages ul li:nth-child(1),
	#sub_colocation .coloAdvantages ul li:nth-child(2) {
		margin-bottom: 30px;
	}

	#sub_colocation .coloAdvantages ul li:nth-child(2),
	#sub_colocation .coloAdvantages ul li:last-child {
		margin-right: 0;
	}

	/*sub_hosting*/
	#sub_hosting .hostIntro p {
		word-break: keep-all;
	}

	#sub_hosting .server .serverBtn {
		margin-right: 0;
	}

	#sub_hosting .server .serverList .serverpro .serverDetail {
		width: 47.9%;
		margin: 0 30px 30px 0;
		padding: 20px;
		border: 1px solid #ddd;
		box-sizing: border-box;
		overflow: hidden;
	}

	#sub_hosting .server .serverList .serverpro .serverDetail:nth-child(2),
	#sub_hosting .server .serverList .serverpro .serverDetail:nth-child(4),
	#sub_hosting .server .serverList .serverpro .serverDetail:nth-child(6) {
		margin-right: 0;
	}

	/*sub_cloud*/
	#sub_cloud .cloudDetail {
		width: 100%;
		height: 435px;
		background: none;
	}

	#sub_cloud .cloudDetail .titBox {
		width: 100%;
	}

	#sub_cloud .cloudDetail .titBox h4 {
		text-align: center;
	}

	#sub_cloud .cloudDetail .titBox p {
		text-align: center;
	}

	#sub_cloud .cloudDetail table {
		width: 100%;
	}

	#sub_cloud .cloudDetail table th {
		text-align: center;
	}

	#sub_cloud .cloudDetail table td.lt {
		text-align: center;
	}

	#sub_cloud .cloudLogo h5 {
		font-size: 26px;
		font-weight: 500;
	}

	#sub_cloud .cloudLogo ul li {
		width: 17.5%;
		margin-right: 30px;
		box-sizing: border-box;
		background-position: top center;
		background-size: contain;
	}

	#sub_cloud .cloudLogo ul li h5 {
		padding-top: 120px;
		margin-bottom: 0;
	}

	/*sub_cdn*/
	#sub_cdn article {
		margin-bottom: 80px;
	}

	#sub_cdn .cdnpro .cdnIntro {
		margin-bottom: 40px;
	}

	#sub_cdn .cdnpro .cdnIntro p {
		word-break: keep-all;
	}

	#sub_cdn .cdnpro .cdnDetail {
		height: 380px;
		margin-bottom: 40px;
		background-size: contain;
	}

	#sub_cdn .cdnpro .cdnFeature table td {
		padding: 15px;
		word-break: keep-all;
	}

	#sub_cdn .media .mediaDetail .mediaList ul {
		top: 92%;
		right: -15px;
	}

	#sub_cdn .contents .conDetail {
		height: 285px;
	}

	#sub_cdn .caching .caDetail {
		height: 200px;
	}

	/*sub_security*/
	#sub_security .secuIntro {
		margin-bottom: 40px;
	}

	#sub_security .secuDetail {
		width: 100%;
	}

	#sub_security .secuDetail li {
		width: 47.9%;
		text-align: center;
		padding: 170px 20px 0;
		margin: 0 30px 30px 0;
	}

	#sub_security .secuDetail li:nth-child(2),
	#sub_security .secuDetail li:nth-child(4),
	#sub_security .secuDetail li:nth-child(6) {
		margin-right: 0;
	}

	#sub_security .secuDetail li h5 {
		margin-bottom: 5px;
		font-size: 24px;
	}

	#sub_security .secuDetail li p {
		letter-spacing: -0.03em;
	}

	/*sub_website*/
	#sub_website article {
		margin-bottom: 80px;
	}

	#sub_website .naulabWork figure {
		display: none;
	}

	#sub_website .naulabWork .nauList {
		float: left;
		width: 100%;
	}

	#sub_website .naulabWork .nauList ul {
		width: 30.5%;
		height: 205px;
		margin: 0 30px 30px 0;
	}

	#sub_website .naulabWork ul:nth-child(4),
	#sub_website .naulabWork ul:nth-child(5),
	#sub_website .naulabWork ul:nth-child(6) {
		margin-bottom: 0;
	}

	#sub_website .naulabWork ul:nth-child(3),
	#sub_website .naulabWork ul:nth-child(6) {
		margin-right: 0;
	}

	#sub_website .nauPortfolio .swiper-wrapper {
		width: 100%;
		height: 460px;
	}

	#sub_website .nauPortfolio .swiper-wrapper .swiper-slide {
		position: relative;
		width: 100%;
		height: 390px;
	}

	#sub_website .nauPortfolio .swiper-wrapper .swiper-slide figure {
		float: left;
		width: 55%;
		margin-right: 30px;
	}

	#sub_website .nauPortfolio .swiper-wrapper .swiper-slide .slideTxt {
		width: 41%;
	}

	/*sub_service*/
	#sub_service h4 {
		text-align: center;
	}

	#sub_service article {
		float: none;
		margin-bottom: 40px;
	}

	#sub_service article.serTop {
		width: 100%;
		height: 292px;
	}

	#sub_service article h5 {
		margin-bottom: 15px;
		text-align: center;
	}

	#sub_service article.serTop.serBefore {
		margin-right: 0;
	}

	#sub_service article.serMonitor {
		float: none;
		margin-top: 0;
	}

	#sub_service article.serMonitor table {
		height: 170px;
	}

	#sub_service article.serMonitor table td {
		word-break: keep-all;
	}

	/*sub_counseling*/
	#sub_counseling .counTit p {
		word-break: keep-all;
	}

	#sub_counseling article h5 {
		margin-bottom: 15px;
		font-size: 24px;
	}

	#sub_counseling .selArea {
		height: auto;
		margin-bottom: 30px;
	}

	#sub_counseling .selArea div {
		float: none;
		width: 100%;
		height: 45px;
		padding-left: 15px;
		line-height: 45px;
		text-align: left;
		box-sizing: border-box;
	}

	#sub_counseling .selArea div:after {
		display: none;
	}

	#sub_counseling .selArea div input[type="radio"] + label:before {
		top: 15px;
	}

	#sub_counseling .selArea div input[type="radio"]:checked + label:after {
		top: 18px;
	}

	#sub_counseling .selArea label {
		font-size: 14px;
	}

	#sub_counseling .clientCompany .cliList {
		width: 23.8%;
		margin-right: 15px;
	}

	#sub_counseling .clientCompany .cliList:last-child {
		margin-right: 0;
	}

	#sub_counseling .clientCompany .cliList:last-child {
		margin-bottom: 0;
	}

	#sub_counseling .clientCompany .cliList img {
		margin: 7px 6px -10px 0;
	}

	#sub_counseling .clientCompany .cliList input[type="text"] {
		width: 83.9%;
	}

	#sub_counseling .clientCounsel textarea {
		height: 250px;
	}

	#sub_counseling .application {
		margin-top: 10px;
	}

	/*sub_personal*/
	#sub_personal .perTit p {
		word-break: keep-all;
	}

	#sub_personal article p {
		word-break: keep-all;
	}

	/*sub_use*/
	#sub_use article p {
		word-break: keep-all;
	}

	/*footer*/
	footer .footMenu ul li.right {
		margin-right: 0;
	}

	footer .footNav ul {
		width: 25%;
	}

	/*topBtn*/
	#topBtn {
		right: 6%;
	}
}