@charset "euc-kr";
/* CSS Document */
a img { border:0; }
a {text-decoration:none;}
ul, li {list-style:none;}

/*list style*/
#portfolio {
	width:1160px;
	margin:auto; margin-top:50px;
	overflow:hidden;
}
#portfolio ul {
	width:100%;
	margin:auto; margin-left:11px;
}
#portfolio ul:after {
	clear:both;
	display:block;
	content:"";
}
#portfolio ul li {
	width:210px;
	height:210px;
	margin-right:22px; padding-bottom:25px;
	position:relative;
	float:left;
}
#portfolio ul li .img {
	display:block;
	width:208px; height:208px;
	overflow:hidden;
	border:1px solid #e6e6e6;
}

/*mn03_04 추가css*/
#portfolio ul li.mn03_04 {
	width:210px;
	height:297px;
	margin-right:22px; padding-bottom:25px;
	position:relative;
	float:left;
}
#portfolio ul li .img04 {
	display:block;
	width:208px; height:297px;
	overflow:hidden;
	border:1px solid #e6e6e6;
}

#portfolio ul li .img04 img {
	width:100%;
}

#page_view .page_img .main .main_view04 {
	display:block;
	margin-bottom:15px;
	text-align:center;
}
#page_view .page_img .main .main_view04 img {
	max-width:1092px; height:auto;
	margin:3px;
	border:1px solid #ccc;	
}

#monitor_view04 {
	width:1100px;
	margin:auto; margin-top:50px;
}
#monitor_view04 #monitor {
	width:100%; height:820px;
	position:relative;
	background:url(../portfolio/images/veiw_monitor2.jpg) no-repeat;
}
#monitor_view04 #monitor .img {
	display:block;
	width:500px; height:450px;
	overflow:hidden;
	position:absolute; left:290px; top:88px; z-index:2;
}
#monitor_view04 #monitor .img img {
	width:100%;
}
#monitor_view04 #monitor .btn_visit {
	display:block;
	width:151px; height:35px;
	position:absolute; right:19px; bottom:19px; z-index:3;
}

#monitor_view04 #exp_txt {
	margin-top:10px; margin-bottom:50px;
	text-align:left;
}
#monitor_view04 #exp_txt:after {
	clear:both;
	display:block;
	content:"";
}
#monitor_view04 #exp_txt .site_info {
	float:left;	
	padding:0 20px 0 12px;
}
#monitor_view04 #exp_txt .site_info .name {
	display:block;	
	font-size:30px; font-weight:600; color:#333; line-height:30px;
	padding-top:5px;
	margin-bottom:5px;
}
#monitor_view #exp_txt .site_info .date {
	display:block;
	font-size:15px; color:#999;
}
#monitor_view04 #exp_txt .cnt {
	float:left;
	min-height:45px;
	padding:5px 10px 5px 20px;
	border-left:1px solid #ccc;
	font-size:13px;	color:#666; line-height:140%;
}

.print {padding:15px 0; border:solid 1px #d9d9d9; border-left:none; border-right:none;}

/*mn03_04 추가css 끝*/

#portfolio ul li .img img {
	width:100%;
}
#portfolio ul li .title {
	position:absolute; left:0; bottom:25px; z-index:2;
	display:block;
	width:100%; height:35px;
	text-align:center; line-height:35px;
	background:url(../portfolio/images/title_bg.png);
}
#portfolio ul li .title a {
	font-size:16px;
	color:#fff;
	text-decoration:none;
}

#paging {
	width:100%; height:25px;
	margin:10px 0 30px 0;
	text-align:center;
}

#paging a {
	display:inline-block;
	width:23px; height:23px;
	border:1px solid #ccc;
	text-align:center; line-height:23px;
	font-size:12px; color:#666;
	text-decoration:none;
	vertical-align:middle;
	margin:0 2px;
}
#paging a.current {
	color:#fff;
	border-color:#cc493d;
	background:#e86b60;
}
#paging a.prev {
	width:25px; height:0;
	padding-top:25px;
	overflow:hidden;
	margin-right:5px;
	border:none;
	background:url(../portfolio/images/page_prev.gif) no-repeat;
}
#paging a.next {
	width:25px; height:0;
	padding-top:25px;
	overflow:hidden;
	margin-left:5px;
	border:none;
	background:url(../portfolio/images/page_next.gif) no-repeat;
}

/*view style*/
#monitor_view {
	width:1100px;
	margin:auto; margin-top:50px;
}
#monitor_view #monitor {
	width:100%; height:820px;
	position:relative;
	background:url(../portfolio/images/veiw_monitor.jpg) no-repeat;
}
#monitor_view #monitor .img {
	display:block;
	width:782px; height:450px;
	overflow:hidden;
	position:absolute; left:152px; top:88px; z-index:2;
}
#monitor_view #monitor .img img {
	width:100%;
}
#monitor_view #monitor .btn_visit {
	display:block;
	width:151px; height:35px;
	position:absolute; right:19px; bottom:19px; z-index:3;
}

#monitor_view #exp_txt {
	margin-top:10px; margin-bottom:50px;
	text-align:left;
}
#monitor_view #exp_txt:after {
	clear:both;
	display:block;
	content:"";
}
#monitor_view #exp_txt .site_info {
	float:left;	
	padding:0 20px 0 12px;
}
#monitor_view #exp_txt .site_info .name {
	display:block;	
	font-size:25px; font-weight:600; color:#333; line-height:30px;
	padding-top:10px;
	margin-bottom:5px;
}
#monitor_view #exp_txt .site_info .date {
	display:block;
	font-size:15px; color:#999;
}
#monitor_view #exp_txt .cnt {
	float:left;
	min-height:45px;
	padding:5px 10px 5px 20px;
	border-left:1px solid #ccc;
	font-size:13px;	color:#666; line-height:140%;
}

#page_view {
	width:1100px;
	margin:auto;
}
#page_view .top {
	position:relative;
	height:46px;
	background:url(images/dotline.gif) repeat-x left bottom;
	margin-bottom:25px;
}
#page_view .top .title {
	font-size:30px; font-weight:600; color:#999;
	line-height:30px;
	text-align:center
}
#page_view .top .title .red {
	font-size:30px; color:#e86b60;
	position:relative; 
	
}
#page_view .top .btn_list1 {
	position:absolute; right:0; top:0; 
	height:25px;	
}
#page_view .top .btn_list1 a {
	display:inline-block;
	width:60px; height:25px;
	margin-left:3px;
	font-size:13px; color:#999; text-align:center; line-height:25px;
	border:1px solid #d9d9d9; 
	background:#f2f2f2;
}

#page_view .page_img .main {
	position:relative;
}
#page_view .page_img .main .main_band {
	display:block;
	position:absolute; left:0; top:0; z-index:2;
	width:105px; height:0;
	padding-top:105px;
	overflow:hidden;
	background:url(../portfolio/images/main_band.png) no-repeat;
}

#page_view .page_img .main .main_band2 {
	display:block;
	position:absolute; left:0; top:0; z-index:2;
	width:105px; height:0;
	padding-top:105px;
	overflow:hidden;
	background:url(../portfolio/images/main_band02.png) no-repeat;
}

#page_view .page_img .main .main_view {
	display:block;
	margin-bottom:15px;
}
#page_view .page_img .main .main_view img {
	width: 1092px;
	margin:3px;
	border:1px solid #ccc;
}
#page_view .page_img .sub {
	margin-left:3px;
}
#page_view .page_img .sub:after {
	clear:both;
	display:block;
	content:"";
}
#page_view .page_img .sub span {
	display:block;
	width:538px;
	border:1px solid #ccc;
}
#page_view .page_img .sub .sub1 {
	float:left;
}
#page_view .page_img .sub .sub2 {
	float:right;
}
#page_view .page_img .sub span img {
	width:100%;
}

#btn {	
	width:1100px; 
	margin:auto; margin-top:20px; margin-bottom:30px;
	text-align:right;
}
#btn a {
	display:inline-block;
	width:150px; height:40px;
	text-align:center; font-size:18px; color:#fff; line-height:40px;
	border:1px solid #444;
	border-radius:3px;
	background:#666;
}

/*write style*/
#portfolio_write {
	width:95%;
	margin:auto;	
}
#portfolio_write table {
	width:100%;
	font-family:NanumGothic, 나눔고딕, 나눔바른고딕, Arial, Helvetica, sans-serif; font-size:12px; color:#666;
	border-spacing:0;
	border-top:2px solid #666;
}
#portfolio_write table th {
	width:150px; 
	font-weight:normal;
	border-bottom:1px solid #d9d9d9;
	background:#f6f6f6;
	text-align:center;
}
#portfolio_write table td {
	padding:5px;
	border-bottom:1px solid #d9d9d9;
}
#portfolio_write input {
	vertical-align:middle;
	font-family:NanumGothic, 나눔고딕, 나눔바른고딕, Arial, Helvetica, sans-serif; font-size:12px; color:#666; 
}
#portfolio_write .inputbox {
	width:80%; height:20px;
	border:1px solid #ccc;
}
#portfolio_write .textarea {
	width:80%;
	border:1px solid #ccc;
}
#portfolio_write .filebox {
	width:50%; height:23px;
}
#portfolio_write td .exp {
	display:block;
	margin-top:5px;
	font-size:11px; line-height:140%;
}
#portfolio_write td a {
	font-size:12px;
	color:#36C;
}
#portfolio_write .btn_write {
	margin-top:10px;
	text-align:right;
}
#portfolio_write .btn_write .btn {
	display:inline-block;
	width:60px; height:25px;
	font-family:NanumGothic, 나눔고딕, 나눔바른고딕, Arial, Helvetica, sans-serif; font-size:13px; color:#666; text-align:center; line-height:25px;
	background:#eee;
	border:1px solid #ccc;
	margin-right:3px;
}
#portfolio_write .btn_write input {
	width:60px; height:27px;
	font-size:13px; color:#fff;
	background:#e86b60;
	border:1px solid #cc493d;
}