/*  signup */
section.signup { padding-bottom: 6rem; }
section.signup h2 { font-size: 1.8rem; font-weight: 400; text-align: center; color: #333; }
section.signup h2 span { font-weight: 500; color: #0066ff; }

/* NHN 클라우드 */
.ktcloud_block section.outline .nhncloud_img{border-radius:1rem;display:block;margin:1.6rem auto;max-width:490px;width:100%;}

/* NHN 클라우드 advantage */
.ktcloud_block section.nhn_advantage .adv_list{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:1100px;}
.ktcloud_block section.nhn_advantage .adv_list > li{align-items:flex-start;display:flex;padding:1rem;width:33%;}
.ktcloud_block section.nhn_advantage .icon{align-items:center;border-radius:50%;display:flex;justify-content:center;margin-right:1.3rem;min-height:6.8rem;min-width:6.8rem;}
.ktcloud_block section.nhn_advantage .icon img{transition:0.3s;width:3.2rem;}
.ktcloud_block section.nhn_advantage .adv_list > li:hover .icon img{width:3.7rem;}


/*  네이버 클라우드 */
/*  outline */
.naver_block section.outline .cloud_img{border-radius:1rem;display:block;margin:1.6rem auto;max-width:820px;width:100%;}
.naver_block section.outline .cont_title { font-size: 2.3rem; margin-bottom: 10px; }

/*  advantage */
.naver_block section.advantage ul{margin:0 auto;max-width:1000px;}
.naver_block section.advantage li{border-radius:1.5rem;margin-bottom:2rem;padding:1.8rem;}
.naver_block section.advantage .item_title{font-size:1.15rem;justify-content:center;}
.naver_block section.advantage .item_text{text-align:center;}

/*  product */
.naver_block section.product .table_box{overflow-x:auto;width:100%;}
.naver_block section.product table{min-width:750px;text-align:center;}
.naver_block section.product table .tb_title{text-align:left;}

/*  global */
.naver_block section.global .global_img { display: block; width: 100%; max-width: 915px; border-radius: 1rem; margin: 1rem auto;}

/* 네이버 웍스 */
.page_block section.collaboration .naverworks_img{border-radius:1rem;display:block;margin:1.6rem auto;max-width:600px;width:100%;}
.page_block section.collaboration .cont_title { font-size: 2.3rem; margin-bottom: 10px;}

.page_block section.collaboration .works_h_list { width:900px; margin: 1rem auto;justify-content:center;}
.page_block section.collaboration .works_h_list > {  margin-left:2rem;margin-bottom: 2.5rem; padding: 1.25rem 1.5rem; border-radius: 1.2rem;width:30%;height:auto;min-height:300px;float: left; } 

.page_block section.collaboration .works_list { max-width: 1248px; margin: 1rem auto;justify-content:center;}
.page_block section.collaboration .works_list > li {  margin-left:2rem;margin-bottom: 2.5rem; padding: 1.25rem 1.5rem; border-radius: 1.2rem;width:30%;height:auto;min-height:300px;float: left;}

.page_block section.collaboration .item_title0{ font-size:1.5rem;justify-content:center;font-weight:700;margin-bottom: 0.8rem;color: #117ce9;}
.page_block section.collaboration .item_title0 span{ font-weight: 700;color: black;}
.page_block section.collaboration .item_title{ font-size:1.5rem;justify-content:center;font-weight: normal;margin-bottom: 0.8rem;}
.page_block section.collaboration .item_title span{ font-weight: 700;} 
.page_block section.collaboration .item_sub_title{ font-size:1.15rem;justify-content:center;font-weight: 500;}
.page_block section.collaboration .item_sub_title span{ color: #117ce9; } 
.page_block section.collaboration .item_text{ text-align:left;}

/*  네이버웍스 outline2 */
.page_block .outline2{padding: 1rem 0;}
.page_block .outline2 .outline2_list{align-items:flex-start;display:flex;flex-wrap:wrap;margin:1rem auto;max-width:1100px;}
.page_block .outline2 .outline2_list > li{border-radius:1.2rem;margin:1%;margin-bottom:1.5rem;padding:1.25rem 1.5rem;width:48%;}
.page_block .outline2 .outline2_list > li .item_title3{margin-bottom:0.5rem;}
.page_block .outline2 .outline2_list > li .list_content2{margin-top:0.5rem;list-style:none;}
.page_block .outline2 .outline2_list > li .list_content2 > li{height: 45px;list-style-type: none;margin: 10px;vertical-align: middle;border-bottom: solid 1px #FFFFFF;}

.page_block .outline2 .outline2_list .logo { max-height: 60px; padding: 11px 10px;}

.page_block .outline2 .outline2_list .price{ padding-left: 20px!important; padding-right: 20px!important;padding: 25px 20px;}
.page_block .outline2 .outline2_list .price .price-title {font-size: 12px;padding-top: 0px;padding-bottom:0;color: #888;}

.page_block .outline2 .outline2_list .price.yearly{ height: 113px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ebeef5; background-color: #eaf6ff;}
.page_block .outline2 .outline2_list .price.yearly .price-text {font-size: 24px;line-height:1;letter-spacing:1.5px;color:#222; }
.page_block .outline2 .outline2_list .price.yearly .price-text em{display: inline;line-height: 2.5rem;font-size: 38px;font-weight: 600;color: #117ce9;font-style: normal;}

.page_block .outline2 .outline2_list .price.monthly{height: 98px; border-bottom: 1px solid #ebeef5; -webkit-box-sizing: border-box; box-sizing: border-box;} 
.page_block .outline2 .outline2_list .price.monthly .price-text {font-size: 16px;line-height: 1;letter-spacing: 1.5px;color: #222;}
.page_block .outline2 .outline2_list .price.monthly .price-text em{display: inline;line-height: 2.5rem;font-size: 24px;font-weight: 600;color: #117ce9;font-style: normal;}

.page_block .outline2 .outline2_list .desc{min-height: 109px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 20px 10px;}
.page_block .outline2 .outline2_list .desc .desc-title { font-size: 12px; margin-bottom: 12px; color: #888;}
.page_block .outline2 .outline2_list .desc .desc-text { color: #222; font-size: 28px; line-height: 1px; margin-bottom: 20px;}
.page_block .outline2 .outline2_list .desc .desc-text small { margin-left: 5px; font-size: 50%; line-height: 21px;}


/*  ktcloud_block -------------------------------*/
/* keyword */
.ktcloud_block section.outline .cont_title { font-size: 2.5rem; margin-bottom: 10px; }
.ktcloud_block section.outline .ktcloud_img{width:60%;display: block; margin: 0px auto;border-radius: 1rem;margin-bottom: 20px;}
.ktcloud_block section.keyword .keyword_list{display:flex;flex-wrap:wrap;margin:0.8rem auto 0;max-width:1000px;}
.ktcloud_block section.keyword .keyword_list > li{align-items:center;display:flex;padding:1.5rem;width:50%;}
.ktcloud_block section.keyword .keyword_list .icon{align-items:center;border-radius:50%;display:flex;justify-content:center;margin-right:1.2rem;min-height:6.8rem;min-width:6.8rem;}
.ktcloud_block section.keyword .keyword_list .icon img{transition:0.3s;width:4rem;}
.ktcloud_block section.keyword .keyword_list > li:hover .icon img{width:4.5rem;}
.ktcloud_block section.signup h2{margin-bottom:12px;}

/* config */
.ktcloud_block section.config .kt_config { display: block; width: 100%; max-width: 1001px; margin: 1rem auto; }

/* advantage */
.ktcloud_block section.advantage .adv_list{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:1100px;}
.ktcloud_block section.advantage .adv_list > li{align-items:flex-start;display:flex;padding:2rem;width:50%;}
.ktcloud_block section.advantage .icon{align-items:center;border-radius:50%;display:flex;justify-content:center;margin-right:1.3rem;min-height:6.8rem;min-width:6.8rem;}
.ktcloud_block section.advantage .icon img{transition:0.3s;width:3.2rem;}
.ktcloud_block section.advantage .adv_list > li:hover .icon img{width:3.7rem;}

/*  aws_block -------------------------------*/
/*  outline */
.aws_block section.advantage .adv_list { max-width: 1030px; margin: auto; }
.aws_block section.outline .explan { width: 70%; margin: 10px auto; }
.aws_block section.advantage .adv_list > li { margin-bottom: 1rem; padding: 1.5rem 2rem; border-radius: 1.5rem; }
.aws_block section.advantage {}

/*  azure_block -------------------------------*/
/*  outline */
.azure_block section.outline { padding-bottom: 2rem; }
.azure_block section.outline em { margin-top: 1rem; text-align: center; }

/*  keyword */
.azure_block section.keyword{padding-right:0;}
.azure_block section.keyword .keyword_list{margin:auto;max-width:820px;}
.azure_block section.keyword .keyword_list > li{align-items:center;display:flex;margin-bottom:4rem;}
.azure_block section.keyword .keyword_list > li .icon{align-items:center;border-radius:50%;display:flex;height:6.8rem;justify-content:center;margin-right:1.2rem;min-height:6.8rem;min-width:6.8rem;width:6.8rem;}
.azure_block section.keyword .keyword_list > li .icon img{transition:0.3s;width:4.2rem;}
.azure_block section.keyword .keyword_list > li:hover .icon img{width:4.8rem;}

/*  advantage */
.azure_block section.advantage .adv_list { max-width: 1030px; margin: 1rem auto; }
.azure_block section.advantage .adv_list > li { margin-bottom: 1rem; padding: 1.25rem 1.5rem; border-radius: 1.2rem; }

/*  manager_block -------------------------------*/
/*  outline */
.manager_block section.outline { padding-bottom: 3rem; }
.manager_block .explan { margin-top: 10px; margin-bottom: 30px; }

/*infra*/
.manager_block section.infra{padding-top:4rem;}
.manager_block section.infra .outline2_list{margin:1rem auto;max-width:830px;}
.manager_block section.infra .outline2_list > li{border-radius:1.2rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;}
.manager_block section.infra .outline2_list > li .item_title3{margin-bottom:0.5rem;}
.manager_block section.infra .outline2_list > li .list_content{margin-top:0.5rem;}

/*  outline2 */
.manager_block section.outline2{padding-top:4rem;}
.manager_block section.outline2 .outline2_list{align-items:flex-start;display:flex;flex-wrap:wrap;margin:1rem auto;max-width:1100px;}
.manager_block section.outline2 .outline2_list > li{border-radius:1.2rem;margin:1%;margin-bottom:1.5rem;padding:1.25rem 1.5rem;width:48%;}
.manager_block section.outline2 .outline2_list > li .item_title3{margin-bottom:0.5rem;}
.manager_block section.outline2 .outline2_list > li .list_content{margin-top:0.5rem;}

/*  private_block -------------------------------*/
/* question */
.private_block section.advantage .adv_list{display:flex;flex-wrap:wrap;margin:auto;max-width:1030px;}
.private_block section.advantage .adv_list > li{display:flex;margin:2.5rem 2%;width:46%;}
.private_block section.advantage .adv_list > li .icon{align-items:center;border-radius:50%;display:flex;height:6.8rem;justify-content:center;margin-right:1rem;min-height:6.8rem;min-width:6.8rem;width:6.8rem;}
.private_block section.advantage .adv_list > li .icon img{transition:0.3s;width:4.2rem;}
.private_block section.advantage .adv_list > li:hover .icon img{width:4.8rem;}

/* build */
.private_block section.build .build_list{display:flex;flex-wrap:wrap;margin:1rem auto;max-width:1030px;}
.private_block section.build .build_list > li{border-radius:1.2rem;margin:1%;padding:1.5rem 2rem;width:48%;}
.private_block section.build .build_list > li:nth-child(3){width:100%;}
.private_block section.build .build_list > li .item_title3{margin-bottom:6px;}

/* openstack */
.private_block section.openstack .openstack-logo{display:block;margin:0 auto 1.5rem;}
.private_block section.openstack .table_box{margin-top:3rem;overflow-x:auto;width:100%;}
.private_block section.openstack .table_box table{min-width:468px;}

/* docker */
.private_block section.docker .docker-logo{display:block;margin:0 auto 1.5rem;}
.private_block section.docker .docker0{display:block;margin:1rem auto;max-width:700px;width:100%;}
.private_block section.docker .docker_list{margin:2rem auto;max-width:820px;}
.private_block section.docker .docker_list > li{border-radius:1.2rem;margin:2%;padding:1.25rem 1.5rem;text-align:center;width:96%;}
.private_block section.docker .docker_list > li .item_title2{font-size:1.2rem;}

/* kvm */
.private_block section.kvm .kvm-logo { display: block; margin: 0 auto 1.5rem; }
.private_block section.kvm .kvm00 { width: 100%; display: block; margin: 1rem auto; max-width: 535px; }

/* kubernets */
.private_block section.kubernets .kubernetes-logo { display: block; margin: 0 auto 1.5rem; }
.private_block section.kubernets .kubernetes_0 { width: 100%; display: block; margin: 3rem auto 0; max-width: 535px; }

/* vmware */
.private_block section.vmware .vmware-logo { display: block; margin: 0 auto 1.5rem; }
.private_block section.vmware .vmware_01 { width: 100%; display: block; margin: 2rem auto; max-width: 596px; }

/* 클라우드 서비스 신청 */
.cloudinfo_block section.write{ padding:4rem 0; }
.cloudinfo_block section.write table{ min-width:540px; }
.cloudinfo_block section.write ul{ display:flex;justify-content:center;margin:1.5rem 0 3rem; }
.cloudinfo_block section.write li:nth-child(1){ margin-right:3rem; }
.cloudinfo_block section.write li{ align-items:center;display:flex; }
.cloudinfo_block section.write .icon{ align-items:center;border-radius:1rem;display:flex;height:5rem;justify-content:center;margin-right:0.8rem;min-height:5rem;min-width:5rem;width:5rem; }
.cloudinfo_block section.write .icon img{ width:55%; }
.cloudinfo_block section.write .title{ color:#666;font-size:0.94rem;font-weight:500;margin-bottom:0.1rem; }
.cloudinfo_block section.write .text{ display:flex;font-size:1.4rem;font-weight:600; }
.cloudinfo_block section.write .text2{ font-size:1.2rem;font-weight:600; }
.cloudinfo_block section.write select{ width:200px; }
.cloudinfo_block section.write .tip2{ font-size:0.94rem;margin-top:10px;text-align:left; }
/* .cloudinfo_block section.write .reque_btn{ align-items:center;background-color:#0066ff;border-radius:3rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:3.5rem;justify-content:center;margin:1rem auto 0;user-select:none;width:12.5rem; }
.cloudinfo_block section.write .reque_btn:hover{ background:#0054d3; } */

/*  buy_block -------------------------------*/
/*  server_buy */
.buy_block section.server_buy em {text-align: center; font-size: 1rem; font-weight: 400; color: #ff5757;}
.buy_block section.server_buy .buy_list {display: flex; margin-top: 1rem;}
.buy_block section.server_buy .buy_list > li {width: 23%; margin: 1%;}
.buy_block section.server_buy .buy_list > li:hover .product_img img {width: 100%;}
.buy_block section.server_buy .buy_list > li .product_img {display: flex; align-items: center; justify-content: center; width: 100%; height: 12.5rem; border-radius: 1.5rem; overflow: hidden;}
.buy_block section.server_buy .buy_list > li .product_img img {width: 90%; display: block; transition: 0.3s;}
.buy_block section.server_buy .buy_list > li .product_title {text-align: center; margin-top: 0.8rem; font-size: 1.2rem; font-weight: 500;}
.buy_block section.server_buy .buy_item {display: flex; align-items: center; margin-top: 1rem; padding: 1.5rem 2rem; border-radius: 1.2rem;}
.buy_block section.server_buy .buy_item .buy_img { width: 260px; height: 220px;margin-right: 20px; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: #FFF; border-radius: 10px; text-align: center; }
.buy_block section.server_buy .buy_item .buy_img img {width: 90%; }
.buy_block section.server_buy .buy_item .buy_info_left h3 { font-size: 1.6rem; font-weight: 600; color: #333; margin-bottom: 10px; }
.buy_block section.server_buy .buy_item .buy_info_left pre {font-size: 1rem; font-weight: normal; white-space: pre-wrap; line-height: 1.6; color: #555;}
.buy_block section.server_buy .buy_item .buy_info_right { height: 210px; display: flex;	flex-direction: column;	align-items: flex-end; justify-content: space-between;	margin-left: auto; }
.buy_block section.server_buy .buy_item .buy_info_right .amount { font-size: 1.8rem; font-weight: 500; color: #0f66ff; }
.buy_block section.server_buy .buy_item .buy_info_right .amount span { font-size: 0.95rem; color: #666; }
.buy_block section.server_buy .buy_item .buy_info_right .buy_btn { width: 200px; height: 56px;font-size: 15px;font-weight: 500; display: flex; align-items: center;	justify-content: center; border-radius: 2rem; color: #82b2fe;cursor: pointer;}
.buy_block section.server_buy .buy_item .buy_info_right .buy_btn img {margin-right: 4px;}

/*  service */
.buy_block section.service .service_list {display: flex; justify-content: space-between; margin-top: 1.3rem;}
.buy_block section.service .service_list .item_title {flex-direction: column; color: #111; line-height: 1.5; width: 15.6%; padding: 1.2rem 1.4rem; border-radius: 1.25rem;}
.buy_block section.service .service_list .item_title .num {margin-bottom: 0.4rem;}
.buy_block section.service .service_list .item_title p {margin-top: 0.25rem; color: #666; font-size: 0.95rem; font-weight: 400; line-height: 1.6;}

/*  server_info */
.buy_view_block section {padding: 2rem 0;}
.buy_view_block section.server_info .info_box {border-radius: 1.5rem; padding: 1.8rem 2rem; display: flex; justify-content: space-between;}
.buy_view_block section.server_info .info_img {display: flex; justify-content: center; align-items: center; width: 39%; margin-bottom: 10px; background-color: #FFF;}
.buy_view_block section.server_info .info_img img {width: 90%;}
.buy_view_block section.server_info .info_text {width: 59%;}
.buy_view_block section.server_info .info_text h3 {font-size: 1.6rem; font-weight: 600; margin-bottom: 10px; color: #111;}
.buy_view_block section.server_info .amount_list {display: flex;}
.buy_view_block section.server_info .amount_list li {margin-right: 2rem; border-right: 1px solid #cad4df; padding: 0.2rem 2rem 0.2rem 0;}
.buy_view_block section.server_info .amount_list li:last-child {margin-right: 0; border-right: 0; padding-right: 0;}
.buy_view_block section.server_info .amount_list li h5 {font-size: 0.94rem; color: #999;}
.buy_view_block section.server_info .amount_list li div {font-size: 1.6rem; font-weight: 500; color: #444;}
.buy_view_block section.server_info .amount_list li.server div {color: #0f66ff;}
.buy_view_block section.server_info .amount_list li div span {font-size: 0.94rem; color: #666;}
.buy_view_block section.server_info .text_list {margin-top: 1.5rem;}
.buy_view_block section.server_info .text_list li {line-height: 1.6; margin-bottom: 0.5rem;}
.buy_view_block section.server_info .text_list pre { white-space: pre-wrap; }

/*  block_btn_list */
.buy_view_block .block_btn_list {margin-top: 0; display: flex; justify-content: center; align-items: center;}
.buy_view_block .block_btn_list a {display: flex; justify-content: center; align-items: center; height: 3.6rem; border-radius: 2rem;}
.buy_view_block .block_btn_list .counseling_btn {color: #82b2fe; width: 13rem; margin-right: 1rem;}
.buy_view_block .block_btn_list .counseling_btn img {margin-right: 0.5rem;}
.buy_view_block .block_btn_list .list_btn {width: 8rem; background: #d4d8df; transition: 0.3s;}
.buy_view_block .block_btn_list .list_btn:hover {background: #bbbfc5;}

/*  benefit */
.benefit .cont_title{margin-bottom:0.4rem; }
.benefit em{margin-bottom:2.5rem; text-align:center; }
.benefit .benefit_list{margin:auto; max-width:1100px; }
.benefit .benefit_list li{border-radius:1.5rem; margin-bottom:1.4rem; padding:1.6rem 2rem; }
.benefit .benefit_list .item_title ~ p{color:#444; font-size:1rem; font-weight:400; line-height:1.8rem; }

@media (max-width: 799px) {
	/*  ktcloud_block -------------------------------*/
	.ktcloud_block section.keyword .keyword_list > li{flex-direction:column;text-align:center;}
	.ktcloud_block section.keyword .keyword_list .icon{margin-bottom:10px;margin-right:0;}
	.ktcloud_block section.advantage .adv_list{flex-direction:column;}
	.ktcloud_block section.advantage .adv_list > li{margin:0 auto 1rem;padding:1rem;width:80%;}
	.manager_block section.outline2 .outline2_list > li{margin:1%;width:98%;}
	
	.page_block section.collaboration .works_list{flex-direction:column;}
	.page_block section.collaboration .works_list > li{margin:0 auto 1rem;padding:1rem;width:100%;height:auto;min-height:auto;}
	.page_block .outline2 .outline2_list > li{margin:1%;width:98%;}/*네이버웍스 요금안내*/

    .naver_block section.outline .cont_title { font-size: 2rem; }
    .ktcloud_block section.outline .cont_title { font-size: 2rem }
    .aws_block section.outline .explan { width: 90%; margin: 10px auto;}
}

@media (max-width: 699px) {
	.private_block section.build .build_list > li {width: 98%;}
	.private_block section.advantage .adv_list > li {width: 44%;margin: 2.5rem 3%;flex-direction: column;text-align: center;}
	.private_block section.advantage .adv_list > li .icon {margin: 0 auto 10px;}
	
	.page_block section.collaboration .works_list{}
	.page_block section.collaboration .works_list > li{width: 98%;flex-direction:column;height:auto;min-height:auto;}
}

@media (max-width: 499px) {
	section.signup h2 { width: 88%; margin: auto; font-size: 1.3rem; }
	section.signup .explan { width: 88%; margin: 1rem auto; }

	/*  naver_block -------------------------------*/
    .naver_block section.outline .cont_title { font-size: 1.7rem; margin-bottom: 6px; }
    .ktcloud_block section.outline .cont_title { font-size: 1.7rem; margin-bottom: 6px; }
	.naver_block section.advantage li { padding: 1.6rem; margin-bottom: 1.2rem;	}
	.naver_block section.advantage .item_title { justify-content: flex-start; flex-wrap: wrap; }
	.naver_block section.advantage .item_title .num { margin-bottom: 5px; }
	.naver_block section.advantage .item_text { text-align: left; }
	.naver_block section.product .table_box td { padding: 1rem 1.3rem; }

	/*  ktcloud_block -------------------------------*/
	.ktcloud_block section.keyword .keyword_list > li{flex-direction:column;margin-bottom:1rem;padding:1rem;text-align:center;width:100%;}
	.ktcloud_block section.keyword .keyword_list .icon{margin-bottom:10px;margin-right:0;}
	.ktcloud_block section.advantage .adv_list > li{align-items:center;flex-direction:column;width:100%;}
	.ktcloud_block section.advantage .adv_list > li .icon{margin:auto;}
	.ktcloud_block section.advantage .adv_list > li .info{max-width:320px;}
	.ktcloud_block section.advantage .adv_list > li .info .item_title2{margin:10px 0;text-align:center;}

    /* AWS */
    .aws_block section.outline .explan { width: 100%;}

	/*네이버 웍스*/    
    .page_block section.collaboration .works_list{}
	.page_block section.collaboration .works_list > li{align-items:center;flex-direction:column;width:100%;height:auto;min-height:auto;}
}

@media (max-width: 499px) {
	.azure_block section.keyword .keyword_list > li{flex-direction:column;justify-content:center;}
	.azure_block section.keyword .keyword_list > li .info{text-align:center;width:90%;}
	.azure_block section.keyword .keyword_list > li .icon{margin:0 0 10px 0;}
	.private_block section.advantage .adv_list > li{margin:2rem 1%;width:98%;}
	
	/*네이버 웍스*/    
    .page_block section.collaboration .works_list{}
	.page_block section.collaboration .works_list > li{margin:2rem 1%;width:98%;height:auto;min-height:auto;}
}


/*FROM SITE CODE :  
*/