@charset "utf-8";
@import url('common.css');

.popup-wrapper {width:820px; height:auto; position: relative;}
.popup-wrapper .title {background-color: #2881dd; overflow: hidden;padding:0px 20px 10px 20px}
.popup-wrapper .title h3 {font-family: NotoSansCJKkr; font-size: 28px; font-weight: bold; color: #ffffff; display: inline-block; }
.popup-wrapper .title .popup-desc {display:block;height: 20px; font-family: NotoSansCJKkr; font-size: 14px; font-weight: 300; color: #ffffff;}
.popup-wrapper .site_main {padding:20px;overflow: hidden;}
.popup-wrapper .site_main .popup-tab {height: 80px;text-align: center;} 
.popup-wrapper .site_main .popup-tab ul {display: table; width:80%; height: 50px; margin:0 auto;}
.popup-wrapper .site_main .popup-tab ul li {display: table-cell; width:40%; height:50px; border:1px solid #ddd;}
.popup-wrapper .site_main .popup-tab ul li a {display: block; width:100%; height: 50px; overflow: hidden; text-align: center; line-height: 50px; color:#999999;font-family: NotoSansCJKkr; font-size: 16px; font-weight: bold;}
.popup-wrapper .site_main .popup-tab ul li.on {border:1px solid #2881dd; background-color:#2881dd; }
.popup-wrapper .site_main .popup-tab ul li.on a { color: #ffffff;}
.popup-wrapper .text {clear:both; padding-top:20px;position:relative;}
.popup-wrapper .text ul li {font-size: 13px; color:#333;}
.popup-wrapper .text ul li span{display:block;padding-left:8px;font-size: 13px; color:#333;}
.popup-wrapper .text .link{position:absolute;right:13px;top:19px;z-index:1}
.popup-wrapper .text .link a{display:block;width:240px;height:60px;line-height:58px;font-size:16px;font-weight:bold;color:#fff;text-align:center;background-color:#2881dd;border-radius:4px;text-decoration:none;}

.close {position: absolute; right:0; top:0; width: 70px;height: 70px; background-color:#1068c3;}
.close a {display: inline-block; width:70px;height: 70px; overflow: hidden; text-indent: -1000px; background:url(../../assets/image/popup/close.svg) no-repeat center center; background-size:22px 22px; }

.site_list {}
.site_list ul {display: block; width:100%;}
.site_list ul li {display: inline-block; width:33%; height:70px;padding:5px 0; float:left;}
.site_list ul li a {border-radius: 4px;border:1px solid #ccc;display: inline-block;width: calc(100% - 7px);height: 52px;vertical-align: baseline;padding-top: 16px; position: relative;}
.site_list ul li.cyber-kibo a,
.site_list ul li.smtech a,
.site_list ul li.sanhakin a,
.site_list ul li.bi a,
.site_list ul li.sbmro a,
.site_list ul li.smes a,
.site_list ul li.exportcenter a{padding-top:9px; height:59px;}
.site_list ul li a strong {padding-left: 70px;display: inline-block;vertical-align: bottom;line-height: 16px;}
.site_list ul li a span{padding-left: 70px;display: inline-block;font-family: Roboto;font-size: 11px;font-weight: normal;color: #aaa;vertical-align: top;word-break:keep-all;margin-top:3px}
.site_list ul li a:after {content: ""; position: absolute; width: 50px;height: 50px;border-radius: 50%; background-color:#eee; z-index: 1;left:10px; top:10px; }
.site_list ul li.k-startup a:before     {content: ""; position: absolute; left:20px; top:15px; background: url(../../assets/image/popup/site_icon1.svg) 0 0 no-repeat; background-size: 34px; width:40px; height: 40px; z-index: 2;}
.site_list ul li.smpp a:before          {content: "";position: absolute;left: 18px;top: 17px;background: url(../../assets/image/popup/site_icon2.svg) 0 0 no-repeat;background-size: 34px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.edu-sbiz a:before      {content: ""; position: absolute; left:20px; top:15px; background: url(../../assets/image/popup/site_icon3.svg) 0 0 no-repeat; background-size: 34px; width:40px; height: 40px; z-index: 2;}
.site_list ul li.venturein a:before     {content: "";position: absolute;left: 19px;top: 16px;background: url(../../assets/image/popup/site_icon4.svg) 0 0 no-repeat;background-size: 40px;width: 40px;height: 40px;z-index: 2;}
.site_list ul li.cyber-kibo a:before    {content: "";position: absolute;left: 15px;top: 20px;background: url(../../assets/image/popup/site_icon5.svg) 0 0 no-repeat;background-size: 46px;width: 48px;height: 40px;z-index: 2;}
.site_list ul li.ultari a:before        {content: "";position: absolute;left: 16px;top:15px;background: url(../../assets/image/popup/site_icon6.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.bizinfo a:before       {content: ""; position: absolute; left:20px; top:15px; background: url(../../assets/image/popup/site_icon7.svg) 0 0 no-repeat; background-size: 34px; width:40px; height: 40px; z-index: 2;}
.site_list ul li.mainbiz a:before       {content: "";position: absolute;left: 15px;top: 27px;background: url(../../assets/image/popup/site_icon8.png) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.auri a:before          {content: "";position: absolute;left: 15px;top: 19px;background: url(../../assets/image/popup/site_icon9.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.sg-sbiz a:before       {content: "";position: absolute;left: 23px;top: 18px;background: url(../../assets/image/popup/site_icon10.svg) 0 0 no-repeat;background-size: 24px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.sbiz a:before          {content: "";position: absolute;left:20px;top: 18px;background: url(../../assets/image/popup/site_icon11.svg) 0 0 no-repeat;background-size: 31px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.smart-factory a:before {content: "";position: absolute;left: 16px;top:15px;background: url(../../assets/image/popup/site_icon12.svg) 0 0 no-repeat;background-size: 38px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.imstars a:before       {content: "";position: absolute;left: 22px;top: 18px;background: url(../../assets/image/popup/site_icon13.svg) 0 0 no-repeat;background-size: 26px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.startbiz a:before      {content: "";position: absolute;left: 17px;top: 20px;background: url(../../assets/image/popup/site_icon14.svg) 0 0 no-repeat;background-size: 36px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.innobiz a:before       {content: "";position: absolute;left: 15px;top: 30px;background: url(../../assets/image/popup/site_icon15.png) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.smtech a:before        {content: ""; position: absolute; left:20px; top:15px; background: url(../../assets/image/popup/site_icon16.svg) 0 0 no-repeat; background-size: 34px; width:40px; height: 40px; z-index: 2;}
.site_list ul li.exportcenter a:before  {content: "";position: absolute;left:20px;top:15px;background: url(../../assets/image/popup/site_icon17.svg) 0 0 no-repeat;background-size: 30px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.sanhakin a:before      {content: "";position: absolute;left:20px;top:15px;background: url(../../assets/image/popup/site_icon18.svg) 0 0 no-repeat;background-size: 30px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.sme-expo a:before      {content: "";position: absolute;left: 15px;top: 19px;background: url(../../assets/image/popup/site_icon19.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.sminfo a:before        {content: "";position: absolute;left: 18px;top: 19px;background: url(../../assets/image/popup/site_icon20.svg) 0 0 no-repeat;background-size: 36px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.kosmes a:before        {content: "";position: absolute;left: 18px;top:15px;background: url(../../assets/image/popup/site_icon21.svg) 0 0 no-repeat;background-size: 36px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.sbmro a:before         {content: "";position: absolute;left: 16px;top: 21px;background: url(../../assets/image/popup/site_icon22.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.bi a:before            {content: "";position: absolute;left:20px;top:15px;background: url(../../assets/image/popup/site_icon23.svg) 0 0 no-repeat;background-size: 29px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.cobiz a:before         {content: "";position: absolute;left: 16px;top:15px;background: url(../../assets/image/popup/site_icon24.svg) 0 0 no-repeat;background-size: 38px;width:40px;height: 40px;z-index: 2;}
.site_list ul li.smes a:before         {content: "";position: absolute;left: 16px;top:15px;background: url(../../assets/image/popup/site_icon25.png) 0 0 no-repeat;background-size: 38px;width:40px;height: 40px;z-index: 2;}