@charset "utf-8";

/*서브 페이지 탑 배너 */
.visimg.cloud { background: url(/_Img/layout/cloud_bg.png) center / cover no-repeat; }
.visimg.bottomMenu { background: url(/_Img/layout/company_bg.jpg) center / cover no-repeat; }
.visimg.estimate { background: url(/_Img/layout/estimate_bg.jpg) center / cover no-repeat;}
.visimg.idc { background: url(/_Img/layout/idc_bg.jpg) center / cover no-repeat; }
.visimg.myService { background: url(/_Img/layout/service_bg.jpg) center / cover no-repeat; }
.visimg.service { background: url(/_Img/layout/service_bg.jpg) center / cover no-repeat; }
.visimg.solution { background: url(/_Img/layout/solution_bg.jpg) center / cover no-repeat; }
.visimg.sulinux { background: url(/_Img/layout/sulinux_bg.jpg) center / cover no-repeat; }
.visimg.support { background: url(/_Img/layout/support_bg.jpg) center / cover no-repeat; }
.visimg.customer { background: url(/_Img/layout/customer_bg.jpg) center / cover no-repeat; }
.visimg.message { background: url(/_Img/layout/message_bg.jpg) center / cover no-repeat; }

/* ul li 목록형 01 */
.su-list01 > li { margin-bottom: 4rem; }
.su-list01 .item_title { margin-bottom: 0.6rem; }
.su-list01 li > ul.list_content { padding: 1.25rem 1.5rem; border-radius: 1.2rem; }

/* 팝업 레이아웃 */
.pop_wrap{}
.pop_wrap .pop_head{border-bottom: 1px solid #EFEFEF;height: 40px; background-color: #FFF;}
.pop_wrap .pop_head .pop_title{font-size: 15pt;font-weight: 800; font-weight: 600; color: #111; margin-left: 10px;padding-top:6px;}
.pop_wrap .close { display: flex; justify-content: flex-end; margin-right: 6px;}
.pop_wrap .close button { background-color: #999; }
.pop_wrap .close button img { display: block; }

/* 팝업 id, pw 찾기 결과 */
.search_popup { font-size: 16px; padding: 30px; text-align: center;}
.search_popup .result { padding: 20px 30px; margin: 10px 0; background-color: #fff;   font-size: 16px; font-weight: 400; border: 1px solid #CCC;  text-align: center;}
.search_popup .result .sub_tit { font-weight: 400; color: #333; }
.search_popup .result .info { font-weight: 400; font-size: 16px; color: #0066ff; }
.search_popup .text { font-size: 15px; color: #555; }
.search_popup .tip2 { font-size: 14px;  }
.search_popup .btn_list { display: flex; justify-content: center; }
.search_popup .btn_list :first-child { margin-right: 10px; }
.search_popup .btn_list :last-child { margin-right: 0; }
.search_popup .login-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; user-select: none; width: 12rem; margin-top: 20px }
.search_popup .close-btn { position: absolute; top: 20px; right: 20px; }
.search_popup .close-btn button { width: 36px; height: 36px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; display: flex; justify-content: center;align-items: center;  }
.search_popup .close-btn2 { align-items: center; background-color: #666;border-radius: 3rem; color: #fff; cursor: pointer; display: flex; font-size: 1rem; height: 3.5rem; justify-content: center; user-select: none; width: 12rem; margin-top: 20px }

/*FROM SITE CODE :  
*/