[건축/자재/인테리어/가구]
원인테리어
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;}
div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;}
div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{
float:left;
padding:0;
margin:0;
font-size:13px;
vertical-align:middle;
}
div.portfolio-views-area dl dt{
min-width:115px;
font-weight:bold;
color:#000;
background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat;
padding-left:28px;
}
div.portfolio-views-area dl dd{color:#717173;width:auto;}
div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;}
div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;}
div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;}
/*base*/
#sub_contents .board_page .board_read_main{border-top:0 none;}
#sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;}
#sub_contents .board_page .board_read_info1 .tit_subject,
#sub_contents .board_page .txt_ahead{display:none;}
#sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;}
#sub_contents .board_page .board_read_info2{border:0 none;}
#sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;}
@media all and (max-width:1024px){
div.portfolio-views-area dl dt{float:none;}
div.portfolio-views-area dl dd{float:none; padding-left:28px;}
div.portfolio-views-area a.btn-responsive{display:none;}
}
CLIENT원인테리어URL http://oneinterior.kr/CATEGORY인테리어/가구 > 인테리어/가구 종합 > 인테리어-디자인COMMENT최신 반응형 디자인으로, 햄버거 메뉴로 심플하고 깔끔하게 표현함
CLIENT원인테리어URL http://oneinterior.kr/CATEGORY인테리어/가구 > 인테리어/가구 종합 > 인테리어-디자인COMMENT최신 반응형 디자인으로, 햄버거 메뉴로 심플하고 깔끔하게 표현함
[건축/자재/인테리어/가구]
조은욕실(욕실디자인)
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT조은욕실(욕실디자인)URL wowbath.com CATEGORY인테리어/가구 > 인테리어/가구종합 > 인테리어-인테리어 <dd> <="" dd="">COMMENT슬라이드쇼의 화면 전체이미지를 노출하여 욕실의 깔끔함을 보여주며 욕실 리모델링 리폼 전문업체의 장점을 살린 디자인
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT조은욕실(욕실디자인)URL wowbath.com CATEGORY인테리어/가구 > 인테리어/가구종합 > 인테리어-인테리어 <dd> <="" dd="">COMMENT슬라이드쇼의 화면 전체이미지를 노출하여 욕실의 깔끔함을 보여주며 욕실 리모델링 리폼 전문업체의 장점을 살린 디자인
[건축/자재/인테리어/가구]
우리디자인
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT우리디자인URL http://woori-design.comCATEGORY인테리어/가구 > 인테리어/가구 종합 > 인테리어-디자인COMMENT심플한 UI로 브랜드에 집중할 수 있고, 선명하고 깨끗한 이미지와 문구들로 고급스럽고 우아한 아이덴티티를 제공
감성을 조용히 자극하는 감각적인 구성을 통해 마치 작품을 감상하는 듯한 느낌으로 컨텐츠에 주목할 수 있도록 함
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT우리디자인URL http://woori-design.comCATEGORY인테리어/가구 > 인테리어/가구 종합 > 인테리어-디자인COMMENT심플한 UI로 브랜드에 집중할 수 있고, 선명하고 깨끗한 이미지와 문구들로 고급스럽고 우아한 아이덴티티를 제공
감성을 조용히 자극하는 감각적인 구성을 통해 마치 작품을 감상하는 듯한 느낌으로 컨텐츠에 주목할 수 있도록 함
KDC대구수성점(케이디씨대구수성점)
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;}
div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;}
div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{
float:left;
padding:0;
margin:0;
font-size:13px;
vertical-align:middle;
}
div.portfolio-views-area dl dt{
min-width:115px;
font-weight:bold;
color:#000;
background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat;
padding-left:28px;
}
div.portfolio-views-area dl dd{color:#717173;width:auto;}
div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;}
div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;}
div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;}
/*base*/
#sub_contents .board_page .board_read_main{border-top:0 none;}
#sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;}
#sub_contents .board_page .board_read_info1 .tit_subject,
#sub_contents .board_page .txt_ahead{display:none;}
#sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;}
#sub_contents .board_page .board_read_info2{border:0 none;}
#sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;}
@media all and (max-width:1024px){
div.portfolio-views-area dl dt{float:none;}
div.portfolio-views-area dl dd{float:none; padding-left:28px;}
div.portfolio-views-area a.btn-responsive{display:none;}
}
CLIENT KDC대구수성점(케이디씨대구수성점) URL carbird.co.kr CATEGORY 자동차/운송/화물 > 자동차정비/대행 > 자동차수리-외형복원 COMMENT 자동차외형복원전문 업체의 신뢰성을 높이기 위해 블랙컬러를 메인컬러로 사용했으며, 시공안내와 작업갤러리의 목록이미지를 통해 차의 어떤부분을 수리할 수 있는지 방문자에게 실질적으로 사례를 제공하여 알려줄 수 있습니다.
CLIENT KDC대구수성점(케이디씨대구수성점) URL carbird.co.kr CATEGORY 자동차/운송/화물 > 자동차정비/대행 > 자동차수리-외형복원 COMMENT 자동차외형복원전문 업체의 신뢰성을 높이기 위해 블랙컬러를 메인컬러로 사용했으며, 시공안내와 작업갤러리의 목록이미지를 통해 차의 어떤부분을 수리할 수 있는지 방문자에게 실질적으로 사례를 제공하여 알려줄 수 있습니다.
[건강/의료/의약]
대명요양병원
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT대명요양병원URL dmmc.kr CATEGORY건강/의료/의약 > 기타병원 > 병원/의원-노인전문치료병원COMMENT환자의 몸과 마음을 편하게 생활할 수 있도록 노력하는 대명요양병원은 홈페이지 內 텍스트를 가독성이 좋도록 사이즈를 크게 작업하였고 메뉴에 이미지를 넣어 텍스트보다 이미지로 눈길이 가도록 제작하였습니다.
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT대명요양병원URL dmmc.kr CATEGORY건강/의료/의약 > 기타병원 > 병원/의원-노인전문치료병원COMMENT환자의 몸과 마음을 편하게 생활할 수 있도록 노력하는 대명요양병원은 홈페이지 內 텍스트를 가독성이 좋도록 사이즈를 크게 작업하였고 메뉴에 이미지를 넣어 텍스트보다 이미지로 눈길이 가도록 제작하였습니다.
[생활/가정/사무]
열쇠닥터
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT열쇠닥터URL key-doctor.kr CATEGORY쇼핑/편의/생활/가정용품 > 열쇠/도장/금고 > 열쇠제작/판매/수리COMMENT열쇠 시공에 오랜경험과 기술을 보유하고 있는 열쇠닥터의 스마트한 기능과 심플한 디자인을 살려 제작한 홈페이지입니다.
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT열쇠닥터URL key-doctor.kr CATEGORY쇼핑/편의/생활/가정용품 > 열쇠/도장/금고 > 열쇠제작/판매/수리COMMENT열쇠 시공에 오랜경험과 기술을 보유하고 있는 열쇠닥터의 스마트한 기능과 심플한 디자인을 살려 제작한 홈페이지입니다.
[쇼핑]
땅끝미향
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT땅끝미향URL 땅끝미향.com CATEGORY농수산/축산/임업/광업 > 농산물판매 >COMMENT고구마모종, 배추, 고춧가루등을 판매하는 가족농장 쇼핑몰로 메인 화면에서 스크롤 내리면 판매하는 상품을 확인할 수 있게 구성하였고 깔끔하고 군더더기 없는 심플한 구성으로 제작된 쇼핑몰입니다.
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT땅끝미향URL 땅끝미향.com CATEGORY농수산/축산/임업/광업 > 농산물판매 >COMMENT고구마모종, 배추, 고춧가루등을 판매하는 가족농장 쇼핑몰로 메인 화면에서 스크롤 내리면 판매하는 상품을 확인할 수 있게 구성하였고 깔끔하고 군더더기 없는 심플한 구성으로 제작된 쇼핑몰입니다.
[전기/전자/보안/기계 ]
코어이디엠
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;}
div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;}
div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{
float:left;
padding:0;
margin:0;
font-size:13px;
vertical-align:middle;
}
div.portfolio-views-area dl dt{
min-width:115px;
font-weight:bold;
color:#000;
background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat;
padding-left:28px;
}
div.portfolio-views-area dl dd{color:#717173;width:auto;}
div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;}
div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;}
div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;}
/*base*/
#sub_contents .board_page .board_read_main{border-top:0 none;}
#sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;}
#sub_contents .board_page .board_read_info1 .tit_subject,
#sub_contents .board_page .txt_ahead{display:none;}
#sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;}
#sub_contents .board_page .board_read_info2{border:0 none;}
#sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;}
@media all and (max-width:1024px){
div.portfolio-views-area dl dt{float:none;}
div.portfolio-views-area dl dd{float:none; padding-left:28px;}
div.portfolio-views-area a.btn-responsive{display:none;}
}
CLIENT코어이디엠URL http://coreedm.com/CATEGORY기계 > 기계부속제조COMMENT한눈에 들어오는 깔끔하고 심플한 레이아웃
균등한 면분활, 크고 깔끔한 구성
CLIENT코어이디엠URL http://coreedm.com/CATEGORY기계 > 기계부속제조COMMENT한눈에 들어오는 깔끔하고 심플한 레이아웃
균등한 면분활, 크고 깔끔한 구성
[전기/전자/보안/기계 ]
비케이솔루션
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;}
div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;}
div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{
float:left;
padding:0;
margin:0;
font-size:13px;
vertical-align:middle;
}
div.portfolio-views-area dl dt{
min-width:115px;
font-weight:bold;
color:#000;
background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat;
padding-left:28px;
}
div.portfolio-views-area dl dd{color:#717173;width:auto;}
div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;}
div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;}
div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;}
/*base*/
#sub_contents .board_page .board_read_main{border-top:0 none;}
#sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;}
#sub_contents .board_page .board_read_info1 .tit_subject,
#sub_contents .board_page .txt_ahead{display:none;}
#sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;}
#sub_contents .board_page .board_read_info2{border:0 none;}
#sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;}
@media all and (max-width:1024px){
div.portfolio-views-area dl dt{float:none;}
div.portfolio-views-area dl dd{float:none; padding-left:28px;}
div.portfolio-views-area a.btn-responsive{display:none;}
}
CLIENT비케이솔루션URL http://bk-solution.com/CATEGORY전기/전자/가전/보안 > 경보/보안제품 > CCTV카메라제조/설치COMMENT균등한 면분활, 크고 깔끔한 구성
CLIENT비케이솔루션URL http://bk-solution.com/CATEGORY전기/전자/가전/보안 > 경보/보안제품 > CCTV카메라제조/설치COMMENT균등한 면분활, 크고 깔끔한 구성
[전기/전자/보안/기계 ]
크래카
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;}
div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;}
div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{
float:left;
padding:0;
margin:0;
font-size:13px;
vertical-align:middle;
}
div.portfolio-views-area dl dt{
min-width:115px;
font-weight:bold;
color:#000;
background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat;
padding-left:28px;
}
div.portfolio-views-area dl dd{color:#717173;width:auto;}
div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;}
div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;}
div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;}
/*base*/
#sub_contents .board_page .board_read_main{border-top:0 none;}
#sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;}
#sub_contents .board_page .board_read_info1 .tit_subject,
#sub_contents .board_page .txt_ahead{display:none;}
#sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;}
#sub_contents .board_page .board_read_info2{border:0 none;}
#sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;}
@media all and (max-width:1024px){
div.portfolio-views-area dl dt{float:none;}
div.portfolio-views-area dl dd{float:none; padding-left:28px;}
div.portfolio-views-area a.btn-responsive{display:none;}
}
CLIENT크래카URL http://craeca.com/CATEGORY전기/전자/가전/보안 > 기타전기전자관련업COMMENT심플한 UI로 브랜드에 집중할 수 있고, 선명하고 깨끗한 이미지와 문구들로 고급스럽고 우아한 아이덴티티를 제공심플한 구성과 컬러를 사용함으로써 차별화된 고급스러움을 표현
CLIENT크래카URL http://craeca.com/CATEGORY전기/전자/가전/보안 > 기타전기전자관련업COMMENT심플한 UI로 브랜드에 집중할 수 있고, 선명하고 깨끗한 이미지와 문구들로 고급스럽고 우아한 아이덴티티를 제공심플한 구성과 컬러를 사용함으로써 차별화된 고급스러움을 표현
[전기/전자/보안/기계 ]
(주)한성전기소방
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT(주)한성전기소방URL 한성전기.com CATEGORY전기/전자/가전/보안 > 전기발전/관리 > 전기안전관리대행COMMENT푸터를 좌측에 배치하여 스크롤을 내리지 않아도 하단 푸터를 확인할 수 있는 홈페이지로 제작했습니다. 메뉴또한 좌상단에 위치하여 메뉴 클릭이 편리하며 우상단에는 자주가는 사업분야 등을 배치하여 한눈에 홈페이지에서 필요한 정보를 클릭할 수 있도록 구성하였습니다.
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT(주)한성전기소방URL 한성전기.com CATEGORY전기/전자/가전/보안 > 전기발전/관리 > 전기안전관리대행COMMENT푸터를 좌측에 배치하여 스크롤을 내리지 않아도 하단 푸터를 확인할 수 있는 홈페이지로 제작했습니다. 메뉴또한 좌상단에 위치하여 메뉴 클릭이 편리하며 우상단에는 자주가는 사업분야 등을 배치하여 한눈에 홈페이지에서 필요한 정보를 클릭할 수 있도록 구성하였습니다.
[숙박예약]
십이선녀통나무집
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT십이선녀탕통나무집URL 십이선녀탕통나무집.com CATEGORY레저/여행/문화 > 숙박 > 펜션/민박/별장대여COMMENT캠핑장과 자연, 소나무 느낌을 살려 메인컬러를 그린색으로 디자인하였고, 자연속에서 캠핑하는 점을 강조하기 위해 캠핑장 이미지를 슬라이드쇼로 배치하였습니다.
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT십이선녀탕통나무집URL 십이선녀탕통나무집.com CATEGORY레저/여행/문화 > 숙박 > 펜션/민박/별장대여COMMENT캠핑장과 자연, 소나무 느낌을 살려 메인컬러를 그린색으로 디자인하였고, 자연속에서 캠핑하는 점을 강조하기 위해 캠핑장 이미지를 슬라이드쇼로 배치하였습니다.
[학원/학교/교육]
태양미용학원
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT태양미용학원URL tybeauty.co.kr CATEGORY학원/학교/교육 > 이/미용 > 학원-미용COMMENT미용에 관한 이미지가 돋보이도록 제작된 홈페이지로 왼쪽 세로 슬라이드쇼를 배치하였고 우측에 메뉴를 박스 형태로 노출하여 원하는 메뉴 바로가기가 가능하도록 제작되었습니다.
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT태양미용학원URL tybeauty.co.kr CATEGORY학원/학교/교육 > 이/미용 > 학원-미용COMMENT미용에 관한 이미지가 돋보이도록 제작된 홈페이지로 왼쪽 세로 슬라이드쇼를 배치하였고 우측에 메뉴를 박스 형태로 노출하여 원하는 메뉴 바로가기가 가능하도록 제작되었습니다.
[숙박예약]
바다민박
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT바다민박URL 을왕리바다민박.com CATEGORY레저/여행/문화 > 숙박 > 펜션/민박/별장대여COMMENT자연과 낭만을 품은 바다민박의 느낌을 살려 메인컬러는 하늘색느낌으로 작업했으며, 갤러리 게시판을 사용하여 객실이미지를 목록에서 먼저 한눈에 확인할 수 있도록 설정한 홈페이지입니다.
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;} div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;} div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{ float:left; padding:0; margin:0; font-size:13px; vertical-align:middle; } div.portfolio-views-area dl dt{ min-width:115px; font-weight:bold; color:#000; background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat; padding-left:28px; } div.portfolio-views-area dl dd{color:#717173;width:auto;} div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;} div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;} div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;} /*base*/ #sub_contents .board_page .board_read_main{border-top:0 none;} #sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;} #sub_contents .board_page .board_read_info1 .tit_subject, #sub_contents .board_page .txt_ahead{display:none;} #sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;} #sub_contents .board_page .board_read_info2{border:0 none;} #sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;} @media all and (max-width:1024px){ div.portfolio-views-area dl dt{float:none;} div.portfolio-views-area dl dd{float:none; padding-left:28px;} div.portfolio-views-area a.btn-responsive{display:none;} }
CLIENT바다민박URL 을왕리바다민박.com CATEGORY레저/여행/문화 > 숙박 > 펜션/민박/별장대여COMMENT자연과 낭만을 품은 바다민박의 느낌을 살려 메인컬러는 하늘색느낌으로 작업했으며, 갤러리 게시판을 사용하여 객실이미지를 목록에서 먼저 한눈에 확인할 수 있도록 설정한 홈페이지입니다.
[숙박예약]
그린힐펜션
div.portfolio-views-area{border-top:1px solid #d2d2d4; margin-top:20px;}
div.portfolio-views-area dl{display:inline-block; width:100%; border-bottom:1px solid #d2d2d4; padding:10px 0; margin:0;}
div.portfolio-views-area dl dt, div.portfolio-views-area dl dd{
float:left;
padding:0;
margin:0;
font-size:13px;
vertical-align:middle;
}
div.portfolio-views-area dl dt{
min-width:115px;
font-weight:bold;
color:#000;
background:url(/template/f160406094726/images/icon-circle.gif) 20px center no-repeat;
padding-left:28px;
}
div.portfolio-views-area dl dd{color:#717173;width:auto;}
div.portfolio-views-area dl dd a{color:#000; text-decoration:underline; vertical-align:middle;}
div.portfolio-views-area dl dd a img{vertical-align:middle; margin-left:10px;}
div.portfolio-views-area dl dd p{margin:0; padding:0; line-height:26px;}
/*base*/
#sub_contents .board_page .board_read_main{border-top:0 none;}
#sub_contents .board_page .board_read_info1{background:#fff; border-top:0 none; border-bottom:1px solid #000; padding:0;}
#sub_contents .board_page .board_read_info1 .tit_subject,
#sub_contents .board_page .txt_ahead{display:none;}
#sub_contents .board_page .board_read_info1 .txt_subject{color:#000; font-size:30px; font-weight:bold; text-align:center; width:100%;}
#sub_contents .board_page .board_read_info2{border:0 none;}
#sub_contents .board_page .board_read_footer{border:0 none; margin:0; padding:0;}
@media all and (max-width:1024px){
div.portfolio-views-area dl dt{float:none;}
div.portfolio-views-area dl dd{float:none; padding-left:28px;}
div.portfolio-views-area a.btn-responsive{display:none;}
}
CLIENT그린힐펜션URL http://그린힐펜션.kr/CATEGORY레저/여행/문화 > 숙박 > 펜션/민박/별장대여COMMENT해변을 연상시킬 수 있는 디자인과 와이드한 화면으로 시원하고 깔끔하게 제작
CLIENT그린힐펜션URL http://그린힐펜션.kr/CATEGORY레저/여행/문화 > 숙박 > 펜션/민박/별장대여COMMENT해변을 연상시킬 수 있는 디자인과 와이드한 화면으로 시원하고 깔끔하게 제작
