@charset "utf-8";
.pc{display:block !important;}
.m{display:none !important;}
figure{display:block;margin:0;padding:0;}
#content.service {background-color:#f7f7f7}
#content.service.bg-white {background-color:#fff}
#content.service .con-header {background-color:#fff}

/* 메인 */
.main-thumbnail{width:100%;margin:27px auto 0 auto;overflow:hidden;}
.main-thumbnail li{float:left;padding-top:10px;padding-bottom:10px;}
.main-thumbnail li img{width:298px;height:321px;border:1px solid #ededed;}
.main-thumbnail .font{margin-left:20px;margin-right:20px;}
.main-thumbnail .dh-selectshop{margin-left:20px;margin-right:20px;}
.main-thumbnail .designpress{margin-left:180px;margin-right:20px;}


/* 서비스소개 - 공통 */
.service-header{position:relative;margin-top:71px;padding-bottom:103px;}
.service-header .tit{display:block;font-size:0;line-height:0;text-indent:-9999px;width:367px;height:144px;overflow:hidden;background:url('http://img.designhouse.co.kr/designhouse/ui/service/set_service_titles.png') 0 0 no-repeat;} /* background-size:350px 500px; */
.service-header .image{position:absolute;right:0;top:0;}
.service-header .desc{width:605px;padding-top:36px;font-family:'Nanum Gothic',sans-serif;font-weight:400;font-size:16px;color:#555;line-height:1.7;}
.service-header .desc em.message{display:block;margin-top:2px;font-size:13px;color:#848484;}
.service-header .download-app{margin-top:46px;}
.service-header .download-app p{padding-left:22px;margin-bottom:18px;font-family:'Nanum Gothic',sans-serif;font-weight:300;color:#333;font-size:16px;background:url('http://img.designhouse.co.kr/designhouse/ui/service/set_icon.png') 0 0 no-repeat;}
.service-header .download-app strong{font-family:'Nanum Gothic Bold',sans-serif;font-weight:700;}
.service-header .download-app a{display:inline-block;vertical-align:middle;margin-right:12px;width:180px;height:55px;font-size:0;line-height:0;text-indent:-99999px;border:2px solid #313131;background:url('http://img.designhouse.co.kr/designhouse/ui/service/set_btn.png') -2px -2px no-repeat;}
.service-header .download-app a.google-play{background-position:-202px -2px;}
.service-header .download-font{margin-top:28px;}
.service-header .download-font a{display:inline-block;width:235px;height:53px;vertical-align:middle;line-height:53px;background-color:#333;color:#fff;font-family:'Nanum Gothic';font-weight:400;font-size:18px;overflow:hidden;text-align:center;}
.service-header .download-font a + a{margin-left:22px;}
.service-header .download-font a strong{font-family:'Nanum Gothic Bold',sans-serif;font-weight:700;font-size:15px;}
.middle-content .image-list{overflow:hidden;}
.middle-content .image-list li{float:left;width:25%;}
.middle-content .image-list li img{width:100%;}

/* 디자인하우스 App */
.service-header.designhouse .tit{background-position:0 0;}
.middle-content.designhouse{background-color:#ffda3d;}

/* 마이럭셔리 App */
.service-header.myluxury .tit{width:574px;height:151px;background-position:0 -354px;}
.middle-content.myluxury{background-color:#533735;}

/* 디자인하우스 서체 */
.service-header.font{padding-bottom:53px;}
.service-header.font .tit{width:572px;height:142px;background-position:0 -173px;}
.service-header.font .image{margin-top:-4px;}
.service-header.font .desc{width:auto;}
.middle-content.font{background-color:#ebebeb;}
.middle-content.font .bx-controls-direction a{position:absolute;top:50%;margin-top:-49px;display:block;width:56px;height:98px;font-size:0;line-height:0;text-indent:-99999px;background:url('http://img.designhouse.co.kr/designhouse/ui/service/set_btn_prev_next.png') 0 0 no-repeat;overflow:hidden}
.middle-content.font .bx-controls-direction a.bx-prev{left:0;}
.middle-content.font .bx-controls-direction a.bx-next{right:0;background-position:100% 0;}
.footer-content.font{margin-top:58px;}
/*
.sample-font{border-bottom:1px solid #d9d9d9;}
.sample-font li{position:relative;height:141px;border-top:1px solid #d9d9d9;text-align:right;}
.sample-font .name,
.sample-font .text{position:absolute;font-size:0;line-height:0;text-indent:-99999px;overflow:hidden;background:url('http://img.designhouse.co.kr/designhouse/ui/service/img_sample_font.png') 0 -31px no-repeat;}
.sample-font .name{left:0;top:30px;display:block;width:106px;height:39px;}
.sample-font .text{right:0;top:50%;margin-top:-40px;display:block;width:474px;height:81px;background-position:-466px -33px;}
.sample-font .bold .name{background-position:0 -172px;}
.sample-font .bold .text{background-position:-466px -168px;}
*/
.font-copyright{margin-top:48px;}
.font-copyright strong{font-family:'Nanum Gothic Bold',sans-serif;font-weight:700;font-size:16px;color:#6f6f6f;}
.font-copyright p{padding-right:80px;margin-top:6px;padding-left:7px;font-family:'Nanum Gothic',sans-serif;font-weight:400;font-size:13px;color:#6f6f6f;line-height:1.6;}

/*******************
	mobile css
 ********************/
@media only screen and (max-width:768px),
only screen and (-webkit-min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio :2) and (max-width: 768px),
only screen and (min-device-pixel-ratio :2) and (max-width: 768px)
{
	body {min-width:320px}
	.pc{display:none !important;}
	.m{display:block !important;}
	#content.service .page-title {font-size:16px;}

	/* 메인 */
	.main-thumbnail{width:auto;margin:13px 0 0 0;}
	.main-thumbnail li{float:none;padding-top:0;padding-bottom:0;}
	.main-thumbnail li img{display:block;width:100%;height:auto;}
	.main-thumbnail .font{margin-left:0;margin-right:0;}
	.main-thumbnail .dh-selectshop{margin-left:0;margin-right:0;}
	.main-thumbnail .designpress{margin-left:0;margin-right:0;}

	/* 서비스소개 - 공통 */
	.middle-content .image img{width:100%;}
	.service-header{margin-top:35px;padding:35px 15px 52px 15px;}
	.service-header .tit{background-size:350px 500px;}
	.service-header .image{position:relative;left:auto;top:auto;text-align:center;margin-top:35px;}
	.service-header .image img{width:100%;max-width:284px;}
	.service-header .desc{width:auto;font-size:13px;}
	.service-header .desc em.message{font-size:11px;}
	.service-header .download-app{margin-top:23px;padding-left:15px;padding-right:15px;overflow:hidden;}
	.service-header .download-app p{font-size:13px;background-position:0 3px;background-size:50px 50px;}
	.service-header .download-app a{width:48%;height:30px;margin-right:0;border-width:1px;background-size:90px auto;}
	.service-header .download-app a.app-store{float:left;background-image:url('http://img.designhouse.co.kr/designhouse/ui/service/set_btn_apple.png');background-position:50% 50%;}
	.service-header .download-app a.google-play{float:right;background-image:url('http://img.designhouse.co.kr/designhouse/ui/service/set_btn_google.png');background-position:50% 50%;}
	.service-header .download-font{padding-left:15px;padding-right:15px;overflow:hidden;}
	.service-header .download-font a{display:none;width:48%;height:35px;line-height:33px;font-size:11px;}
	.service-header .download-font a strong{font-size:11px;	}
	.service-header .download-font a.ttf{float:left;}
	.service-header .download-font a.otf{float:right;}
	.service-header .download-font a + a{margin-left:0;}
	.sample-font-image{padding-left:15px;padding-right:15px;}
	.sample-font-image img{width:100%;}
	.middle-content .image-list li{width:50%;}

	/* 디자인하우스 App */
	.service-header.designhouse .tit{width:184px;height:72px;}
	/*.middle-content.designhouse{padding-left:15px;padding-right:15px;}*/

	/* 마이럭셔리 App */
	.service-header.myluxury .tit{width:287px;height:76px;background-position:0 -175px;}
	/*.middle-content.myluxury{padding-left:15px;padding-right:15px;}*/

	/* 디자인하우스 서체 */
	.service-header.font{padding-bottom:27px;}
	.service-header.font .tit{width:237px;height:77px;background-position:0 -85px;}
	.service-header.font .image{margin-top:35px;}
	.service-header.font .image img{max-width:117px;}
	.middle-content.font{padding-left:15px;padding-right:15px;}
	.middle-content.font .bx-controls-direction a{margin-top:-24px;display:block;width:28px;height:49px;background-size:56px 49px;}
	.footer-content.font{margin-top:29px;}
	.font-copyright{margin-top:48px;padding-left:15px;padding-right:15px;}
	.font-copyright p{padding-right:0;}
}