@charset "utf-8";

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

@media (max-width: 1840px) {

	/* sub */
    .one-page .section {padding-left:220px;}

    .history {padding-right:30px;}
    .history .slick-list {margin:0 -20px 0 0;}
    .history .slick-track {margin-left:0; margin-right:0;}
    .history .item {padding:0 20px 0 0;}
    .history .slick-arrow.slick-prev {left:-30px;}
    .history .slick-arrow.slick-next {right:-30px;}
    


    
	
}


@media (max-width: 1240px) {

	/* header */
    #gnb {padding-right:160px;}

    /* main */
    .main-weare {padding:150px 0 400px;}
    .main-weare .title {margin-bottom:120px;}
    .main-weare ul li .count {font-size:80px;}

    .main-what {margin-bottom: 160px;}

    .main-core {margin-bottom: 120px;}

    .main-networks {padding:120px 0 140px;}
    .main-networks .group {margin-bottom: 180px;}
   
   
	/* footer */
   

    /* sub */
    .sub-vis {height:700px;}
    .sub-vis .content {bottom:240px;}

    .xdn-head .video {width:600px;}
    .xdn-head .info .cnt br {display:none;}

    .server-hosting-inner ul {margin-left:-20px;}
    .server-hosting-inner ul li {width:calc(33.333333% - 20px); margin-left:20px; padding: 30px;}
    .server-hosting-inner ul li .title {font-size:1.8rem; margin-bottom:15px;}
    .server-hosting-inner ul li p {font-size:1.2rem; margin-bottom:20px;}
    .server-hosting-inner ul li .box {padding:30px;}
    .server-hosting-inner ul li .box dl dt {font-size:1.2rem;}
    .server-hosting-inner ul li .box dl dd {font-size:1.2rem;}

    .one-page .section {padding: 100px 0 100px 220px;}

    .greeting .wrap .title {font-size:3rem}
    .greeting .wrap  br {display:none;}

    .greeting .image {height:420px; margin-bottom: 50px;}
    .greeting .image .logo {bottom:40px; right:100px;}
    .greeting .image .logo img {height:90px;}
    .greeting .wrap .title {width:50%; font-size:2.4rem;padding-right:40px;}
    .greeting .wrap .info {width:50%; font-size:1.4rem;}
    .greeting .wrap .info .cnt {margin-bottom: 20px;}
    .greeting .wrap .info .last {font-size:1.3rem;}

    .history {padding-right:30px;}
    .history .slick-list {margin:0 -20px 0 0;}
    .history .item {padding:0 20px 0 0;}
    .history .item .box {padding:30px 40px;}
    .history .item .year {margin-bottom:16px; font-size:2rem}
    .history .item ul li {padding-left: 22px; font-size:1.2rem}
    .history .item ul li:before {top:.5rem}
    .history .slick-arrow {width:60px; height:60px; background-size:14px;}
    .history .slick-arrow.slick-prev {left:-30px;}
    .history .slick-arrow.slick-next {right:-30px}

    
	

}


@media (max-width: 1440px) {
	
	/* header */
   
    
	/* main */
    .main-what .slick-arrow  {width:66px; height: 66px;}
    .main-what .slick-arrow.slick-prev {left:10px;} 
    .main-what .slick-arrow.slick-next {right:10px;} 

    /* footer */
    

	/* sub */
    .utm-inner ul li .colocation-box .row {margin:0 -30px;}
    .utm-inner ul li .colocation-box .col {padding:0 30px;}
    .utm-inner ul li .colocation-box .col .circle {width:200px; height: 200px;}

    .server-hosting-inner ul {margin-left:-20px;}
    .server-hosting-inner ul li {width:calc(33.333333% - 20px); margin-left:20px;}
    .server-hosting-inner ul li p {height:calc(1.4em * 1 * 3);}
    .server-hosting-inner ul li p br {display:none;}

    :lang(en) .server-hosting-inner ul li .title {height:calc(1.4em * 1 * 3);}
    :lang(en) .server-hosting-inner ul li p {height:calc(1.4em * 1 * 4);}

    

	/* board */
	


}

@media (max-width: 1140px) {

    /* main */
    
    /* FOOTER */   
   

    /* sub */
    
}   

/* Landscape tablet */
@media (max-width: 1024px) {

	/* header */
    #header .inner {height:80px;}
	#gnb {display:none;}


    .sitelogo {margin-top:-18px;}
    .sitelogo a {height:36px;} 

    .lang {right:70px;}
	
	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}

	
	/* main */
    .main-visual {height:90vh;}
    .main-visual .content .tit {font-size:4rem; margin-bottom:16px;}
    .main-visual .content .txt {font-size:2rem;}
    .top-scroll {bottom:50px; left:20px;}
    .top-scroll .circle {width:100px; height:100px;}
    .top-scroll .down {width:12px;}

    .main-weare {padding:110px 0 300px;}
    .main-weare .title {margin-bottom:80px;}
    .main-weare .title h2 {font-size:4.1rem; margin-right:80px;}
    .main-weare .title p {font-size:1.8rem;}
    .main-weare ul li:after {height:70px; margin-top:-35px;}
    .main-weare ul li .count {font-size:4rem; margin-bottom:25px;}
    .main-weare ul li p {font-size:1.4rem;}

    .main-title {margin-bottom: 50px;}
    .main-title h2 {font-size:2.5rem; margin-bottom:12px;}
    .main-title p {font-size:1.3rem;}
    .main-what {margin-bottom: 120px;}
    .main-what .slick-list {margin:0 -16px;}
    .main-what li {margin:0 16px;}
    .main-what .thumb {padding-bottom:40%;}
    .main-what .content {padding-left:60px;}
    .main-what .content h3 {font-size:1.8rem; margin-bottom:10px;}
    .main-what .content p {font-size:1.3rem;}
    .main-what .content .more {width:160px; height:46px; padding:0 20px; font-size:1.1rem;}
    .main-what .content .more:after {right:20px; width:30px;}
    .main-what .slick-arrow {width:60px; height:60px; background-size:16px;}
    .main-what .slick-dots {top:-70px;}
    .main-what .slick-dots li {margin:0 6px;}
    .main-what .slick-dots li button {width:10px; height:10px;}

    .main-core {margin-bottom: 100px;}
    .main-core .more {top:60px; width:160px; height:46px; padding:0 20px; font-size:1.1rem;}
    .main-core .more:after {right:20px; width:30px;}
    .main-core ul {margin-left:-30px;}
    .main-core ul li {width:calc(50% - 30px); margin-left:30px; height: auto; padding: 160px 40px 60px;}
    .main-core ul li dl dt {font-size:2.6rem; margin-bottom:16px;}
    .main-core ul li dl dd {padding-left: 20px; font-size:1.3rem;}
    .main-core ul li dl dd::before {top:15px; width:6px; height: 6px;}
    .main-core ul li .ico {top:40px; right:40px;}
    .main-core ul li .ico img {height:160px;}

    .main-networks {padding:100px 0 110px;}
    .main-networks .group {margin-bottom: 120px;}
    .main-networks .title {margin-bottom: 40px;}
    .main-networks .title h2 {font-size:1.4rem; margin-bottom:26px;}
    .main-networks .title p {font-size:2rem;}
    .main-networks ul {margin:0 -40px;}
    .main-networks ul li {padding:0 40px;}
    .main-networks ul li:after {height:70px; margin-top:-35px;}
    .main-networks ul li .ico {margin-bottom:20px;}
    .main-networks ul li .ico img {height:160px;}
    .main-networks ul li p {font-size:1.4rem;}
    .main-networks .box {padding: 120px 40px;}
    .main-networks .box .more {height:54px; padding:0 90px; font-size:1.2rem;}

    

    /* FOOTER */  
    
    
	/* sub */
    .real-cont {padding-bottom:80px;}

    .sub-vis {height:600px; margin-bottom:80px;}
    .sub-vis .content {bottom:240px;}
    .sub-vis .content em {font-size:1.3rem;}
    .sub-vis .content h2 {font-size:5rem;}

    
    #lnb {margin-bottom:80px;}
    .lnb {padding:0;}
    .lnb ul {margin-right:-10px;}
    .lnb ul li {flex:1; margin-right:10px;}
    .lnb ul li a {padding-top:18px; height:68px; font-size:1.3rem;}
    .lnb ul li a:after {height:3px;}
    .lnb ul li a:before {width:6px; height: 6px; margin-left:-3px;}

    .lnb-menu {margin-bottom: 36px;}
    .lnb-menu ul li {padding: 0 25px;}
    .lnb-menu ul li:after {height:26px; margin-top:-13px;}
    .lnb-menu ul li a {width:260px; height:56px; font-size:1.3rem; border-radius: 56px;}

    .sub-title {margin-bottom: 50px;}
    .sub-title h3 {font-size:2.6rem;}
    .sub-title .txt {font-size:2.1rem; margin:20px 0 10px;}
    .sub-title .p-txt {font-size:1.4rem;}
    .sub-title p {font-size:1.3rem;}
    .sub-title.b-line {padding-bottom:40px;}

    .sub-more {width:160px; height:46px; padding:0 20px; font-size:1rem;}
    .sub-more:after {right:20px; width:30px;}

    .cloud-head {height:auto; padding:6rem 4rem; margin-bottom: 120px;}
    .cloud-head .content {padding:0;}
    .cloud-head .content .tit {font-size:4rem;}
    .cloud-head .content .cnt {font-size:1.3rem; margin-bottom:30px;}

    .fitcloud {margin-bottom: 120px;}
    .fitcloud .box {margin-bottom:12px; padding: 2rem 2rem;}
    .fitcloud .box:last-child {margin-bottom:0;}
    .fitcloud .box .ico {width: 60px; height: 60px; margin-right: 30px;}
    .fitcloud .box dl dt {font-size:1.4rem;}
    .fitcloud .box dl dd {font-size:1.2rem;}

    .aws-networks {padding: 120px 0;}
    .aws-networks .group {margin-bottom: 80px;}
    .aws-networks .group .photo {width:45%;}
    .aws-networks .group .info {width:55%; padding:0 40px;}
    .aws-networks .group .info h4 {font-size:2rem;}
    .aws-networks .group .info p {font-size:1.4rem; margin-bottom: 15px;}
    .aws-networks .group .info ul li {font-size:1.2rem;}
    .aws-networks .group .info .sub-more {margin-top: 25px;}
    .aws-networks.ncloud {margin-bottom:100px;}

    .aws-service {padding: 120px 0;}
    .aws-service .aws-links {margin-bottom: 120px; padding:0 40px;}
    .aws-service .aws-links ul {margin-left: -20px;}
    .aws-service .aws-links ul li {width:calc(33.333333% - 20px); margin-left:20px; }
    .aws-service .aws-links ul li a {padding:50px 20px;}
    .aws-service .aws-links ul li .logo {margin-bottom:30px;}
    .aws-service .aws-links ul li .logo img {height: 80px;}
    .aws-service .aws-links ul li .tit {font-size:1.4rem; margin-bottom: 12px}
    .aws-service .aws-links ul li p {font-size:1.2rem;margin-bottom: 40px;}
    .aws-service .box {padding: 120px 20px;}
    .aws-service .box h3 {font-size:1.5rem; margin-bottom:20px;}
    .aws-service .box .txt {font-size:2rem;}
    .aws-service .box p {font-size:1.4rem ;margin-bottom:50px;}
    .aws-service .box .more {height:54px; width:260px;font-size:1.1rem;}

    .business-inner .group {padding: 5rem 0;}


    .xdn-head .info {padding-right: 50px;}
    .xdn-head .info h2 {font-size:2.5rem; margin-bottom:16px;}
    .xdn-head .info .cnt {font-size:1.2rem;margin-bottom:20px;}
    .xdn-head .video {width:500px;}

    .xdn-features ul li {padding:30px 60px;}
    .xdn-features ul li .num {width:84px; font-size:1.6rem;}
    .xdn-features ul li .info {font-size:1.3rem;}

    .xdn-service {padding:40px;}
    .xdn-service.nodes {padding: 40px;}
    .xdn-service.nodes .msp {margin-bottom: 60px;}
    .xdn-service.nodes .box {padding:50px 20px}

    .xdn-maps .box {padding:40px 20px;}

    .utm-head {height:400px;}
    .utm-head .content {padding-left: 60px;}
    .utm-head .content .tit {font-size:3rem; margin-bottom:12px;}
    .utm-head .content p {font-size:1.3rem;}

    .utm-inner .box {margin-bottom: 50px; padding: 40px 20px;}
    .utm-inner ul li {margin-bottom: 20px; padding:20px 60px; }
    .utm-inner ul li .num {width:60px; font-size:1.6rem;}
    .utm-inner ul li .info dl dt {font-size:1.3rem; margin-bottom:10px;}
    .utm-inner ul li .info dl dd {font-size:1.1rem;}
    .utm-inner ul li .info dl dd:before { top:10px; width:5px; height: 5px;}
    .utm-inner ul li .wrap {margin-bottom: 50px;}
    .utm-inner ul li .colocation-box {padding: 30px; margin-bottom:20px;}
    .utm-inner ul li .colocation-box .row {margin:0 -25px;}
    .utm-inner ul li .colocation-box .col {padding:0 25px;}
    .utm-inner ul li .colocation-box .col:after {top:34%; left:-15px; margin-top:-15px; width:30px; height:30px;}
    .utm-inner ul li .colocation-box .col .circle {width:180px; height: 180px; margin:0 auto 15px; font-size:1.5rem;}
    .utm-inner ul li .colocation-box .col .tit {font-size:1.3rem ;}
    .utm-inner ul li .colocation-box .col br {display:none;}
    .utm-inner.colocation ul li {padding:30px;}
    .utm-inner.colocation ul li .ico {width:40px; margin-right: 30px;}
    .mb110 {margin-bottom:80px !important;}

    .sub-tit {margin-bottom:15px; font-size:2rem;}

    .colocation-service { margin-bottom:80px;}
    .colocation-service .item {padding: 40px;}
    .colocation-service .item .ico {width:80px;}
    .colocation-service .item .ico img {height: 50px;}
    .colocation-service .item .info .tit {font-size:1.3rem;}
    .colocation-service .item .info p {font-size:1.1rem; margin-bottom:20px;}
    .colocation-service .item .info .txt {font-size:1.1rem; margin-bottom:20px;}
    .colocation-service .item .info .box {padding: 20px; font-size:1.1rem;}
    .colocation-service .item .info .box dl dd {padding-left: 15px}
    .colocation-service .item .info .box dl dd:before {top:10px; width:5px; height: 5px;}

    .colocation-solution {margin-bottom:80px;}
    .colocation-solution ul {margin-left:-20px; margin-bottom:-20px;}
    .colocation-solution ul li {width:calc(33.333333% - 20px); margin-left:20px; margin-bottom:20px; padding:40px;}
    .colocation-solution ul li .ico {margin-bottom: 50px;}
    .colocation-solution ul li .ico img {height:70px;}
    .colocation-solution ul li .num {font-size:2rem; margin-bottom:10px;}
    .colocation-solution ul li dl dt {font-size:1.3rem; margin-bottom:12px;}
    .colocation-solution ul li dl dd {font-size:1.1rem;}
    .colocation-solution ul li dl dd:before { top:10px; width:5px; height: 5px;}
    .colocation-solution.hosting ul li {padding:30px;}
    .colocation-solution.hosting ul li .ico {margin-bottom:25px;}

    .colocation-solution-inner ul li dl dt {padding: 12px 20px; font-size:1.4rem;}
    .colocation-solution-inner ul li dl dd {padding: 13px 10px;}
    .colocation-solution-inner ul li dl dd p {height:44px; border-radius: 44px; font-size:1.3rem; margin-bottom:10px;}
    .colocation-solution-inner ul li:first-child dl dt {padding-left:20px;}
    .colocation-solution-inner ul li:first-child dl dd {padding-left:20px;}
    .colocation-solution-inner ul li:last-child  dl dt {padding-right:20px;}
    .colocation-solution-inner ul li:last-child dl dd {padding-right:20px;}

    .colocation-choice ul li {padding:16px 20px; font-size:1.3rem; }
    .colocation-choice ul li .title {width:240px; height:52px;border-radius: 52px;}
    .colocation-choice ul li .title:before {margin-right:11px; width:20px; height: 20px}
    .colocation-choice ul li .info {padding-left:30px}

    .server-hosting-inner ul {display:block; margin-left:0;}
    .server-hosting-inner ul li {width:100%; margin-left:0; margin-bottom:20px;}
    .server-hosting-inner ul li .title {margin-bottom:14px; height:auto; display:block;}
    .server-hosting-inner ul li p {height:auto;}
    .server-hosting-inner ul li .box {padding:25px;}
    .server-hosting-inner ul li .box dl dt {width:100%; margin:0 auto 15px;}

    :lang(en) .server-hosting-inner ul li .title {height:auto;}
    :lang(en) .server-hosting-inner ul li p {height:auto;}

    .hosting-program {padding: 30px; margin-bottom:80px;}
    .hosting-program .tit {font-size:1.3rem;}
    .hosting-program p {font-size:1.1rem ; margin-bottom:15px;}
    .hosting-program .box {padding: 24px;}
    .hosting-program .box ul { margin:0 -8px;}
    .hosting-program .box ul li {padding:0 8px; font-size:1.1rem;}

    .hosting-partner {height:300px; padding:0 40px;}
    .hosting-partner .tit {font-size:2.4rem; margin-bottom:12px;}
    .hosting-partner p {font-size:1.1rem ;}

    .hosting-caution ul li {padding:25px 60px;}
    .hosting-caution ul li .num {width:60px; font-size:1.8rem;}
    .hosting-caution ul li .info dl dt {font-size:1.3rem; margin-bottom:10px;}
    .hosting-caution ul li .info dl dd {font-size:1.1rem; margin-bottom:10px;}
    .hosting-caution ul li .info dl dd:before {top:10px; width:5px; height: 5px;}

    .one-page .section {padding: 5rem 0;}

    .onepage-menu {top:0; width:100%; padding:16px 0 6px;}
    .onepage-menu ul {display:flex; margin-bottom:0;}
    .onepage-menu ul li {padding:0 20px; margin-bottom:0;}
    .onepage-menu ul li a {padding:0 20px 10px; font-size:1.2rem;}
    .onepage-menu ul li a:before {top:8px; left:0; width:8px; height:8px;}
    .onepage-menu.fixed {top:81px; background:#fff; border-bottom: 1px solid #dedede;}

    .greeting .image {height:360px; margin-bottom: 50px;}
    .greeting .image .logo {bottom:60px; right:60px}
    .greeting .image .logo  img {height:60px;}
    .greeting .wrap .title {padding-right:20px;}
    .greeting .wrap .info {font-size:1.2rem}
    .greeting .wrap .info .cnt {margin-bottom: 16px;}


    .history {padding:0 30px;}
    .history .slick-list {margin:0 -20px 0 0;}
    .history .item {padding:0 20px 0 0;}
    .history .item .box {padding:30px;}
    .history .item ul li {padding-left: 22px;}
    .history .item ul li:before {top:.4rem}
    .history .slick-arrow {width:50px; height:50px; background-size:12px;}
    .history .slick-arrow.slick-prev {left:-25px;}
    .history .slick-arrow.slick-next {right:-25px}

    .business-content ul {margin-left:-20px; margin-bottom:-20px;}
    .business-content ul li {width:calc(50% - 20px); margin-left:20px; margin-bottom:20px; padding:60px;}
    .business-content ul li .ico {margin-bottom:15px;} 
    .business-content ul li .ico img {height:80px;}
    .business-content ul li dl dt {font-size:2rem; margin-bottom:20px;}
    .business-content ul li dl dd {padding-left:25px; font-size:1.3rem;}
    .business-content ul li dl dd:before {top:10px;}

    .solution-inner ul {margin-left:-20px;}
    .solution-inner ul li {width:calc(50% - 20px); margin-left:20px; padding:50px 40px;}
    .solution-inner ul li .title {font-size:2.2rem; margin-bottom:16px;}
    .solution-inner ul li .box {padding:22px 30px;}
    .solution-inner ul li .box dl dd {padding-left: 30px; font-size:1.2rem;}
    .solution-inner ul li .box dl dd:before {top:5px;  width:18px; height: 18px;}

    .patent-list ul li {padding:2rem 1.4rem}
    .patent-list ul li::before {left:1.4rem; top:2rem; font-size:2rem;} 
    .patent-list ul li .info {padding-left:60px;}
    .patent-list ul li .info .num {width:84px;  font-size:2rem;}
    .patent-list ul li .info .content {font-size:1.2rem;}
    .patent-list ul li .info .content .tit {margin-bottom:12px;}
    .patent-list ul li .btns {margin-left:50px;}
    .patent-list ul li .btns a {width:160px; height:54px; }
    .patent-list ul li .btns a:before {font-size:1.1rem;} 

    .core-inner ul {margin:0 -10px;}
    .core-inner ul li {padding: 0 10px;}
    .core-inner ul li .pic {margin-bottom:50px;}
    .core-inner ul li dl dt {font-size:1.65rem; margin-bottom: 15px;}
    .core-inner ul li dl dd {padding-left:15px; font-size:1.1rem;}
    .core-inner ul li dl dd:before {top:8px}

    .mission-inner ul {margin-left:-20px;}
    .mission-inner ul li {width:calc(50% - 20px); margin-left: 20px; padding: 3rem 2.5rem; height: 560px;}
    .mission-inner ul li .tit {font-size:3rem; margin-bottom:16px;}
    .mission-inner ul li .cnt {font-size:1.45rem; margin-bottom:12px;}
    .mission-inner ul li dl dd {padding-left:15px; font-size:1.2rem;}
    .mission-inner ul li dl dd:before {top:10px;}

    #map {margin-bottom: 60px;}
    #map iframe {height:500px !important;}

    .location-inner .logo {width:260px; margin-right: 70px;}
    .location-inner .logo img {height:60px;}
    .location-inner .info {font-size:1.3rem ;}
    .location-inner .info p {padding-left: 40px; margin-bottom:16px;}
    .location-inner .info p:before {top:0; width:26px; height: 26px;}
    .location-inner .info ul {display:block; margin:0;}
    .location-inner .info ul li {padding:0; margin-bottom:16px;}
    .location-inner .info ul li:after {display:none;}
    .location-inner .info ul li dl dt {width:110px; padding-left:40px;}
    .location-inner .info ul li dl dt:before {top:0; width:26px; height: 26px;}


    /* footer */
    #footer {padding:40px 0 0; font-size:1.1rem; }
    #footer .bar {height:10px;}

    .foot-row {margin-bottom:60px;}
    .foot-logo {order:2; margin-left:50px;}
    .foot-logo img {height:44px;}
    .foot-menu {margin-bottom:16px;}
    .foot-menu ul { margin:0 -14px;}
    .foot-menu ul li {padding:0 14px;}
    .foot-menu ul li:after {height:10px; margin-top:-5px;}


    .foot-copy {padding:30px 0; font-size:1.1rem;}

    .top-btn {width:60px; height: 60px; background-size:18px;}
    .top-btn.on.fixed {top:-30px}


  


   

	/* board */
	.mailform + .buttons {margin-top:50px;}
    .btn-pack.form-submit {height:60px;  font-size:20px; line-height:60px;}

    .mailform-name {padding: 20px 30px; margin-bottom: 24px; font-size:1.4rem;}
    .mailform-name .tit {width:120px;}
    .mailform-name .tit:after {height:18px; margin-top:-9px;}
    .mailform-name .name {padding-left:40px;}

    :lang(en)  .mailform-name .tit {width:190px;}


    .inquiry-head {height:300px; padding:0 70px; margin-bottom:40px;}
    .inquiry-head .logo {margin-bottom:25px;}
    .inquiry-head .logo img {height:60px;}
    .inquiry-head .tit {font-size:2rem;}
    .inquiry-head p {font-size:1.3rem;}

    .mailform .input {height:46px; font-size:1.2rem;}
    .mailform .form-group {flex-wrap:wrap; margin:0 -10px 15px; }
    .mailform .form-group .form-col {width:50%; margin-bottom:15px; padding:0 10px;}
    .mailform .form-group.form-col-3 .form-col {width:33.333333%;}
    .mailform .form-group .tit {font-size:1.2rem;}
    .mailform .form-group .em {font-size:1.1rem;}
    .mailform .privacy_box--fc {font-size:1.1rem;}
    .mailform .form-group.code .form-col {width:100%;}
    .mailform input[type="checkbox"] + label {font-size:1.1rem; padding-left:30px;}
    .mailform input[type="checkbox"] + label:before {width:20px; height:20px; top:3px;}
    .mailform .captcha_box--fc input {height:46px; font-size:1.2rem;}

    

	
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}
    
    /* main */
    .main-weare ul {flex-wrap:wrap; margin-bottom:-30px;}
    .main-weare ul li {width:50%; margin-bottom:30px;}
    .main-weare ul li:nth-child(3):after {display:none;}
  


	


	/* sub */
    .aws-networks {padding: 100px 0;}
    .aws-networks .group {display:block; margin-bottom: 60px;}
    .aws-networks .group .photo {width:100%; margin-bottom:20px;}
    .aws-networks .group .info {width:100%; padding: 0; text-align:center;}
    .aws-networks .group .info p {margin-bottom: 10px;}
    .aws-networks .group .info .sub-more {margin-top: 20px;}
    .aws-networks.ncloud {margin-bottom:80px;}

    .aws-service {padding: 100px 0;}
    .aws-service .aws-links {margin-bottom: 100px; padding:0 30px;}
    .aws-service .aws-links ul {display:block; margin-left: 0;}
    .aws-service .aws-links ul li {width:100%; margin-left:0; margin-bottom:20px; }
    .aws-service .aws-links ul li a {padding:30px 20px;}
    .aws-service .aws-links ul li .logo {margin-bottom:20px;}
    .aws-service .aws-links ul li .logo img {height: 60px;}
    .aws-service .aws-links ul li .tit {margin-bottom: 10px}
    .aws-service .aws-links ul li p {margin-bottom: 26px;}
    .aws-service .box {padding: 100px 20px;}
    .aws-service .box h3 {margin-bottom:16px;}
    .aws-service .box p {margin-bottom:40px;}

    .xdn-head {flex-wrap:wrap;}
    .xdn-head .info {width:100%; padding-right: 0; margin-bottom:30px;}
    .xdn-head .video {width:100%;}
    
    .utm-inner ul li .colocation-box .row {flex-wrap:wrap; margin:0 -25px -40px;}
    .utm-inner ul li .colocation-box .col {width:50%;margin-bottom:40px; flex-basis:auto}
    .utm-inner ul li .colocation-box .col:after {top:34%; left:-10px; margin-top:-10px; width:20px; height:20px;}
    .utm-inner ul li .colocation-box .col:nth-child(3) {width:100%;}
    .utm-inner ul li .colocation-box .col:nth-child(3):after {left:50%; margin-left:-10px; top:-20px;}
    .utm-inner ul li .colocation-box .col .circle {width:160px; height: 160px;}

    .colocation-solution ul {display:block; margin-left:0;}
    .colocation-solution ul li {width:100%; margin-left:0; padding:30px;}
    .colocation-solution ul li .ico {margin-bottom: 20px;}
    .colocation-solution ul li .ico img {height:60px;}
    .colocation-solution ul li dl dd:before { top:10px; width:5px; height: 5px;}
    .colocation-solution.hosting ul {display:flex; margin-left:-20px;}
    .colocation-solution.hosting ul li {width: calc(50% - 20px); margin-left:20px;padding:30px;}
    .colocation-solution.hosting ul li .ico {margin-bottom:25px;}

    .greeting .wrap {display:block;}
    .greeting .wrap .title {padding-right:0; width:100%; margin-bottom:14px;}
    .greeting .wrap .info { width:100%;}

    .business-content ul {margin-left:0; margin-bottom:-16px;}
    .business-content ul li {width:100%; margin-left:0; margin-bottom:16px; padding:40px;}
    .business-content ul li  dl dd:before {top:10px;}

    .solution-inner ul {margin-left:0; display:block;}
    .solution-inner ul li {width:100%; margin-left:0; padding:30px; margin-bottom:20px;}
    .solution-inner ul li:last-child {margin-bottom:0;}
    .solution-inner ul li .title {margin-bottom:16px;}
    .solution-inner ul li .box {padding:20px 26px;}
    .solution-inner ul li .box dl dd {padding-left: 30px;}
   

    /* footer */
    
    
	
} 

@media (max-width: 767px) {	
    /* main */
    .main-core .more {position:relative; top:0; margin:30px auto 0;}
    .main-core .main-title p br {display:none;}
    .main-core ul {margin-left:-20px;}
    .main-core ul li {width:calc(50% - 20px); margin-left:20px; padding:160px 60px 40px;}
   

    /* sub */
    
    .real-cont {padding-bottom:60px;}

    /* footer */
    #footer {text-align:center; font-size:1rem}
    #footer .bar {display:block; width:0; height: 0;}

    .foot-row {display:block; margin-bottom:40px;}
    .foot-logo {margin-left:0; margin-bottom:20px;}
    .foot-logo img {height:36px;}
    .foot-info {width:100%;}
    .foot-menu {margin-bottom:12px; }
    .foot-menu ul { margin:0 -10px; justify-content: center;}
    .foot-menu ul li {padding:0 10px;}


    .foot-copy {padding:25px 0;}

    .top-btn {width:40px; height: 40px; background-size:14px;}
    .top-btn.on.fixed {top:-20px}

    .hosting-program .box ul {display:block; margin:0;}
    .hosting-program .box ul li {width:100%; padding:0; margin-bottom:20px;}
    .hosting-program .box ul li:last-child {margin-bottom:0;}

    
    
    /* board */
   
    
    .btn-pack.form-submit {width:160px; height:50px;  font-size:15px; line-height:50px;}


    .mailform .input {height:44px; font-size:1.1rem;}
    .mailform textarea.input {height:140px;}
    .mailform .form-group {flex-wrap:wrap; margin:0 -5px 0; }
    .mailform .form-group .form-col {width:100%; margin-bottom:15px;}
    .mailform .form-group.form-col-3 .form-col {width:100%;}
    .mailform .captcha_box--fc input {height:44px; }
    .mailform .privacy_box--fc {height: 100px; padding:20px;}
    .mailform .form-group.code .form-col {width:100%;}
    .mailform input[type="checkbox"] + label:before {top:1px; width:18px; height:18px;}
    .mailform .captcha_box--fc {flex-wrap:wrap;}
    .mailform .captcha_box--fc input {height:44px;}

    .filebox label {width:110px; margin-right:10px;  line-height:44px;}
    .filebox .upload-name {height: 44px; font-size:15px; padding-left:10px;}

    


    
        

}


/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	
	/* header */
	#header .inner {height:60px;}

    .sitelogo { margin-top:-14px;}
    .sitelogo a {height:28px;} 


	.mobile-navigation {width:100%;}

	
	/* main */
    .main-visual {height:70vh;}
    .main-visual .content .tit {font-size:3rem; margin-bottom:12px;}
    .main-visual .content .txt {font-size:1.6rem;}
    .top-scroll {bottom:30px;}
    .top-scroll .circle {width:80px; height:80px;}
    .top-scroll .down {width:10px;}

    .main-weare {padding:80px 0 200px;}
    .main-weare .title {display:block; margin-bottom:50px;}
    .main-weare .title h2 {margin-right:0; margin-bottom:12px;}
    .main-weare .title br {display:none;}
    .main-weare ul li:after {height:60px; margin-top:-30px;}
    .main-weare ul li .count {margin-bottom:20px;}

    .main-title {margin-bottom: 30px;}
    .main-title h2 {margin-bottom:10px;}

    .main-what {margin-bottom: 80px;}
    .main-what .slick-list {margin:0 -5px;}
    .main-what li {margin:0 5px;}
    .main-what .thumb {padding-bottom:30%; margin-bottom:20px; border-radius: 20px;}
    .main-what .content {position: relative; top:0; text-align:center; color:#151515; padding:0 50px; transform:translateY(0);}
    .main-what .content h3 {margin-bottom:10px;}
    .main-what .content br {display:none;}
    .main-what .content .more {width:140px; height:42px; border-color:#151515; margin:0 auto;}
    .main-what .content .more:after {width:24px; background-image:url('../img/main/more_b.png')}
    .main-what .slick-arrow {width:40px; height:40px;  top:16%; transform:translateY(0); background-size:10px;}
    .main-what .slick-arrow.slick-prev {left:-10px;} 
    .main-what .slick-arrow.slick-next {right:-10px;} 
    .main-what .slick-dots {top:0; position: static; justify-content: center; margin-top:20px;}
    .main-what .slick-dots li {margin:0 6px;}
    .main-what .slick-dots li button {width:8px; height:8px;}

    .main-core {margin-bottom: 60px;}
    .main-core  .main-title {text-align:center;}
    .main-core .more {width:140px; height:42px; margin:26px auto 0;}
    .main-core .more:after {right:20px; width:30px;}
    .main-core ul {display:block; margin-left:0;}
    .main-core ul li {width:100%; margin-left:0; margin-bottom:20px; padding:120px 30px 30px;}
    .main-core ul li:last-child {margin-bottom:0;}
    .main-core ul li dl dt {margin-bottom:12px;}
    .main-core ul li dl dd {padding-left: 14px; }
    .main-core ul li dl dd::before {top:10px;}
    .main-core ul li .ico {top:30px; right:30px;}
    .main-core ul li .ico img {height:120px;}

    .main-networks {padding:70px 0 60px;}
    .main-networks .group {margin-bottom: 60px;}
    .main-networks .title {margin-bottom: 30px;}
    .main-networks .title h2 {margin-bottom:20px;}
    .main-networks ul {margin:0 -20px;}
    .main-networks ul li {padding:0 20px;}
    .main-networks ul li:after {height:60px; margin-top:-30px;}
    .main-networks ul li .ico {margin-bottom:14px;}
    .main-networks ul li .ico img {height:90px;}
    .main-networks .box {padding: 60px 30px;}
    .main-networks .box .more {height:50px; padding:0 60px;}

    .aws-networks {padding: 60px 0;}
    .aws-networks .group {display:block; margin-bottom: 40px;}
    .aws-networks .group .photo {width:100%; margin-bottom:20px;}
    .aws-networks .group .info {width:100%; text-align:center;}
    .aws-networks .group .info p {margin-bottom: 10px;}
    .aws-networks .group .info .sub-more {margin-top: 20px;}
    .aws-networks.ncloud {margin-bottom:60px;}

    .aws-service {padding: 60px 0;}
    .aws-service .aws-links {margin-bottom: 40px; padding:0;}
    .aws-service .aws-links ul li a {padding:20px 20px;}
    .aws-service .aws-links ul li .logo img {height: 50px;}
    .aws-service .aws-links ul li p {margin-bottom: 20px;}
    .aws-service .box {padding: 60px 20px;}
    .aws-service .box h3 {margin-bottom:12px;}
    .aws-service .box p {margin-bottom:30px;}
    .aws-service .box .more {height:50px; width:200px;}
    
   
	/* footer */
   


    
	
	/* sub */
	.real-cont {padding-bottom:60px;}

    .sub-vis {height:400px; margin-bottom:60px;}
    .sub-vis .content {bottom:140px; padding:0;}
    .sub-vis .content em {font-size:1.2rem;}
    .sub-vis .content h2 {font-size:3rem;}

    #lnb {margin-bottom:40px;}
    .lnb ul li {flex:none;}
    .lnb ul li a {height:60px; padding:20px 40px 0;}
    .lnb ul li a:after {height:2px;}

    .lnb-menu {margin-bottom: 30px;}
    .lnb-menu ul li {padding: 0 20px; width:50%;}
    .lnb-menu ul li:after {height:22px; margin-top:-11px;}
    .lnb-menu ul li a {width:100%; height:50px; border-radius: 50px;}


    .sub-title {margin-bottom: 30px;}
    .sub-title.b-line {padding-bottom:30px;}

    .sub-more {width:140px; height:42px;}
    .sub-more:after {width:26px;}

    .cloud-head {margin-bottom: 60px; border-radius:30px;}
    .cloud-head .content .cnt {margin-bottom:20px;}

    .fitcloud {margin-bottom: 60px;}
    .fitcloud .box {margin-bottom:10px;}
    .fitcloud .box .ico {width: 50px; height: 50px; margin-right: 20px;}

    .xdn-head .video {width:500px; border-radius: 20px;} 

    .xdn-features ul li {padding:20px;}
    .xdn-features ul li .num {width:40px}

    .xdn-service {padding:20px;  border-radius: 20px;}
    .xdn-service.nodes {padding: 20px; }
    .xdn-service.nodes .msp {margin-bottom: 30px;}
    .xdn-service.nodes .box {padding:30px 20px;  border-radius: 20px;}

    .xdn-maps .box {padding:30px 20px; border-radius: 20px;}

    .utm-head {height:280px; border-radius: 20px;}
    .utm-head .content {padding:0 30px;}
    .utm-head br {display:none;}

    .utm-inner .box {margin-bottom: 30px; padding: 30px; border-radius: 20px;}
    .utm-inner ul li {margin-bottom: 14px; padding:20px 30px; }
    .utm-inner ul li .num {width:40px;}
    .utm-inner ul li .info dl dd:before { top:7px;}
    .utm-inner ul li .wrap {margin-bottom: 30px;}
    .utm-inner ul li .colocation-box {padding: 25px; margin-bottom:20px;}
    .utm-inner ul li .colocation-box .col .circle {width:120px; height: 120px;}
    .utm-inner ul li .colocation-box .col br {display:none;}
    .utm-inner.colocation ul li {padding:25px;}
    .utm-inner.colocation ul li .ico {width:30px; margin-right: 20px;}
    .mb110 {margin-bottom:60px !important;}

    .colocation-service { margin-bottom:60px;}
    .colocation-service .item {padding: 20px; display:block;}
    .colocation-service .item .ico {width:100%; margin-bottom:12px;}
    .colocation-service .item .ico img {height: 40px;}
    .colocation-service .item .info  {width:100%;}
    .colocation-service .item .info .box dl dd:before {top:8px;}

    .colocation-solution.hosting ul {margin-left:-10px; margin-bottom:-10px;}
    .colocation-solution.hosting ul li {width: calc(50% - 10px); margin-left:10px;padding:20px; margin-bottom:10px;}
    .colocation-solution.hosting ul li .ico {margin-bottom:20px; margin-right:0;}
    .colocation-solution.hosting ul li .ico img {height:40px;}

    .colocation-solution-inner ul {display:block; padding:20px;}
    .colocation-solution-inner ul li {width:100%; margin-left:0; padding:0; margin-bottom:20px;}
    .colocation-solution-inner ul li:last-child {margin-bottom:0;}
    .colocation-solution-inner ul li dl dt {padding: 12px 20px; border-radius:20px; margin-bottom:10px;}
    .colocation-solution-inner ul li dl dd {padding: 0; margin-bottom:6px;}
    .colocation-solution-inner ul li dl dd:last-child {margin-bottom:0;}
    .colocation-solution-inner ul li dl dd p {height:42px; border-radius: 42px; margin-bottom:10px;}
    .colocation-solution-inner ul li:first-child dl dt {padding-left:0;}
    .colocation-solution-inner ul li:first-child dl dd {padding-left: 0;}
    .colocation-solution-inner ul li:last-child  dl dt {padding-right:0;}
    .colocation-solution-inner ul li:last-child dl dd {padding-right:0;}

    .colocation-choice ul li {padding:16px 20px; font-size:1.3rem; display:block;}
    .colocation-choice ul li .title {width:100%; height:50px;border-radius: 50px; margin-bottom:20px;}
    .colocation-choice ul li .title:before {margin-right:11px; width:20px; height: 20px}
    .colocation-choice ul li .info {width:100%; padding-left:0; text-align:center;}

    .hosting-partner {height:250px; padding:0 30px;}

    .hosting-caution ul li {padding:25px 20px;}
    .hosting-caution ul li .num {width:50px;}
    .hosting-caution ul li .info dl dd:before {top:8px;}

    .mailform-name {padding: 20px 20px; margin-bottom: 20px;}
    .mailform-name .tit {width:100px;}
    .mailform-name .name {padding-left:20px;}

    :lang(en)  .mailform-name .tit {width:auto; padding-right:20px;}

    .sub-title h3 {font-size:2.2rem}
    .sub-title .txt {margin:10px 0;}

    .sub-tit {font-size:1.8rem}


    .history {padding:0 20px;}
    .history .slick-list {margin:0 -15px;}
    .history .item {padding:0 15px;}
    .history .item ul li {padding-left: 16px; font-size:1.2rem}
    .history .item ul li:before {top:.6rem; width:6px; height:6px;}
    .history .slick-arrow {width:40px; height:40px; background-size:10px;}
    .history .slick-arrow.slick-prev {left:-20px;}
    .history .slick-arrow.slick-next {right:-20px}


    .onepage-menu {top:-10px; width:100%; padding:10px 0 0;}
    .onepage-menu ul li {padding-left:15px;}
    .onepage-menu ul li a {font-size:1.3rem}
    .onepage-menu ul li a:before {top:8px; width:6px; height:6px;}
    .onepage-menu.fixed {top:61px;}

    .greeting .image {height:260px; margin-bottom: 30px; border-radius: 20px;}
    .greeting .image .logo {bottom:50px; right:50px}
    .greeting .image .logo  img {height:50px;}


    .history {padding:0 20px;}
    .history .slick-list {margin:0 -10px 0 0;}
    .history .item {padding:0 10px 0 0;}
    .history .item .box {padding:20px 40px;}
    .history .item ul li {padding-left: 16px;}
    .history .item ul li:before {top:.6rem}
    .history .slick-arrow {width:40px; height:40px; background-size:10px;}
    .history .slick-arrow.slick-prev {left:-20px;}
    .history .slick-arrow.slick-next {right:-20px}

    .business-content ul li {padding:30px; border-radius: 20px;}
    .business-content ul li .ico img {height:60px;}
    .business-content ul li dl dt {margin-bottom:16px;}
    .business-content ul li dl dd {padding-left:20px;}
    .business-content ul li dl dd:before {top:8px; width: 5px; height: 5px;}

    .solution-inner ul li {padding:20px; margin-bottom:16px;}
    .solution-inner ul li .title {margin-bottom:12px;}
    .solution-inner ul li .box {padding:20px 22px;}
    .solution-inner ul li .box dl dd {padding-left: 26px;}
    .solution-inner ul li .box dl dd:before {top:3px;  width:16px; height: 16px;}
    

    .patent-list ul li {display:block;}
    .patent-list ul li .info {width:100%; margin-bottom:20px; padding-left:50px;} 
    .patent-list ul li .info .num {width:auto; text-align:left; margin-right:20px;}
    .patent-list ul li .info .content .tit {margin-bottom:12px;}
    .patent-list ul li .btns {margin-left:0;}
    .patent-list ul li .btns a {width:100%; height:50px; }

    .core-inner ul {display:block; margin:0;}
    .core-inner ul li {padding: 0; margin-bottom:20px; width:100%;}
    .core-inner ul li:last-child {margin-bottom:0;}
    .core-inner ul li .pic {margin-bottom:20px;}
    .core-inner ul li dl dt {margin-bottom: 10px;}
    .core-inner ul li dl dd {padding-left:15px}
    .core-inner ul li dl dd:before {top:6px}

    .mission-inner ul {display:block; margin-left:0;}
    .mission-inner ul li {width:100%; margin-left: 0; height: 300px; margin-bottom:20px;}
    .mission-inner ul li:last-child {margin-bottom:0;}
    .mission-inner ul li .tit {margin-bottom:12px;}
    .mission-inner ul li dl dd:before {top:7px;}

    #map {margin-bottom: 40px;}
    #map iframe {height:300px !important;}

    .location-inner {display:block;}
    .location-inner .logo {width:100%; margin-right: 0; margin-bottom:30px;}
    .location-inner .logo img {height:40px;}
    .location-inner .info {width:100%;}
    .location-inner .info p {padding-left:30px;}
    .location-inner .info p:before {top:0; width:22px; height: 22px;}
    .location-inner .info ul {display:block; margin:0;}
    .location-inner .info ul li {padding:0; margin-bottom:16px;}
    .location-inner .info ul li:after {display:none;}
    .location-inner .info ul li dl dt {width:80px; padding-left:30px;}
    .location-inner .info ul li dl dt:before {top:0; width:22px; height: 22px;}
    
    .inquiry-head {height:auto; padding:3rem; margin-bottom:20px;}
    .inquiry-head .logo {margin-bottom:20px;}
    .inquiry-head .logo img {height:50px;}

    

	/* board */
	/* 검색 */
    
	.mailform + .buttons {margin-top:30px;}
	
	.buttons {margin:20px 0;}

	.btn-pack.form-submit {width:120px; height:50px;  font-size:16px; line-height:50px;}

    .inquiry-head {height:260px; padding:0 30px; margin-bottom:30px;}
	

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}