.s5-container img {
	vertical-align:bottom;
}
.s5-container {
	font-size:14px;
}
.s5-container h1 {
	margin:0;
}
.s5-container p {
    margin: 0;
    padding: 0;
}

#top-img {
    margin: 0;
    padding: 0 0 30px 0;
	background:#000;
}
#top-img h2 {
	text-align:center;
	font-size:15px;
	margin:0;
}
#top-img .img {
	max-width:1295px;
	width: 100%;
	height:auto;
}
#top-imgBox {
	margin: 0 auto;
    max-width: 1100px;
	padding:0 50px;
	color:#FFF;
}
.s5-container .txtC {
	text-align:center;
}
.s5-container .txtR {
	text-align:right;
	margin-top:2px;
}
a:focus, *:focus { outline:none; }


#top-imgBox .info {
	border:#989898 1px solid;
	margin-top:30px;
	padding:15px 30px;
}
#top-imgBox .info .txt {
	width:85%;
	float:left;
	margin-bottom:10px;
}
#top-imgBox .info .photo {
	width:13%;
	margin-left:2%;
	float:right;
	text-align:right;
}
#top-imgBox .info .photo img {
	width:100%;
	max-width:133px;
	height:auto;
}
#top-imgBox .info dl {
	display:table;
	margin:0 0 5px 0;
	padding:0;
}
#top-imgBox .info dl dt {
	font-size:20px;
	display:table-cell;
}
#top-imgBox .info dl dd {
	font-size:40px;
	display:table-cell;
	line-height: 1;
	padding-left:10px;
}

ul.txt-link {
	margin:0;
	padding:0;
	list-style:none;
}
ul.txt-link li {
	float:left;
	margin-right:10px;
}
#top-img .s5-button {
	background:#000;
	width:300px;
	text-align:center;
	border:#CBCBCB 1px solid;
	display:block;
}
#top-img .s5-button:hover {
	background:#666;
}
.ico_win:after {
    background-image: url("../images/btn_icon_window.png");
    background-repeat: no-repeat;
    background-size: auto 11px;
    content: " ";
    display: inline-block;
    height: 11px;
    width: 15px;
	margin-left:5px;
}

.pregBox {
	margin:0 20px;
}
#service dl {
	display:table;
	margin:20px 0 0 0;
}
#service dl dt {
	display:table-cell;
	vertical-align:top;
	white-space:nowrap;
}
#service dl dt strong:after {
    content: "�F";
}
#service dl dd {
	display:table-cell;
}
#service dl strong {
	font-size:21px;
}
.s5-container #service .fLeft {
	float:left;
}
.s5-container #service .fLeft:first-child {
	margin-right:50px;
}
.s5-container .pre {
	background:#666;
	display:inline-block;
	padding:8px 18px;
	color:#FFF;
	font-size: 0.875rem;
}
#service .orange {
	background:#F86830;
	text-align:center;
	display:inline-block;
}
#service .s5-button:hover {
	opacity:0.7;
}
.s5-icon-down:before {
	margin-right:2px;
}

ul.photobook {
	border:#959595 1px solid;
	padding:15px;
	display:table;
}
ul.photobook .txt {
	font-size:15px;
	display:table-cell;
	vertical-align:middle;
}
ul.photobook .img {
	display:table-cell;
	vertical-align:middle;
	padding-left:15px;
}

ul.step,
ul.faq {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}
ul.step li,
ul.faq li {
	border-bottom:#999999 1px dotted;
	padding-bottom:15px;
	margin-top:15px;
}
ul.step li .num {
	width:6%;
	float:left;
	margin-right:1%;
}
ul.step li .num img {
	max-width:60px;
	width:100%;
	height:auto;
}
ul.step li .txt {
	width:93%;
	float:left;
}
ul.step li:last-child,
ul.faq  li:last-child {
	border-bottom:none;
}
ul.step li p:first-child {
	font-size:17px;
	font-weight:bold;
	margin-bottom:3px;
}

ul.faq li p {
	background-repeat:no-repeat;
	background-size:25px;
	padding-left:35px;
}
ul.faq li p:nth-child(1) {
	background-image:url(../images/ico_q.png);
	font-size:17px;
	font-weight:bold;
}
ul.faq li p:nth-child(2) {
	background-image:url(../images/ico_a.png);
	margin-top:10px;
}

.s5-container .at-txt {
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
}

#inquiry p:nth-child(1) {
	font-size:21px;
}
#inquiry p:nth-child(2),
#inquiry p:nth-child(3) {
	font-size:24px;
}
#inquiry .s5-button {
	padding: 20px 35px;
}
.s5-returnToTop {
    margin: 80px 0 0;
}



.s5-container .mt_10 {
	margin-top:10px;
}
.s5-container .mt_50 {
	margin-top:50px;
}
.font_15 {
	font-size:15px;
}
.font_17 {
	font-size:17px;
}
.font_21 {
	font-size:21px;
}
.font_24 {
	font-size:24px;
}
.spCnt {
	display:none;
}
.pcCnt {
	display:block;
}


@media screen and (max-width: 980px) {
	#top-imgBox .info dl dt {
		display:block;
	}
	#top-imgBox .info dl dd {
		display:block;
		padding-left:0;
		margin:0;
	}
	#top-img .s5-button {
		width:auto;
	}
	ul.txt-link {
		width:100%;
		clear:both;
	}
	ul.txt-link li {
		width:48%;
		margin-right:0;
	}
	ul.txt-link li:first-child {
		margin-right:4%;
	}
	.s5-button {
		width:auto;
	}
	.s5-container .txtR {
		text-align:left;
	}
}

@media screen and (max-width: 768px) {
	#top-imgBox .info {
		padding:10px 15px;
	}
	#top-imgBox .info .txt {
		width:100%;
		float:none;
		margin-top:10px;
	}
	#top-imgBox .info .photo {
		width:100%;
		float:none;
		text-align:center;
	}
	#top-imgBox .info dl dt {
		font-size:15px;
		display:block;
	}
	#top-imgBox .info dl dd {
		font-size:30px;
		display:block;
		padding-left:0;
		margin:0;
	}
	ul.photobook .txt {
		display:block;
		font-size:14px;
	}
	ul.photobook .img {
		display:block;
		padding-left:0;
		margin-top:10px;
	}
}

@media screen and (max-width: 640px) {
	#top-img {
		margin: 20px 0 0 0;
	}
	#top-imgBox {
		padding:0 20px;
	}
	#top-imgBox h2 {
		text-align:left;
		font-size:14px;
	}
		
	#top-imgBox .info .photo img {
		width:100%;
		max-width:100px;
		height:auto;
	}
	#top-imgBox .info dl {
		display:table;
		margin:0 0 5px 0;
		padding:0;
	}
	
	ul.txt-link li {
		float:none;
		margin-right:0;
		width:100%;
	}
	ul.txt-link li:first-child {
		margin-bottom:10px;
	}
		
	.pregBox {
		margin:0;
	}
	#service dl strong {
		font-size:17px;
	}
	#service dl dt {
		display:block;
	}
	#service dl dt strong:after {
		content: "";
	}
	#service dl dd {
		display:block;
		margin-left:0;
	}
	.s5-container #service .fLeft {
		float:none;
	}
	.s5-container #service .fLeft:first-child {
		margin-right:0;
	}
	
	ul.step li .num {
		width:13%;
		float:left;
		margin-right:2%;
	}
	ul.step li .txt {
		width:80%;
		float:left;
	}
	
	#inquiry span {
		display:block;
	}
	#inquiry .s5-button {
		padding: 15px 30px;
	}
		
	.spCnt {
		display:block;
	}
	.pcCnt {
		display:none;
	}
}




.slick-prev, .slick-next {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 20px;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    background: transparent none repeat scroll 0 0;
    color: transparent;
    outline: medium none;
}
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {
    opacity: 1;
}
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
    opacity: 0.25;
}
.slick-prev::before, .slick-next::before {
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}
.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev::before {
    content: "��";
}
[dir="rtl"] .slick-prev::before {
    content: "��";
}
.slick-next {
    right: -25px;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next::before {
    content: "��";
}
[dir="rtl"] .slick-next::before {
    content: "��";
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slider img {
    height: auto;
    width: 100%;
}
.thumb-item {
    margin: 10px auto;
    max-width: 1100px;
    padding: 0 5px;
	position: relative;
}
.thumb-item li {
	border:#000 5px solid;
}
.thumb-item-nav {
    cursor: pointer;
    margin: 0 auto;
    max-width: 700px;
	padding:0;
}
.thumb-item-nav li {
    margin: 3px;
}
.thumb-item-nav .slick-next {
    right: -25px;
    z-index: 99;
}
.thumb-item-nav .slick-prev {
    left: -20px;
    z-index: 100;
}
.slick-prev::before, .slick-next::before {
    color: #000;
}
.thumb-item-nav li {
	border:#000 2px solid;
}
.thumb-item-nav .slick-current {
    border: 2px solid #FFF;
}

.thumb-item:before {
    background: rgba(0, 0, 0, 0) linear-gradient(-90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
    left: 0;
}
.thumb-item:after {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
    right: 0;
}
.thumb-item:before, .thumb-item:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 2;
}

@media screen and (max-width: 768px) {
	.thumb-item:before {
		background: none;
	}
	.thumb-item:after {
		background: none;
	}
	.thumb-item li {
		border:none;
	}
}
@media screen and (max-width: 640px) {
	.thumb-item:before {
		background: none;
	}
	.thumb-item:after {
		background: none;
	}
	.thumb-item li {
		border:none;
	}
	.thumb-item-nav {
		display:none !important;
	}
}