@charset "utf-8";

@media (max-width: 1400px) {
	.introduce .cnt04 .col {padding:0;}
	.introduce .cnt04 .row {padding:0 15px;}
	.introduce .cnt04 .box .img {max-width:180px;}
	
	.making .cnt02 .tit-box {padding:0 20px; max-width:190px;}
	.making .cnt02 .txt-box {width:calc(100% - 190px);}
	.making .cnt02 .txt-box .row {padding-right:20px;}
}

@media (max-width: 1024px) {
	/* sub-visual */
	.sub-visual {height:400px; padding-top:100px; padding-bottom:60px;}
	.sub-visual .title h2 {font-size:40px;}
	/* lnb */
	#lnb {margin-top:-60px;}
	.lnb ul li {height:60px;}
	.lnb ul li:after {height:14px; margin-top:-7px;}
	.lnb ul li a {font-size:16px;}
	.lnb ul li a:after {width:4px; height:4px; margin-left:-2px; bottom:-5px;}
	.lnb ul li.active a:after {bottom:5px;}
	.lnb ul li a:hover:after {bottom:5px;}
	/* common */
	.real-cont {padding:100px 0 120px;}

	.pagename {margin-bottom:70px;}
	.pagename h3 {font-size:36px; margin-bottom:10px;}
	.pagename p {font-size:18px;}

	.doc-tit {margin-bottom:26px;}
	.doc-tit h5 {font-size:28px; padding-left:18px;}
	.doc-tit h5:before {width:4px; height:4px; top:7px;}
	.doc-tit h5:after {width:4px; height:14px; top:16px;}
	
	.cnt-tit {margin-bottom:60px;}
	.cnt-tit h4 {font-size:32px;}
	.cnt-tit p {font-size:18px; margin-top:16px;}
	/* sub 01 01 */
	.introduce .cnt {padding:100px 0 120px;}
	.introduce .cnt01 .txt-box {margin:100px 0;  padding:40px 20px;}
	.introduce .cnt01 .txt-box p {font-size:20px; margin-bottom:10px;}
	.introduce .cnt01 .txt-box .txt {font-size:16px;}
	.introduce .cnt02 .col {margin:0 -10px;}
	.introduce .cnt02 .col .row {padding:0 10px; margin-bottom:100px;}
	.introduce .cnt02 .inner {padding:20px;}
	.introduce .cnt02 .inner .icon {margin-bottom:10px;}
	.introduce .cnt02 .inner .icon img {width:56px;}
	.introduce .cnt02 .inner h6 {font-size:20px; margin-bottom:10px;}
	.introduce .cnt02 .inner p {font-size:16px;}
	.introduce .cnt02 .inner p br {display:none;}
	.introduce .cnt02 .img-box {padding:30px;}
	.introduce .cnt03 .img-box {padding:30px; margin-bottom:60px;}
	.introduce .cnt03 .col {margin:0 -10px;}
	.introduce .cnt03 .col .row {padding:0 10px; margin-bottom:100px;}
	.introduce .cnt03 .inner {padding:20px;}
	.introduce .cnt03 .inner .icon {margin-bottom:10px;}
	.introduce .cnt03 .inner .icon img {width:56px;}
	.introduce .cnt03 .inner h6 {font-size:20px; margin-bottom:10px;}
	.introduce .cnt03 .inner p {font-size:16px;}
	.introduce .cnt04 .col {display:block; padding:20px 0 0; padding-left:50px;}
	.introduce .cnt04 .col:before {top:-3px; left:22px; z-index:1; transform:rotate(90deg);}
	.introduce .cnt04 .col:after {width:1px; height:100%; top:0; left:25px;}
	.introduce .cnt04 .row {width:100%; padding:0; display:flex; flex-wrap:wrap; margin-bottom:60px;}
	.introduce .cnt04 .row:last-child {margin-bottom:0;}
	.introduce .cnt04 .year {margin-bottom:30px; padding-bottom:0; width:100%; font-size:20px; line-height:1.5em; max-width:none; text-align:left;}
	.introduce .cnt04 .year:after {width:11px; height:11px; border:3px solid #002246; bottom:auto; top:10px; left:-30px; margin-left:0;}
	.introduce .cnt04 .img-box {height:auto; width:50%;}
	.introduce .cnt04 .box {margin-bottom:15px;}
	.introduce .cnt04 .box .img {max-width:180px;}
	.introduce .cnt04 .box .txt {padding-left:15px;}
	.introduce .cnt04 .box .txt p {font-size:16px;}
	.introduce .cnt04 .txt-box {padding:30px; height:100%; width:50%;}
	.introduce .cnt04 .txt-box li {font-size:16px; padding-left:10px;}
	.introduce .cnt04 .txt-box li:before {top:11px;}
	.introduce .cnt05 .col {margin:0 -10px;}
	.introduce .cnt05 .row {padding:0 10px;}
	.introduce .cnt05 .img-box {margin-bottom:18px;}
	.introduce .cnt05 .year {font-size:20px; margin-bottom:16px;}	
	.introduce .cnt05 .txt-box {padding-left:0;}
	.introduce .cnt05 .txt-box li {font-size:16px; padding-left:10px;}
	.introduce .cnt05 .txt-box li:before {top:11px;}
	/* sub 02 01 */
	/* .pnid .col {margin:0 -10px 60px;}
	.pnid .col > div {padding:0 10px;}
	.pnid .col:nth-child(odd) .box {padding:0;}
	.pnid .col:nth-child(even) .box {padding:0;}
	.pnid .tit {margin-bottom:16px;}
	.pnid .tit p {font-size:20px;}
	.pnid .tit h5 {font-size:26px;margin-top:10px;}
	.pnid .txt p {font-size:16px;}
	.pnid .txt li {font-size:16px; padding-left:10px;}
	.pnid .txt li:before {top:11px;} */
	/* sub 02 02 */
	.gorag .cnt {padding:100px 0 120px;}
	.gorag .cnt01 .txt-box {margin-bottom:40px;}
	.gorag .cnt01 .txt-box p {font-size:18px;}
	.gorag .cnt01 .wrap {margin-bottom:100px;}
	.gorag .cnt01 .col {margin:0 -10px;}
	.gorag .cnt01 .row {padding:0 10px;}
	.gorag .cnt01 .inner {padding:20px 20px 80px 20px;}
	.gorag .cnt01 .inner .num {font-size:20px; margin-bottom:12px;}
	.gorag .cnt01 .inner p {font-size:16px;}
	.gorag .cnt01 .inner .icon {bottom:20px; right:20px;}
	.gorag .cnt01 .inner .icon img {width:50px;}
	.gorag .cnt01 .box p {font-size:20px; margin-bottom:18px;}
	.gorag .cnt01 .box .img-box {margin-bottom:20px;}
	.gorag .cnt01 .box {padding-left:0;}
	.gorag .cnt01 .box li {font-size:16px; padding-left:10px;}
	.gorag .cnt01 .box li:before {top:11px;}
	.gorag .cnt02 .col {margin:0 -10px;}
	.gorag .cnt02 .row {padding:0 10px;}
	.gorag .cnt02 .inner {padding:20px 20px 80px 20px;}
	.gorag .cnt02 .inner .num {font-size:20px; margin-bottom:12px;}
	.gorag .cnt02 .inner p {font-size:16px;}
	.gorag .cnt02 .inner .icon {bottom:20px; right:20px;}
	.gorag .cnt02 .inner .icon img {width:50px;}
	.gorag .cnt03 .col {margin:0 -10px;}
	.gorag .cnt03 .row {padding:0 10px; margin-bottom:100px;}
	.gorag .cnt03 .inner {padding:20px 20px 80px 20px;}
	.gorag .cnt03 .inner h6 {font-size:22px; margin-bottom:12px;}
	.gorag .cnt03 .inner p {font-size:16px;}
	.gorag .cnt03 .inner .icon {bottom:20px; right:20px;}
	.gorag .cnt03 .inner .icon img {width:50px;}	
	/* sub 02 03 */
	.neo4j .txt-box {margin-bottom:40px;}
	.neo4j .txt-box p {font-size:18px; margin-bottom:28px;}
	.neo4j .col {margin-bottom:100px;}
	.neo4j .col .txt {padding-left:20px;}
	.neo4j .col .txt h6 {font-size:22px; margin-bottom:12px;}
	.neo4j .col .txt p {font-size:16px;}
	/* sub 03 01 */
	.making .cnt01 {margin-bottom:100px;}
	.making .cnt01 .col {margin:0 -10px;}
	.making .cnt01 .row {padding:0 10px;}
	.making .cnt02 .col {flex-direction:column;}
	.making .cnt02 .col:before {top:auto; bottom:-4px; right:auto; left:21px; transform:rotate(-90deg);}
	.making .cnt02 .col:after {width:1px; height:100%; top:0; left:25px;}
	.making .cnt02 .tit-box {width:100%; max-width:none; padding:0; display:flex; justify-content:flex-end;}
	.making .cnt02 .txt-box {width:100%; display:block;}
	.making .cnt02 .txt-box .row {width:100%; padding-right:0; display:flex; flex-wrap:wrap; padding-left:50px; justify-content:flex-end; margin-bottom:40px;}
	.making .cnt02 .step {margin-bottom:0; padding-bottom:0; width:100%; height:auto; text-align:left; height:30px;}
	.making .cnt02 .step:after {width:11px; height:11px; border:3px solid #002246; bottom:auto; top:8px; left:-30px; margin-left:0;}
	.making .cnt02 .step p {font-size:20px; line-height:1.5em;}
	.making .cnt02 .tx {height:auto; display:block; margin:10px 0; text-align:left;}
	.making .cnt02 .tx p {font-size:16px;}
	.making .cnt02 .tit-box .step {display:none;}
	.making .cnt02 .tit-box .tx {display:none;}
	.making .cnt02 .tit-box .txt {height:auto; display:block; width:200px; text-align:center; margin-bottom:20px;}
	.making .cnt02 .tit-box .txt p {display:inline-block; width:130px; line-height:46px; font-size:18px;}
	.making .cnt02 .txt-box .txt {width:200px; height:120px;}
	.making .cnt02 .txt-box .txt p {font-size:16px;}
	.making .cnt02 .txt-box .txt p span {font-size:14px;}
	.making .cnt02 .arrow {height:60px; width:60px; display:flex; align-items:center; justify-content:center;}
	.making .cnt02 .txt-box .arrow {height:120px;}
	.making .cnt02 .txt-box .arrow img {transform:rotate(-90deg);}
	/* sub 03 02 */
	.insurance .wrap { margin:0 auto 60px;}
	.insurance .wrap .col .row {padding:20px;}
	.insurance .wrap .col .row:after {height:20px; margin-top:-10px;}
	.insurance .wrap .icon {width:50px; height:50px;}
	.insurance .wrap p {padding-left:15px; font-size:16px; }
	/* sub 03 03 */
	.callcenter .col {margin:0 -10px;}
	.callcenter .row {padding:0 10px;}
	.callcenter .row:after {display:none;}
	.callcenter .img-box {margin-bottom:24px;}
	.callcenter .txt-box {padding:0;}
	.callcenter .txt-box li {font-size:16px; padding-left:10px;}
	.callcenter .txt-box li:before {top:11px;}
	/* sub 03 04 */
	.communication .col {margin:0 -10px;}
	.communication .col .row {padding:0 10px; margin-bottom:60px;}
	.communication .inner {padding:20px;}
	.communication .inner .icon img {width:50px;}
	.communication .inner h5 {font-size:20px; margin-bottom:16px;}
	.communication .inner p {font-size:16px;}
	/* sub 03 05 */
	.market .text {margin-bottom:50px;}
	.market .text p {font-size:18px;}
	.market .cnt {margin-bottom:120px;}
	.market .txt-box {margin-bottom:50px;}
	.market .txt-box p {font-size:16px;}
	/* sub 02 01 */
	.pnid .cnt01 {margin-bottom:60px;}
	.pnid .cnt01 .col {display:block; margin:0 auto; width:100%; max-width:700px;}
	.pnid .cnt01 .col > div {width:100%; padding:0; margin-bottom:50px;}
	.pnid .cnt01 .video {height:auto;}
	.pnid .cnt01 .txt-box .tit {margin-bottom:24px;}
	.pnid .cnt01 .txt-box .tit p {font-size:20px; margin-bottom:12px;}
	.pnid .cnt01 .txt-box .tit h4 {font-size:28px;}
	.pnid .cnt01 .txt-box .txt p {font-size:16px;}

	.pnid .cnt02 {margin-bottom:120px;}
	.pnid .cnt02 .col {display:block; padding:50px 0; width:100%; max-width:700px; margin:0 auto;}
	.pnid .cnt02 .row {width:100%; padding:0 40px; border-right:0; margin-bottom:40px;}
	.pnid .cnt02 .row:last-child {margin-bottom:0;}
	.pnid .cnt02 h4 {font-size:20px; margin-bottom:18px;}
	.pnid .cnt02 li {font-size:16px; padding-left:10px;}
	.pnid .cnt02 li:before {top:11px;}

	.pnid .cnt03 .col {display:block; margin:0 auto 60px; width:100%; max-width:700px;}
	.pnid .cnt03 .col > div {width:100%; padding:0; margin-bottom:50px;}
	.pnid .cnt03 .col .txt-box .txt {margin-bottom:40px;}
	.pnid .cnt03 .col h4 {font-size:20px; margin-bottom:20px;}
	.pnid .cnt03 .col p {font-size:16px; padding-left:10px;}
	.pnid .cnt03 .col p:before {top:11px;}
	.pnid .cnt03 .img {margin-bottom:28px;}
	
	
}

@media (max-width: 640px) {
	/* sub-visual */
	.sub-visual {height:300px; padding-top:80px; padding-bottom:50px; background-size: cover !important;}
	.sub-visual .title h2 {font-size:32px;}
	/* lnb */
	#lnb {margin-top:-50px;}
	.lnb ul li {height:50px;}
	.lnb ul li:after {height:10px; margin-top:-5px;}
	.lnb ul li a {font-size:14px;}
	/* common */
	.real-cont {padding:80px 0 100px;}

	.pagename {margin-bottom:50px;}
	.pagename h3 {font-size:28px;}
	.pagename p {font-size:16px;}

	.doc-tit {margin-bottom:20px;}
	.doc-tit h5 {font-size:24px; padding-left:10px;}
	.doc-tit h5:before {width:3px; height:3px; top:6px;}
	.doc-tit h5:after {width:3px; height:12px; top:13px;}
	
	.cnt-tit {margin-bottom:40px;}
	.cnt-tit h4 {font-size:26px;}
	.cnt-tit p {font-size:16px; margin-top:10px;}
	/* sub 01 01 */
	.introduce .cnt {padding:80px 0 100px;}
	.introduce .cnt01 .txt-box {margin:60px 0;  padding:60px 20px;}
	.introduce .cnt01 .txt-box p {font-size:18px;}
	.introduce .cnt01 .txt-box .txt {font-size:14px;}
	.introduce .cnt02 .col {margin:0; display:block;}
	.introduce .cnt02 .col .row {padding:0; width:100%; margin-bottom:30px;}
	.introduce .cnt02 .inner .icon img {width:50px;}
	.introduce .cnt02 .inner h6 {font-size:18px;}
	.introduce .cnt02 .inner p {font-size:14px;}
	.introduce .cnt02 .img-box {padding:20px;}
	.introduce .cnt03 .img-box {padding:20px; margin-bottom:40px;}
	.introduce .cnt03 .col {margin:0; display:block;}
	.introduce .cnt03 .col .row {padding:0; width:100%; display:block; margin-bottom:30px;}
	.introduce .cnt03 .inner .icon img {width:50px;}
	.introduce .cnt03 .inner h6 {font-size:18px;}
	.introduce .cnt03 .inner p {font-size:14px;}
	.introduce .cnt04 .img-box {width:100%; margin-bottom:30px;}
	.introduce .cnt04 .box .txt {padding-left:10px;}
	.introduce .cnt04 .box .txt p {font-size:14px;}
	.introduce .cnt04 .txt-box {padding:20px; height:100%; width:100%;}
	.introduce .cnt04 .txt-box li {font-size:14px;}
	.introduce .cnt04 .txt-box li:before {top:10px;}
	.introduce .cnt05 .col {flex-wrap:wrap;}
	.introduce .cnt05 .row {width:50%; margin-bottom:30px;}
	.introduce .cnt05 .img-box {margin-bottom:12px;}
	.introduce .cnt05 .year {font-size:18px; margin-bottom:10px;}	
	.introduce .cnt05 .txt-box li {font-size:14px;}
	.introduce .cnt05 .txt-box li:before {top:10px;}
	/* sub 02 01 */
	.pnid .col {margin:0 -10px 50px; display:block;}
	.pnid .col > div {width:100%; padding:0; margin-bottom:30px;}
	.pnid .col:nth-child(odd) .box {padding:0;}
	.pnid .col:nth-child(even) .box {padding:0;}
	.pnid .tit {margin-bottom:10px;}
	.pnid .tit p {font-size:18px;}
	.pnid .tit h5 {font-size:22px;}
	.pnid .txt p {font-size:14px;}
	.pnid .txt li {font-size:14px;}
	.pnid .txt li:before {top:10px;}
	/* sub 02 02 */
	.gorag .cnt {padding:80px 0 100px;}
	.gorag .cnt01 .txt-box {margin-bottom:30px;}
	.gorag .cnt01 .txt-box p {font-size:16px;}
	.gorag .cnt01 .wrap {margin-bottom:80px;}
	.gorag .cnt01 .col {flex-wrap:wrap;}
	.gorag .cnt01 .row {margin-bottom:20px; width:50%;}
	.gorag .cnt01 .inner {padding:20px 20px 70px 20px;}
	.gorag .cnt01 .inner .num {font-size:18px; margin-bottom:8px;}
	.gorag .cnt01 .inner p {font-size:14px;}
	.gorag .cnt01 .inner .icon img {width:40px;}
	.gorag .cnt01 .box p {font-size:18px; margin-bottom:10px;}
	.gorag .cnt01 .box .img-box {margin-bottom:12px;}
	.gorag .cnt01 .box li {font-size:14px;}
	.gorag .cnt01 .box li:before {top:10px;}
	.gorag .cnt02 .col {margin:0; display:block;}
	.gorag .cnt02 .row {padding:0; width:100%; margin-bottom:30px;}
	.gorag .cnt02 .inner {padding:20px 20px 70px 20px;}
	.gorag .cnt02 .inner .num {font-size:18px; margin-bottom:8px;}
	.gorag .cnt02 .inner p {font-size:14px;}
	.gorag .cnt02 .inner .icon img {width:40px;}
	.gorag .cnt03 .col {flex-wrap:wrap; margin-bottom:40px;}
	.gorag .cnt03 .row {margin-bottom:20px; width:50%;}
	.gorag .cnt03 .inner {padding:20px 20px 70px 20px;}
	.gorag .cnt03 .inner h6 {font-size:20px; margin-bottom:8px;}
	.gorag .cnt03 .inner p {font-size:14px;}
	.gorag .cnt03 .inner .icon img {width:40px;}	
	/* sub 02 03 */
	.neo4j .txt-box {margin-bottom:30px;}
	.neo4j .txt-box p {font-size:16px; margin-bottom:16px;}
	.neo4j .txt-box.tt p {font-size:14px;}
	.neo4j .col {margin-bottom:60px; display:block;}
	.neo4j .col .img {margin-bottom:30px;}
	.neo4j .col .txt {padding-left:0; width:100%;}
	.neo4j .col .txt h6 {font-size:20px; margin-bottom:8px;}
	.neo4j .col .txt p {font-size:14px;}
	/* sub 03 01 */
	.making .cnt01 {margin-bottom:80px;}
	.making .cnt01 .col {margin:0 ; display:block;}
	.making .cnt01 .row {padding:0; width:100%; margin-bottom:30px;}
	.making .cnt02 .step p {font-size:18px;}
	.making .cnt02 .tx p {font-size:14px;}
	.making .cnt02 .tit-box {padding-left:50px;}
	.making .cnt02 .tit-box .txt {width:calc(50% - 20px);}
	.making .cnt02 .tit-box .txt p {width:80px; line-height:40px; font-size:16px;}
	.making .cnt02 .txt-box .txt {width:calc(50% - 20px); height:100px;}
	.making .cnt02 .txt-box .txt p {font-size:16px;}
	.making .cnt02 .txt-box .txt p span {font-size:14px;}
	.making .cnt02 .arrow {height:40px; width:40px;}
	.making .cnt02 .txt-box .arrow {height:100px;}
	/* sub 03 02 */
	.insurance .wrap { margin:0 auto 40px;}
	.insurance .wrap .col .row:after {height:16px; margin-top:-8px;}
	.insurance .wrap .icon {width:40px; height:40px;}
	.insurance .wrap p {padding-left:10px; font-size:14px;}
	/* sub 03 03 */
	.callcenter .col {margin:0; display:block;}
	.callcenter .row {padding:0; width:100%; margin-bottom:40px;}
	.callcenter .row:after {display:none;}
	.callcenter .img-box {margin-bottom:20px;}
	.callcenter .txt-box li {font-size:14px;}
	.callcenter .txt-box li:before {top:10px;}
	/* sub 03 04 */
	.communication .col {margin:0; display:block;}
	.communication .col .row {padding:0; width:100%; margin-bottom:40px;}
	.communication .inner .icon img {width:40px;}
	.communication .inner h5 {font-size:18px; margin-bottom:10px;}
	.communication .inner p {font-size:14px;}
	/* sub 03 05 */
	.market .text {margin-bottom:40px;}
	.market .text p {font-size:16px;}
	.market .cnt {margin-bottom:100px;}
	.market .txt-box {margin-bottom:40px;}
	.market .txt-box p {font-size:14px;}
	.market .txt-box p br {display:none;}
	
	/* sub 02 01 */
	.pnid .cnt01 {margin-bottom:40px;}
	.pnid .cnt01 .col > div {margin-bottom:30px;}
	.pnid .cnt01 .txt-box .tit {margin-bottom:20px;}
	.pnid .cnt01 .txt-box .tit p {font-size:18px; margin-bottom:10px;}
	.pnid .cnt01 .txt-box .tit h4 {font-size:24px;}
	.pnid .cnt01 .txt-box .txt p {font-size:14px;}

	.pnid .cnt02 {margin-bottom:100px;}
	.pnid .cnt02 .col {padding:30px 0;}
	.pnid .cnt02 .row {padding:0 15px; margin-bottom:30px;}
	.pnid .cnt02 h4 {font-size:18px; margin-bottom:14px;}
	.pnid .cnt02 li {font-size:14px;}
	.pnid .cnt02 li:before {top:10px;}

	.pnid .cnt03 .col {margin:0 auto 50px;}
	.pnid .cnt03 .col > div {margin-bottom:30px;}
	.pnid .cnt03 .col .txt-box .txt {margin-bottom:30px;}
	.pnid .cnt03 .col h4 {font-size:18px; margin-bottom:16px;}
	.pnid .cnt03 .col p {font-size:14px;}
	.pnid .cnt03 .col p:before {top:10px;}
	.pnid .cnt03 .img {margin-bottom:20px;}
	
}

@media (max-width: 480px) {
		.sub-visual {height:300px; padding-top:80px; padding-bottom:50px; background-size: 100% 100% !important;}
	
}