@charset "utf-8";

@media (max-width: 1400px) {
	
}

@media (max-width: 1024px) {
	#sub {position:relative; overflow:hidden;}
	/* sub-visual */
	.sub-visual {height:450px; padding-top:100px;}
	.sub-visual .title h2 {font-size:46px;}
	/* lnb */
	.lnb ul li:after {height:12px; margin-top:-6px;}
	.lnb ul li a {height:60px; font-size:16px;}
	.lnb ul li.active a:after {width:7px; height:7px; bottom:-4px; margin-left:-4px;}
	/* sub-title */
	.sub-title {padding-top:120px; margin-bottom:60px;}
	.sub-title h3 {font-size:40px; padding-top:24px;}
	.sub-title h3 span {width:24px; height:8px; margin-left:-12px;}
	.sub-title h3 span:before {width:8px; height:8px;}
	.sub-title p {font-size:20px; padding-top:24px;}
	/* sub */
	.real-cont {padding-bottom:160px;}

	.cnt-tit {margin-bottom:60px;}
	.cnt-tit h4 {font-size:30px; padding-top:24px;}
	.cnt-tit h4:before {width:8px; height:8px; margin-left:-4px;}
	.cnt-tit h5 {font-size:28px;}
	.cnt-tit p {font-size:20px; margin-top:28px;}
	/* sub 01 02 */
	.greeting .img-box {margin-bottom:80px;}
	.greeting .col {display:block;}
	.greeting .tit-box {max-width:none; margin-bottom:80px;}
	.greeting .tit-box h4 {font-size:28px;}
	.greeting .txt-box {width:100%; padding-left:0;}
	.greeting .txt-box p {font-size:18px; margin-bottom:32px;}
	.greeting .txt-box .sign {font-size:20px;}
	.greeting .txt-box .sign img {width:130px; margin-left:10px;}
	.greeting .greeting-logo img {width:600px;}
	/* sub 01 03 */
	.history .img-box {margin-bottom:80px;}
	.history .col {display:block; padding-bottom:0;}
	.history .col:after {height:calc(100% - 30px); top:30px; left:10px;}
	.history .txt-box .m-year {display:block; font-size:60px; color:#00aeef; font-weight:600; line-height:1.2em; margin-bottom:50px;}
	.history .year {display:none;}
	.history .wrap {width:100%; padding-left:30px;}
	.history .txt-box {margin-bottom:80px;}
	.history .txt-box:before {width:15px; height:15px; top:30px; left:-27px;}
	.history .txt-box .txt {margin-bottom:20px; padding-left:10px;}
	.history .txt-box .txt .month {max-width:70px; font-size:18px;}
	.history .txt-box .txt p {font-size:18px;}
	/* sub 01 04 */
	.partner .col {margin:0 -12px;}
	.partner .col .row {padding:0 12px; margin-bottom:24px;}
	.partner .inner {border-radius:10px; height:200px; padding:10px;}
	.partner .inner .over {display:none;}
	/* sub 01 06 */
	.directions .cnt {margin-bottom:120px;}
	.directions .tit-box {margin-bottom:40px;}
	.directions .tit-box h4 {font-size:28px; padding-right:24px;}
	.directions .tit-box h4:before {width:8px; height:8px; bottom:6px;}
	.directions .maps {height:350px; margin-bottom:30px;}	
	.directions .txt-box {padding-right:0;}
	.directions .txt-box .btns {position:relative; margin-bottom:30px;}
	.directions .txt-box .btns ul {display:flex; justify-content:flex-end;}
	.directions .txt-box .btns ul li a {width:50px; height:50px;}
	.directions .txt-box dl {font-size:18px;}
	.directions .txt-box dt {max-width:110px;}
	/* sub 02 */
	.solution-title {margin-bottom:100px;}
	.solution .solution-title .icon {top:-20px; right:-20px;}
	.solution .solution-title .icon img {width:100px;}
	.solution .cnt {margin-bottom:100px;}
	
	.solution .function-col {display:block; margin:0; border-bottom:1px dashed #ddd;}
	.solution .function-col .row {width:100%; padding:0;}
	.solution .function-col .row:after {display:none;}
	.solution .function-col .inner .tit {border-radius:10px; margin-bottom:10px;}
	.solution .function-col .inner .tit h5 {font-size:18px;}
	.solution .function-col .inner .txt {padding:30px 20px;}
	.solution .function-col .inner .txt:last-child {border-bottom:0;}
	.solution .function-col .inner p {font-size:18px; padding-left:14px;}
	.solution .function-col .inner p:before {width:5px; height:5px; top:12px;}
	
	.solution .results-wrap .tit {margin-bottom:40px;}
	.solution .results-wrap .tit h5 {font-size:28px; padding-right:20px;}
	.solution .results-wrap .tit h5:after {width:8px; height:8px; bottom:5px;}
	.solution .results-wrap .col {display:block; margin-bottom:80px;}
	.solution .results-wrap .img {margin:0 auto 60px;}
	.solution .results-wrap .img p {font-size:18px; padding-left:24px; margin-top:20px;}
	.solution .results-wrap .img p:before {top:10px;}
	.solution .results-wrap .txt {width:100%; padding-left:0;}
	.solution .results-wrap .txt h6 {font-size:24px; margin-bottom:20px;}
	.solution .results-wrap .txt li {font-size:18px; padding-left:10px; margin-bottom:10px;}
	.solution .results-wrap .txt li:before {top:13px;}
	/* sub 02 01*/
	.bdms .cnt02 .col {display:block; margin:0; border-bottom:1px dashed #ddd;}
	.bdms .cnt02 .col .row {width:100%; padding:0;}
	.bdms .cnt02 .col .row:after {display:none;}
	.bdms .cnt02 .inner .tit {border-radius:15px; margin-bottom:10px;}
	.bdms .cnt02 .inner .tit h5 {font-size:18px;}
	.bdms .cnt02 .inner .txt {padding:0;}
	.bdms .cnt02 .inner .txt .box {padding:30px 20px;}
	.bdms .cnt02 .inner .txt .box:last-child {border-bottom:0;}
	.bdms .cnt02 .inner .txt .box p {font-size:18px; padding-left:12px;}
	.bdms .cnt02 .inner .txt .box p:before {width:5px; height:5px; top:12px;}
	/* sub 02 02*/
	.monitor .cnt01 .img-box {margin-bottom:80px;}
	.monitor .function-col .inner .txt {min-height:auto;}
	/* sub 02 03 */
	.fervent .cnt01 .img-box {margin-bottom:80px;}
	.fervent .function-col .inner .txt {min-height:auto;}
	/* sub 02 04 */
	.cell .cnt01 .col {display:block; margin-bottom:20px;}
	.cell .cnt01 .col .row {margin:0 auto 60px;}
	.cell .cnt01 .col .inner p {font-size:18px; padding-left:24px; margin-top:20px;}
	.cell .cnt01 .col .inner p:before {top:11px;}
	.cell .function-col .inner .txt {min-height:auto;}
	/* sub 03 */
	.product .cnt {margin-bottom:100px;}
	.product .product-title {margin-bottom:100px;}
	.product .product-title .img img {border-radius:20px;}
	.product .product-title .icon {top:-20px; right:-20px;}
	.product .product-title .icon img {width:100px;}
	.product .function-box {padding:50px 0; margin-bottom:60px;}
	.product .function-box ul:after {height:100%; top:0; margin-top:0;}
	.product .function-box ul li {padding:0 20px; margin-bottom:10px;}
	.product .function-box ul li p {font-size:18px; padding-left:12px;}
	.product .function-box ul li p:before {top:10px;}

	.product .outcome {padding:100px 0 140px;}
	/* sub 03 01 */
	.ess .cnt01 .col {margin:0 -10px 20px;}
	.ess .cnt01 .col .row {width:33.33333%; padding:0 10px; margin-bottom:20px;}
	.ess .cnt02 .col {margin:0 -10px -20px; padding:0;}
	.ess .cnt02 .col .row {width:33.333333%; padding:0 10px; margin-bottom:20px;}
	.ess .cnt02 .inner {padding:30px 20px;}
	.ess .cnt02 .inner p {font-size:18px;}
	/* sub 03 02 */
	.ev .cnt01 .col {margin:0 -10px -20px;}
	.ev .cnt01 .col .row {padding:0 10px; margin-bottom:20px;}
	.ev .cnt02 .col {margin:0 -10px -20px;}
	.ev .cnt02 .col .row {width:33.33333%; padding:0 10px; margin-bottom:20px;}
	.ev .cnt02 .inner {height:100%;}
	.ev .cnt02 .inner p {font-size:18px; margin-top:16px;}
	/* sub 03 03 */
	.control .cnt {margin-bottom:100px;}
	.control .col {flex-wrap:wrap; margin:0 -10px -20px;}
	.control .col .row {width:50%; padding:0 10px; margin-bottom:20px;}
	.control .inner p {font-size:18px; padding-left:24px; margin-top:20px;}
	.control .inner p:before {top:10px;}
	/* sub 03 04 */
	.stand .tit h4 {font-size:18px; margin-bottom:10px;}
	.stand .col {display:block;}
	.stand .col .row {width:100%;}
	.stand .col .row:after {display:none;}
	.stand .inner {display:flex; align-items:center; padding:40px 20px; width:100%; border-bottom:1px dashed #ddd;}
	.stand .inner .box {width:50%; padding:0; border-bottom:0; border-right:1px solid #ddd; height:100%;}
	.stand .inner .box:last-child {border-right:0;}
	.stand .inner .box p {font-size:18px; margin-top:30px;}
	.stand .inner .box p.dot {padding-left:24px;}
	.stand .inner .box p.dot:before {top:10px;}



}

@media (max-width: 640px) {
	
	/* sub-visual */
	.sub-visual {height:320px; padding-top:80px;}
	.sub-visual .title h2 {font-size:36px;}
	/* lnb */
	.lnb ul li:after {height:10px; margin-top:-5px;}
	.lnb ul li a {height:50px; font-size:14px;}
	.lnb ul li.active a:after {width:5px; height:5px; bottom:-3px; margin-left:-3px;}
	/* sub-title */
	.sub-title {padding-top:80px; margin-bottom:40px;}
	.sub-title h3 {font-size:28px; padding-top:20px;}
	.sub-title h3 span {width:20px; height:6px; margin-left:-10px;}
	.sub-title h3 span:before {width:6px; height:6px;}
	.sub-title p {font-size:18px; padding-top:20px;}
	.sub-title p br {display:none;}
	/* sub */
	.real-cont {padding-bottom:120px;}

	.cnt-tit {margin-bottom:40px;}
	.cnt-tit h4 {font-size:24px; padding-top:18px;}
	.cnt-tit h4:before {width:6px; height:6px; margin-left:-3px;}
	.cnt-tit h5 {font-size:20px;}
	.cnt-tit p {font-size:16px; margin-top:20px;}
	.cnt-tit p br {display:none;}
	/* sub 01 02 */
	.greeting .img-box {margin-bottom:60px; border-radius:10px;}
	.greeting .tit-box {margin-bottom:40px;}
	.greeting .tit-box h4 {font-size:20px;}
	.greeting .txt-box p {font-size:14px; margin-bottom:20px;}
	.greeting .txt-box .sign {font-size:16px;}
	.greeting .txt-box .sign img {width:100px;}
	.greeting .greeting-logo img {width:380px;}
	/* sub 01 03 */
	.history .col:after {height:calc(100% - 10px);}
	.history .img-box {margin-bottom:60px; border-radius:10px;}
	.history .txt-box .m-year {font-size:30px; margin-bottom:30px;}
	.history .txt-box {margin-bottom:60px;}
	.history .txt-box:before {width:15px; height:15px; top:10px; left:-27px;}
	.history .txt-box .txt {display:block;}
	.history .txt-box .txt .month {max-width:none; font-size:16px; margin-bottom:10px;}
	.history .txt-box .txt p {font-size:16px; width:100%;}
	/* sub 01 04 */
	.partner .col {margin:0 -10px;}
	.partner .col .row {padding:0 10px; margin-bottom:20px; width:50%;}
	/* sub 01 06 */
	.directions .cnt {margin-bottom:100px;}
	.directions .tit-box {margin-bottom:30px;}
	.directions .tit-box h4 {font-size:24px; padding-right:20px;}
	.directions .maps {height:250px; margin-bottom:20px;}	
	.directions .txt-box .btns {margin-bottom:20px;}
	.directions .txt-box .btns ul li a {width:40px; height:40px;}
	.directions .txt-box dl {font-size:16px; display:block; margin-bottom:10px;}
	.directions .txt-box dt {max-width:none;}
	.directions .txt-box dd {width:100%;}
	/* sub 02 */
	.solution-title {margin-bottom:80px; border-radius:10px;}
	.solution .solution-title .icon img {width:80px;}
	.solution .cnt {margin-bottom:80px;}
	.solution .function-col .inner .tit h5 {font-size:16px;}
	.solution .function-col .inner .txt {padding:20px;}
	.solution .function-col .inner p {font-size:16px; padding-left:10px;}
	.solution .function-col .inner p:before {width:4px; height:4px; top:10px;}
	.solution .results-wrap .tit {margin-bottom:30px;}
	.solution .results-wrap .tit h5 {font-size:20px; padding-right:18px;}
	.solution .results-wrap .tit h5:after {width:6px; height:6px; bottom:3px;}
	.solution .results-wrap .col {margin-bottom:60px;}
	.solution .results-wrap .img {margin:0 auto 30px;}
	.solution .results-wrap .img p {font-size:14px; padding-left:20px;}
	.solution .results-wrap .img p:before {top:7px;}
	.solution .results-wrap .img .row {margin:0 -8px;}
	.solution .results-wrap .img .row img {margin:0 8px;}
	.solution .results-wrap .txt h6 {font-size:18px;}
	.solution .results-wrap .txt li {font-size:14px;}
	.solution .results-wrap .txt li:before {top:10px; width:3px; height:3px;}
	/* sub 02 01*/
	.bdms .cnt02 .inner .tit {border-radius:10px;}
	.bdms .cnt02 .inner .tit h5 {font-size:16px;}
	.bdms .cnt02 .inner .txt .box {padding:20px;}
	.bdms .cnt02 .inner .txt .box p {font-size:14px; padding-left:10px;}
	.bdms .cnt02 .inner .txt .box p:before {width:3px; height:3px; top:10px;}
	/* sub 02 02*/
	.monitor .cnt01 .img-box {margin-bottom:40px;}
	/* sub 02 03 */
	.fervent .cnt01 .img-box {margin-bottom:40px;}
	/* sub 02 04 */	
	.cell .cnt01 .col .row {margin:0 auto 40px;}
	.cell .cnt01 .col .inner p {font-size:14px; padding-left:20px;}
	.cell .cnt01 .col .inner p:before {top:7px;}
	/* sub 03 */
	.product .cnt {margin-bottom:80px;}
	.product .product-title {margin-bottom:80px;}
	.product .product-title .img img {border-radius:10px;}
	.product .product-title .icon {top:-20px; right:-20px;}
	.product .product-title .icon img {width:80px;}
	
	.product .function-box {padding:0; margin-bottom:30px;}
	.product .function-box ul {display:block; padding:20px;}
	.product .function-box ul:after {display:none;}
	.product .function-box ul li {padding:0; width:100%;}
	.product .function-box ul li p {font-size:14px; padding-left:10px;}
	.product .function-box ul li p:before {top:8px; width:3px; height:3px;}
	
	.product .outcome {padding:80px 0 100px;}
	/* sub 03 01 */
	.ess .cnt01 .col .row {width:50%;}
	.ess .cnt02 .col .row {width:50%;}
	.ess .cnt02 .inner {padding:20px;}
	.ess .cnt02 .inner p {font-size:14px;}
	.ess .cnt02 .inner .icon img {width:60px;}
	/* sub 03 02 */
	.ev .cnt02 .col .row {width:50%;}
	.ev .cnt02 .inner p {font-size:14px; margin-top:10px;}
	.ev .cnt02 .inner .icon img {width:60px;}
	/* sub 03 03 */
	.control .inner p {font-size:14px; padding-left:20px;}
	.control .inner p:before {top:7px;}
	
	/* sub 03 04 */
	.stand .tit h4 {font-size:16px;}
	.stand .col .row {padding:0; border-bottom:0; margin-bottom:40px;}
	.stand .inner {display:block; text-align:center; padding:0 20px; border-bottom:1px solid #0098ff;}
	.stand .inner .box {width:100%; border-right:0; border-bottom:1px solid #ddd; padding:20px 0;}
	.stand .inner .box:last-child {border-bottom:0;}
	.stand .inner .box p {font-size:14px; margin-top:20px;}
	.stand .inner .box p.dot {padding-left:20px;}
	.stand .inner .box p.dot:before {top:7px;}
	
	
	
	
}

@media (max-width: 400px) {
	
	.sub-visual {height:280px;}
	.lnb ul li a {padding:4px 6px;}
	
	.greeting .greeting-logo img {width:280px;}
	
	
	
}