<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="euc-kr">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="Description" content="비대면 쇼핑몰,대전위치, 온라인마케팅/홈페이지제작업체, 1인창조기업지원, 바이럴마케팅, 키워드광고, SNS, 언론기사 전문업체,소상공인 협동조합 공동네트워크,공동마케팅,공동브랜드 수행기관, 공동사업 개발계획서,건강제품 전시장,수출바우처,수출지원기반활용사업,1인창조기업,k-startup,맞춤형청년창업">
<meta property="og:type" content="website">
<meta property="og:title" content="Webcome:웹컴">
<meta property="og:description" content="비대면 쇼핑몰,대전위치, 온라인마케팅/홈페이지제작업체, 1인창조기업지원, 바이럴마케팅, 키워드광고, SNS, 언론기사 전문업체,소상공인 협동조합 공동네트워크,공동마케팅,공동브랜드 수행기관, 공동사업 개발계획서,건강제품 전시장,수출바우처,수출지원기반활용사업,1인창조기업,k-startup,맞춤형청년창업">
<meta property="og:image" content="http://www.webjuin.com/2016_ran/images/webcom.png">
<meta property="og:url" content="http://www.webjuin.com">
  <title>Webcome:웹컴</title>
  <!--[if (gte IE 6)&(lte IE 8)]>
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <link rel="stylesheet" type="text/css" href="../include/reset.css">
  <link rel="stylesheet" type="text/css" href="../include/style.css">
  <!--<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  <!-- bxSlider Javascript file -->
  <script src="../include/jquery.bxslider.js"></script>
  <!-- bxSlider CSS file -->
  <link href="../include/jquery.bxslider.css" rel="stylesheet" />
  <script type="text/javascript">
  $(document).ready(function(){
    pSlide = $('.port_list').bxSlider({
      slideWidth: 235,
      minSlides: 2,
      maxSlides: 4,
      moveSlides: 1,
      slideMargin: 20, onSlideAfter: function(){ pSlide.startAuto(); }
    });
    pSlide2 = $('#slider2').bxSlider({
      mode: 'fade',
      auto: true, 
      autoControls: true,
      speed: 2000,
      pause: 5000,
      slideMargin: 20, onSlideAfter: function(){ pSlide2.startAuto(); }
    });
  });
  </script>
<!-- <script type="text/javascript">
var initPosition = 0;
function scroll_floating() {
 var target_top = $(document).scrollTop() - initPosition;
 if(target_top < 0) target_top = 0;
 $('#floating').stop().animate({
 top: target_top
 }, 500);
}
$(window).load(function() {
 initPosition = $('#floating').offset().top -200;
 scroll_floating();
}).scroll(function () {
 scroll_floating();
});
</script> -->

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

<SCRIPT LANGUAGE="JavaScript">
<!--
function online_kk(){
	MM_showHideLayers('online','','show');
}
//-->
</SCRIPT>
<!--<SCRIPT LANGUAGE="JavaScript">
<!--
url="../popup/popup.htm";
wi="800"		//팝업창 가로 사이즈
hi="986"		//팝업창 세로 사이즈
li=""		//팝업창 가로 위치(가로 또는 세로 위치 값이 없을시 기본 위치에 팝업창이 뜸)
ti=""		//팝업창 세로 위치(가로 또는 세로 위치 값이 없을시 기본 위치에 팝업창이 뜸)

//↓쿠기 저장 여부 확인
function getCookie(name) {
    var Found = false
    var start, end
    var i = 0
    while(i <= document.cookie.length){
         start = i
         end = start + name.length
         if(document.cookie.substring(start, end) == name){
             Found = true
             break
         }
         i++
    }
    if(Found == true){
        start = end + 1
        end = document.cookie.indexOf(";", start)
        if(end < start)
            end = document.cookie.length
        return document.cookie.substring(start, end)
    }
    return ""
}

//↓팝업함수(쿠키 저장여부 확인후)
if (getCookie("w20180913")!= "none"){
	if(li.length>0 && ti.length>0){
		liti=',left='+li+',top='+ti;
	}else{
		liti=''
	}
	//maru=window.open(url,'w20180913','width='+wi+',height='+hi+''+liti);
}
//-->
<!--</SCRIPT>-->


</head>

<body style="background:none; max-width:100%; min-width: 100%">
<!-- <div id='floating' style='position:absolute;  width: 60px; margin-top: 115px; right: 50%; margin-right: -600px;  z-index:999998; font-size:0;'>
  <ul>
    <li><a href="#"><img src="../images/quick01.png"></a></li>
    <li><a href="#"><img src="../images/quick02.png"></a></li>
    <li><a href="#"><img src="../images/quick03.png"></a></li>
    <li><a href="#"><img src="../images/quick04.png"></a></li>
    <li><img src="../images/quick05.png"></li>
  </ul>
</div> -->

<!--팝업소스--> 
<script language="Javascript"> 
function setcookie( name, value, expirehours ) { 
var todayDate = new Date(); 
todayDate.setHours( todayDate.getHours() + expirehours ); 
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" 
} 
function closeWin() { 
if ( document.notice_form.chkbox.checked ){ 
setcookie( "maindiv", "done" , 24 ); 
} 
document.all['divpop'].style.display = "none"; 
} 
</script> 

<script language="JavaScript1.2"> 
isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;
function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  hotDog=isIE ? event.srcElement : e.target;
  idx=hotDog.id.substr(hotDog.id.length-1,1);
  whichDog=isIE ? eval("document.all.divpop" + idx) : document.getElementById("divpop" + idx);  
  while (hotDog.id!=hotDog.id&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }  
  if (hotDog.id){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichDog.style.left);
    nowY=parseInt(whichDog.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }
}
function dd(e){
  if (!ddEnabled) return;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;  
}
function ddN4(whatDog){
  if (!isN4) return;
  N4=eval(whatDog);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (isHot){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}
function hideMe(id){
  if ( document.getElementById('chkbox'+id).checked ) {
    setCookie( "mainPop"+id, "done" , 1 );
 document.getElementById('chkbox'+id).checked = false;
  }
  if (isIE||isNN) document.getElementById('divpop'+id).style.visibility="hidden";
  else if (isN4) document.divpop.visibility="hide";  
}
function setCookie( name, value, expiredays ) {
  var todayDate = new Date();
  todayDate.setDate( todayDate.getDate() + expiredays );
  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");
</script>
<!--팝업소스-->
<?php
$kk_date=date("Ymd");
if($kk_date<20250121){
?>
<!-- 
<div id="divpop0" style="width:450px; height:550px; position:absolute; /*eft:730px;*/ left: 32%; top:50px; z-index:9999999; visibility:hidden;">
<table border="0" bgcolor="#333333" cellspacing="0" cellpadding="1">
	<tr>
		<td align=center border=0 ><img src="popup_webcom_2025.jpg"></td>
	</tr>
	<tr>
		<td align="right" bgcolor="#999" width="100%" height="25" colspan="2" style="padding-top:2px; padding-bottom: 3px;">
			<input type="checkbox" name="chkbox0" id="chkbox0" value="checkbox" onFocus="this.blur();" onClick="hideMe(0);" style="vertical-align:middle;"> 
			<font color="#000" style="font-size:12px; color:#fff;vertical-align:middle;">하루 동안 이 창을 열지 않습니다. 
			<b onClick="hideMe(0);return false" style="cursor:pointer; color: #fff;">&nbsp;[닫기]</b></font>&nbsp;
		</td>
	</tr>
</table> 
</div> 
-->
<!--<div id="divpop0" style="width:450px; height:550px; position:absolute; left:150px; top:50px; z-index:999; visibility:hidden;">
<table border="0" bgcolor="#333333" cellspacing="0" cellpadding="1">
	<tr>
		<td align=center border=0 ><a href="https://www.k-startup.go.kr/homepage/businessManage/businessManageFunction.do?mid=1583&sid=126&itemSeq=1112" target="_blank"><img src="images/20170515_01.jpg"></a></td>
	</tr>
	<tr>
		<td align="right" bgcolor="#9d3c47" width="100%" height="25" colspan="2" style="padding-top:5px;"><input type="checkbox" name="chkbox0" id="chkbox0" value="checkbox" onFocus="this.blur();" onClick="hideMe(0);" style="vertical-align:top;"> <font color="#000" style="font-size:12px; color:#fff;vertical-align:middle;">하루 동안 이 창을 열지 않습니다. <b onClick="hideMe(0);return false" style="cursor:pointer;">&nbsp;[닫기]</b></font>&nbsp;</td>
	</tr>
</table> 
</div> -->

<!--<div id="divpop1" style="width:450px; height:550px; position:absolute; left:600px; top:50px; z-index:999; visibility:hidden;">
<table border="0" bgcolor="#333333" cellspacing="0" cellpadding="1">
	<tr>
		<td align=center border=0 ><a href=" http://www.exportvoucher.com/portal/bizinfo/voucher_01" target="_blank"><img src="images/20170515_02.jpg"></a></td>
	</tr>
	<tr>
		<td align="right" bgcolor="#9d3c47" width="100%" height="25" colspan="2" style="padding-top:5px;"><input type="checkbox" name="chkbox1" id="chkbox1" value="checkbox" onFocus="this.blur();" onClick="hideMe(1);" style="vertical-align:top;"> <font color="#000" style="font-size:12px; color:#fff;vertical-align:middle;">하루 동안 이 창을 열지 않습니다. <b onClick="hideMe(1);return false" style="cursor:pointer;">&nbsp;[닫기]</b></font>&nbsp;</td>
	</tr>
</table> 
</div> -->

<!-- <div id="divpop2" style="width:450px; height:550px; position:absolute; left:1050px; top:50px; z-index:999; visibility:hidden;">
<table border="0" bgcolor="#333333" cellspacing="0" cellpadding="1">
	<tr>
		<td align=center border=0 ><img src="images/popup_20180208.jpg"></td>
	</tr>
	<tr>
		<td align="right" bgcolor="#9d3c47" width="100%" height="25" colspan="2" style="padding-top:5px;"><input type="checkbox" name="chkbox2" id="chkbox2" value="checkbox" onFocus="this.blur();" onClick="hideMe(2);" style="vertical-align:top;"> <font color="#000" style="font-size:12px; color:#fff;vertical-align:middle;">하루 동안 이 창을 열지 않습니다. <b onClick="hideMe(2);return false" style="cursor:pointer;">&nbsp;[닫기]</b></font>&nbsp;</td>
	</tr>
</table> 
</div> -->

<?}?>


<script language="JavaScript"> 
<!--
cookiedata = document.cookie;
for (i=0;i<4;i++){
 if ( cookiedata.indexOf("mainPop"+i+"=done") < 0 ) {
   document.all['divpop'+i].style.visibility = "visible";
 }
 else {
 document.all['divpop'+i].style.visibility = "hidden";
 }
}
//-->
</script>
<!--실제팝업레이어 종료--> 

<div style="position:relative; width:100%; max-width:850px; margin: 3% auto;"">
	<img src="intro_img_w.jpg?ver=20250115" style="display:block; width:100%;  margin: 0 auto;" alt="비대면 쇼핑몰,대전위치, 온라인마케팅/홈페이지제작업체, 1인창조기업지원, 바이럴마케팅, 키워드광고, SNS, 언론기사 전문업체,소상공인 협동조합 공동네트워크,공동마케팅,공동브랜드 수행기관, 공동사업 개발계획서,건강제품 전시장,수출바우처,수출지원기반활용사업,1인창조기업,k-startup,맞춤형청년창업">
</div>

  <div id="whole_wrap" style="display:none;">
    <div id="header_wrap">
      <div class="header"><? include '../include/header.htm'; ?></div>
    </div>


	<div class="visual_wrap">
		  <div class="cont_first">
			<div class="main_bnr">
			  <!--<img src="images/banner.png">-->
			  <ul id="slider2">
				<li><img src="images/banner1.png" style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='banner.png')" /></li>
				<li><img src="images/banner2.png" style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='banner2.png')" /></li>
				<li><img src="images/banner3.png" style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='banner3.png')" /></li>
			  </ul>
			</div>


			<div class="project_now">
			  <div class="pn_header">
				<ul>
				  <li class="pn_title"><span>프로젝트현황</span></li>
				  <li class="btn_more"><a href="../cs/board03_list.htm">+더보기</a></li>
				</ul>
			  </div>
			  <div class="pn_list">
				<ul>
				<?
				include "../../2006/admin/admin_board_08/db_config/dbcon.php";    
				$query="select No,Name,Title,Wdate,Done from $dbtable where Sub_No=1 and Done='1' order by Wdate desc, No desc LIMIT 7";  
				$result= mysql_query($query,$DB);
												
				$total_record = mysql_num_rows($result);
					for($i = 0; $i < $total_record; $i++){ 
						$N_No = mysql_result($result,$i,0);
						$N_Name = stripslashes(mysql_result($result,$i,1));
						$N_Title = stripslashes(mysql_result($result,$i,2));
						$N_Wdate = mysql_result($result,$i,3);
						$N_Done = mysql_result($result,$i,4);

						If(strlen($N_Title)>55){
							$klen=55-1;
							while(ord($N_Title[$klen]) & 0x80) {$klen--;}
							$N_Title=substr($N_Title,0,55-((55+$klen+1)%2))."..";
						}else{
							$N_Title=$N_Title;
						}

						$Date=substr($N_Wdate,0,10);//date를 받아서 8번째부터...2글짜만 표시한당..(예 10 일)
						$dd1=date('Y.m.d');

						$wdate1 = mktime(date("H"),date("i"),date("s"),date("m"),date("d")-1,date("Y")); 
						$dd2 = date ("Y.m.d",$wdate1);

						if($N_Done=="0"){
							$Done_str = "진행중";
						}else{
							$Done_str = "수주완";
						}
						
						$Title_str = "[".$N_Title."] 계약완료";
				?>
				  <li><span class="pn_date"><!-- [<?=$Date?>] --></span><a href="../cs/board01_list.htm?No=<?=$N_No?>" class="pn_text"><?=$Title_str?></a></li>
				<?}?>
				</ul>
			  </div>
			</div>
		  </div>
	</div>


    <div id="main_portfolio_wrap">
      <div class="portfolio">
        <div class="port_content">
          <div class="port_title"><a href="../portfolio/board01_list.htm">포트폴리오 갤러리</a></div>
          <div class="port_list">
            
<?
			include "../../2006/admin/admin_board_01/db_config/dbcon.php";    
			$query="select No,Name,Title,Fname,Fname1,Wdate,Homepage,P_up from $dbtable where Sub_No=1 order by Wdate desc, No desc LIMIT 12";  
			$result= mysql_query($query,$DB);
											
   			$total_record = mysql_num_rows($result);
				for($i = 0; $i < $total_record; $i++){ 
					$N_No = mysql_result($result,$i,0);
					$N_Name = mysql_result($result,$i,1);
					$N_Title = stripslashes(mysql_result($result,$i,2));
					$N_Fname = mysql_result($result,$i,3);
					$N_Fname1 = mysql_result($result,$i,4);
					$N_Wdate = mysql_result($result,$i,5);
					$N_Homepage = mysql_result($result,$i,6);
					$N_P_up = mysql_result($result,$i,7);
					
					If(strlen($N_Name)>21){
						$klen=21-1;
						while(ord($N_Name[$klen]) & 0x80) {$klen--;}
						$N_Name=substr($N_Name,0,21-((21+$klen+1)%2))."..";
					}else{
						$N_Name=$N_Name;
					}

					$Date=substr($N_Wdate,0,10);//date를 받아서 8번째부터...2글짜만 표시한당..(예 10 일)
					$dd1=date('Y-m-d');

					$wdate1 = mktime(date("H"),date("i"),date("s"),date("m"),date("d")-1,date("Y")); 
					$dd2 = date ("Y-m-d",$wdate1);

			?>			
			<div class="slide">
              <table width="235" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td><a href="/2016_ran/portfolio/board01_list.htm"><?if($N_Fname!=""){?><img src="../../2006/admin/admin_board_01/data/<?=$N_Fname?>" width="235" height="175"><?}else{?><!-- <img src="images/port_view.png" width="235" height="175"> --><?}?></a></td>
                </tr>
                <tr>
                  <td width="156" align="left" class="port_txt2" style="padding-top:10px; text-align:center; line-height:22px;"><?=$N_Name?><br><?=$N_Title?></td>
                </tr>
              </table>
            </div>
            <?}?>

          </div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="quick">
        <ul>
          <li><a href="../homepage/board01_1_list.htm"><img src="../main/images/banner01.png"></a></li>
          <li><a href="../homepage/board01_2_list.htm"><img src="../main/images/banner02.png"></a></li>
          <li><a href="../shopping/sub01.htm"><img src="../main/images/banner03.png"></a></li>
          <li><a href="../mobile/sub01.htm"><img src="../main/images/banner04.png" style="margin-right:0;"></a></li>
        </ul>
      </div>


	<!--공지사항/고객센터/입금계좌안내-->
		<div class="wrap_notice">

		
			<!--공지사항-->
			<div class="main_notice">				
				<p class="main_b_title">공지사항 최신글</p>	
				<ul>
				<?
				include "../../2006/admin/admin_board_02/db_config/dbcon.php";    
				$query="select No,Name,Title,Wdate from $dbtable where Sub_No=1 order by Wdate desc, No desc LIMIT 5";  
				$result= mysql_query($query,$DB);
												
				$total_record = mysql_num_rows($result);
					for($i = 0; $i < $total_record; $i++){ 
						$N_No = mysql_result($result,$i,0);
						$N_Name = stripslashes(mysql_result($result,$i,1));
						$N_Title = stripslashes(mysql_result($result,$i,2));
						$N_Wdate = mysql_result($result,$i,3);

						If(strlen($N_Title)>11){
							$klen=33-1;
							while(ord($N_Title[$klen]) & 0x80) {$klen--;}
							$N_Title=substr($N_Title,0,33-((33+$klen+1)%2))."..";
						}else{
							$N_Title=$N_Title;
						}

						$Date=substr($N_Wdate,0,10);//date를 받아서 8번째부터...2글짜만 표시한당..(예 10 일)
						$dd1=date('Y.m.d');

						$wdate1 = mktime(date("H"),date("i"),date("s"),date("m"),date("d")-1,date("Y")); 
						$dd2 = date ("Y.m.d",$wdate1);
				?>
					<li class="title"><img src="../main/images/icon_notice01.png"><a href="../cs/board01_view.htm?No=<?=$N_No?>&Sub_No=1"><?=$N_Title?></a></li><li class="day">&nbsp;</li>
				<?}?>
				</ul>

				<div class="notice_more"><a href="../cs/board01_list.htm?Sub_No=1">더보기+</a></div>
			</div>
			<!--//공지사항-->

			
			<!--고객센터-->
			<div class="main_customer">				
				<p class="main_b_title2">고객센터</p>
				<p class="main_cus1">
				궁금하신 사항은<br>
				고객센터로 전화주세요.
				</p>
				<p class="main_cus2">042.528.2121</p>
				<p class="main_cus3">Fax.042. 528. 2122</p>

				<div class="main_cus4">※ 전화상담가능시간 : 평일 오전 09:00~18:00 </div>
			</div>			
			<!--//고객센터-->

		
			<!--입금계좌안내-->			
			<div class="main_bank">
				<p class="main_b_title1">입금계좌안내</p>
				<p class="main_bank1">
				예금주 (주)웹컴
				</p>
				<p class="main_bank2">
				농협 <span>453031-55-001555</span><br>
				하나 <span>699-910015-12305</span><br>
				국민 <span>478101-04-085489</span><br>
				</p>
			</div>		
			<!--//입금계좌안내-->


		</div>
	<!--//공지사항/고객센터/입금계좌안내-->


	<!--as현황/협동조합배너-->
		<div class="wrap_as">
		
			<!--as현황최신글-->
			<div class="main_as">				
				<p class="main_as_title">AS현황 최신글</p>	
				<ul>
<?
			include "../../2006/admin/admin_board_08/db_config/dbcon.php";    
			$query="select No,Name,Title,Wdate from $dbtable where Sub_No=3 order by Wdate desc, No desc LIMIT 4";  
			$result= mysql_query($query,$DB);
											
   			$total_record = mysql_num_rows($result);
				for($i = 0; $i < $total_record; $i++){ 
					$N_No = mysql_result($result,$i,0);
					$N_Name = mysql_result($result,$i,1);
					$N_Title = stripslashes(mysql_result($result,$i,2));
					$N_Wdate = mysql_result($result,$i,3);
					
					If(strlen($N_Title)>11){
						$klen=43-1;
						while(ord($N_Title[$klen]) & 0x80) {$klen--;}
						$N_Title=substr($N_Title,0,43-((43+$klen+1)%2))."..";
					}else{
						$N_Title=$N_Title;
					}

					$Date=substr($N_Wdate,0,10);//date를 받아서 8번째부터...2글짜만 표시한당..(예 10 일)
					$dd1=date('Y-m-d');

					$wdate1 = mktime(date("H"),date("i"),date("s"),date("m"),date("d")-1,date("Y")); 
					$dd2 = date ("Y.m.d",$wdate1);

			?>	
					<li class="title">ㆍ <?=$N_Title?></li><li class="day">[<?=$dd2?>]</li>
			<?}?>
				</ul>

				<div class="as_more"><!-- <a href="#">더보기+</a> --></div>
			</div>
			<!--//as현황최신글-->

			<!--협동조합배너-->
			<div class="main_banner"><a href="#"><img src="../main/images/main_banner1.png"></a></div>
			<!--//협동조합배너-->

		</div>		
	<!--//as현황/협동조합배너-->


      <div class="cooperator"><? include '../include/cooperator.htm'; ?></div>
    </div>
    <div id="footer_wrap">
      <div class="footer"><? include '../include/copy.htm'; ?></div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog" style="width:1100px; left:50%; margin-left:-550px; top:100px;">
          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="btn btn-default" data-dismiss="modal" style="background:#ffffff; border:0;"><img src="../images/modal_close.gif"></button>
            </div>
            <div class="modal-body">
              <div class="mport_left"><img src="../images/portfolio_view_sample.jpg"></div>
              <div class="mport_right">
                <ul>
                  <li class="modal_title">사이트명</li>
                  <li><span class="modal_txt01">Project Name</span><span class="modal_txt02">사이트명</span></li>
                  <li><span class="modal_txt01">Site URL</span><span class="modal_txt02">사이트명</span></li>
                  <li><span class="modal_txt01">Client Name</span><span class="modal_txt02">사이트명</span></li>
                </ul>
                <div class="modal_cursor">
                  <ul>
                    <li><a href="#"><img src="../images/port_prev.png" alt=""><br>Prev</a></li>
                    <li class="last"><a href="#"><img src="../images/port_next.png" alt=""><br>Next</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
    </div>
  </div>
</body>
</html>