@charset "utf-8";
/* font */
html{
	font-family:'NanumSquare';
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
@font-face {
    font-family: 'NanumSquare';
	font-weight: 300;
	font-style: normal;
	src: url(../font/NanumSquareR.eot);
	src: local('NanumSquareL'),
		url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'), 
		url(../font/NanumSquareL.woff2) format('woff2'), 
		url(../font/NanumSquareL.woff) format('woff'),
		url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
	font-weight: normal;
	font-style: normal;
	src: url(../font/NanumSquareR.eot);
	src: local('NanumSquareR'),
		url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'), 
		url(../font/NanumSquareR.woff2) format('woff2'), 
		url(../font/NanumSquareR.woff) format('woff'),
		url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
	font-weight: bold;
	font-style: normal;
	src: url(../font/NanumSquareB.eot);
	src: local('NanumSquareB'),
		url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'), 
		url(../font/NanumSquareB.woff2) format('woff2'), 
		url(../font/NanumSquareB.woff) format('woff'),
		url(../font/NanumSquareB.ttf) format('truetype');
}
/* font size media queries */
@media screen and (max-width: 1023px){
	html {
		font-size: 8px;
		line-height: 1em;
	}
}
@media (min-width: 1024px) and (max-width: 1279px) {
	html {
		font-size: 9px;
		line-height: 1em;
	}
}
@media (min-width: 1280px) and (max-width: 1365px){
	html {
		font-size: 10px;
		line-height:1em;
	}
}
@media (min-width: 1366px) and (max-width: 1439px){
	html {
		font-size: 11px;
		line-height: 1em;
	}
}
@media (min-width: 1440px) and (max-width: 1679px){
	html {
		font-size: 12px;
		line-height: 1em;
	}
}
@media (min-width: 1680px) and (max-width: 1919px){
	html {
		font-size: 13px;
		line-height: 1em;
	}
}
@media (min-width: 1920px) and (max-width: 2119px){
	html {
		font-size: 14px;
		line-height: 1em;
	}
}
@media (min-width: 2120px) and (max-width: 2399px){
	html {
		font-size: 15px;
		line-height: 1em;
	}
}
@media (min-width: 2400px) and (max-width: 2559px){
	html {
		font-size: 16px;
		line-height: 1em;
	}
}
@media (min-width: 2560px){
	html {
		font-size: 18px;
		line-height: 1em;
	}
}
/* end of font */

* {
	text-decoration: none;
	padding: 0;
	border: 0;
	color: inherit;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, html {
	height: 100%;
	font-size:14px;
	min-width:350px;
}
audio, canvas, progress, video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
a {
	background-color: transparent;
	text-decoration: none;
}
a:active, a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: 700;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 60%;
	color: rgba(0,0,0,0.3);
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	border-top: 1px solid #ddd;
	padding: 0;
	margin: 0;
	margin-top: -1px;
}
/* hr{
 clear:both !important;
 margin:30px 0;
 } */
u {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-bottom: 1px dashed #ccc;
	padding: 0;
	margin: 0;
	margin-top: -1px;
}
pre {
	overflow: auto;
	white-space: pre-line;
}
code, kbd, pre, samp {
	font-family: 'NanumSquare', sans-serif;
	font-size: 1em;
}
button, input, optgroup, select, textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: 700;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	border: 0;
	vertical-align: baseline;
}
h1 {
	font-size: 30px;
	margin: 15px 0;
}
h2 {
	font-size: 24px;
	margin: 10px 0;
}
h3 {
	font-size: 20px;
	margin: 8px 0;
}
h4 {
	font-size: 16px;
	margin: 8px 0;
}
h5 {
	font-size: 14px;
	margin: 8px 0;
}
h6 {
	font-size: 12px;
	margin: 8px 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'NanumSquare', sans-serif;
	font-size: 1em;
	letter-spacing:-0.5px;
	color:#333;
}
/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
 display: block;
 }*/
ul li {
	list-style: none;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('../img/drop_b.png');
	background-repeat:no-repeat;
	background-position:right center;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
.clearfix:after {
	display:block;
	content:"";
	clear: both;
}
.a-width{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:0 50px;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
	display: none;
}
/*End of Reset*/


/*메인페이지*/
/*layout*/
.header {
	height:auto;
	min-height: 100px;
	position: relative;
	z-index: 1;
	line-height:100px;
	background-color:#fff;
	box-shadow:0 1px 10px rgba(0,0,0,0.1);
}
/*.header .a-width{
	padding:0 25px;
}*/
.header .logo{
	width:auto;
	height:100px;
	float:left;
	position:relative;
	left:0;
	font-size:0;
	padding:30px 0 30px 50px; 
}
.header .logo img{
	width:auto;
	float:left;
	height:40px;
}
.header .list-wrap {
	width:100%;
	height:100px;
	position:absolute;
	left:0;
	text-align:center;
}
.header .list-wrap ul{
	display:inline-block;
	width:auto;
	height:100px;
	margin:0 auto;
	text-align:center;
}
.header ul li {
	display:inline-block;
	width:auto;
	text-align:center;
	float:left;
	height:100px;
}
.header ul li a {
	display:inline-block;
	width:auto;
	line-height:100px;
	text-align:center;
	float:left;
	height:100px;
	padding:0 25px;
	font-size:1.4rem;
	color:#999;
}
.header ul li a.focus{
	color:#333;
}
.btn_tab.focus,
.btn_tab:hover{
	color:#333
}
.header .callnum{
	width:auto;
	height:100px;
	position:relative;
	float:right;
	padding-right:50px;
	font-size:1.4rem;
}
.header .callnum a{
	padding-left:10px;
}

.container {
	width:100%;
	min-height: 100%;
	background-color:#f9f9f9;
	/*헤더 푸터 높이 값*/
	margin: -100px 0 -120px;
	padding:100px 0 120px;
}
.ttl-wrap{
	width:100%;
	height:auto;
	min-height:100px;
	text-align:center;
	position:relative;
	margin:210px 0 210px;
	float:left;
}
.ttl-wrap span.up{
	display:inline-block;
	width:75px;
	height:1px;
	margin:0 auto 2rem;
	font-size:0;
	background-color:#333;
}
.ttl-wrap span.down{
	display:inline-block;
	width:75px;
	height:1px;
	margin:2rem auto 0;
	font-size:0;
	background-color:#333;
}
.ttl-wrap span.down{
	display:none;
}
.ttl-g{
	width:100%;
	height:auto;
	padding:0 25px;
	text-align:center;
	position:absolute;
	z-index: 999;
}
.ttl-g .ttl{
	width:100%;
	height:auto;
	font-size:3.6rem;
	line-height:1;
}
.ttl-g .ttl-s {
	margin-top:20px;
	font-size:1.4rem;
	line-height:1.2;
	height:auto;
}
.ttl-bg{
	color:#eaeaea;
	position:absolute;
	width:100%;
	height:180px;
	text-align:center;
	left:0;
	/*font-size:220px;*/
	font-weight:bold;
	line-height:1;
}
.ttl-section{
	width:100%;
	height:auto;
	padding:50px;
}
.ttl-section .ttl{
	width:auto;
	float:left;
	height:auto;
	font-size:2.4rem;
	margin-right:10px;
	line-height:1;
}
.ttl-section .ttl-s{
	width:auto;
	float:left;
	height:auto;
	margin-top:1rem;
	font-size:1.4rem;
	line-height:1;
	font-weight:300;
}
.ttl-section .ttl-exp{
	float:right;
	height:12px;
	margin-top:18px;
	font-size:1rem;
	line-height:1;
	color:#999;
	text-align:right;
	font-weight:300;
}
/*테마 리스트*/
.theme-g-wrap{
	background-color:#fff;
	padding:50px;
	margin-bottom:50px;
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
}
.theme-g-wrap ul{
	display:block;
	width:auto;
}
.theme-g-wrap ul li{
	/*width:calc(25% - 50px);
	min-width:392px;*/
	float:left;
	/*margin:25px;*/
	/*padding:25px;*/
	text-align:center;
	position:relative;
}
.cont{
	padding:25px;
}
/* 추천 테마 그룹 */
.img-thumb{
	position:relative;
	width:100%;
	height:0;
	overflow:hidden;
	padding-bottom:75%;
}
.img-thumb:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.img-thumb{
	position:relative;
	width:100%;
	height:0;
	overflow:hidden;
	padding-bottom:75%;
}
.img-thumb:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.cont img{
	width:100%;
	height:auto;
}
/* 주의 */
/* 영역 비율과 이미지 이동 비율일 일치하지 않음. */
/* ( 이유:잔상 방지위한 여백 때문! ) */
.theme-g-wrap ul li:nth-child(2) .cont img{
	margin-top:-80%;
}
.theme-g-wrap ul li:nth-child(3) .cont img{
	margin-top:-160%;
}
.theme-g-wrap ul li:nth-child(4) .cont img{
	margin-top:-240%;
}
.theme-g-wrap ul li:nth-child(5) .cont img{
	margin-top:-320%;
}
.over{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	padding:50px 0;
	background-color:rgba(0,0,0,0.8);
	z-index: 999;
}
.over *{
	color:#fff;
}
.over .theme{
	color:#fff;
	font-size:1.4rem;
	line-height:1;
	text-align:center;
	margin-bottom:20px;
}
.over span{
	display:inline-block;
	width:100%;
	height:24px;
	font-size:1.4rem;
	color:rgba(255,255,255,0.6);
	text-align:center;
}
.theme-g-wrap ul li:hover .over,
.theme-wrap ul li:hover .over{
	display:block;
}
.theme-ttl{
	width:100%;
	line-height:1;
	text-align:center;
}
.theme-ttl .ttl{
	font-size:1.4rem;
	line-height:1;
	height:24px;
	margin-bottom:20px;
}
.theme-ttl .ttl-s{
	font-size:0.8rem;
	line-height:1;
	height:20px;
	margin-bottom:30px;
	text-align:center;
}
.theme-ttl .ttl-s span{
	display:inline-block;
	padding-right:10px;
	margin-bottom:10px !important;
	color:#999;
}
.theme-code{
	width:100%;
	font-size:1.4rem;
	/*font-weight:700;*/
	line-height:1;
	margin-top:30px;
	background-color:#fff;
}
.btn-g{
	width:100%;
	max-width:250px;
	height:100px;
	margin:3rem auto 0;
	padding:0 30px;
}
.btn-g a{
	display:block;
	width:4.5rem;
	height:4.5rem;
	border-radius:60px;
	background-color:#fff;
	float:right;
	overflow:hidden;
	font-size:0;
	background-image:url(../img/icon_view_m.png);
	background-size:100% auto;
	background-position:top left;
}
.btn-g a:first-child{
	float:left;
	/*margin-right:50px;*/
	background-image:url(../img/icon_view_w.png);
}
.btn-g a:hover{
	background-position:bottom left;
	background-color:#e7e7e7;
}
.btn-g .btn-text{
	width:100%;
	height:100%;
	font-size:1rem;
	text-align:center;
	line-height:3;
	color:rgba(255,255,255,.6);
}
.theme-wrap ul li {
	position:relative;
	background-color:#fff;
	margin-bottom:50px;
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
}
.theme-wrap ul li .cont{
	padding:50px;
}
.themes{
	padding-bottom:200px;
}
.portfolio{
	background-color:#fff;
	/*margin-top:200px;*/
	padding-bottom:200px;
}
.portfolio .theme-wrap ul li {
	position:relative;
	background-color:#fff;
	margin-bottom:50px;
	box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
}
.portfolio .theme-wrap ul li .cont .theme-ttl{
	width:50%;
	float:left;
	text-align:left;
	padding-right:30px;
}
.portfolio .theme-wrap ul li .cont .theme-ttl .ttl,
.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-s,
.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-exp{
	text-align:left;
}
.portfolio .theme-wrap ul li .cont .theme-ttl .ttl{
	font-size:1.6rem;
	line-height:1;
	margin-bottom:30px;
	margin-top:2.5rem;
}
.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-s{
	font-size:0.8rem;
	line-height:1;
	margin-bottom:20px;
}
.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-exp{
	font-size:1rem;
	line-height:1.4;
}
.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-s span{
	display:inline-block;
	padding-right:10px;
}
.portfolio .theme-wrap ul li .cont img{
	width:50%;
	float:right;
}
.portfolio.theme-wrap ul li .cont{
	padding:50px;
}
.themes,
.portfolio{
	display:block;
}
.footer{
	height:auto;
	min-height:120px;
	background-color:#f9f9f9;
	border-top:1px solid #f1f1f1;
	padding:30px 0;
}
.footer .foo-info{
	float:left;
	width:auto;
	color:#999;
	font-size:0.8rem;
	line-height:1.6;
}
.footer .wran{
	width:auto;
	float:right;
	line-height:70px;
	text-align:right;
	color:#999;
	font-size:0.8rem;
}


/*테마보기 페이지 w*/
/* 레이아웃 센터 설정 */
/*.container {
	display:-webkit-flex;
	display:flex;
	min-height: 100%;
	width:100%;
}*/
.set-wrap{
	display:-webkit-flex;
	display:flex;
}
.container-set{
	font-size:0;
	-webkit-flex:1;
			flex:1;
}
.container-fix{
	-webkit-flex:none;
			flex:none;
	/* 이미지 width */
	width:1380px;
	background-color:rgba(0,0,0,0.1);
}
.container-fix img{
	float:left;
}
/* tab 공통 */
.content-tab{
	background-color:#333;
	height:50px;
	text-align:center;
	padding:15px 0;
}
.content-tab ul {
	width:300px;
	height:50px;
	line-height:50px;
	display:block;
	margin:0 auto;
}
.content-tab ul li{
	width:90px;
	height:40px;
	float:left;
	padding:5px;
}
.content-tab ul li div{
	background-color:rgba(0,0,0,0.5);
	width:90px;
	height:40px;
}
.tab_btn{
	color:red;
	background-color: rgba(255,255,255, 0.15);
}
@media screen and (max-width: 640px){
	.ttl-bg{
		font-size:20vw;
	}
	.ttl-section .ttl-exp{
		width:100% !important;
		text-align:left !important;
		float:left;
	}
	.a-width{
		padding:25px;
	}
	.theme-g-wrap{
		padding:50px 25px !important;
	}
	.cont{
		padding:25px !important;
	}
	.over {
	    padding:25px 0 !important ;
	}
	.over span {
	    margin-top: 15px !important;
	}
	.btn-g{
		margin:30px auto 0 !important;
	}
	.ttl-section{
		padding:50px 0 !important;
	}
	
	.header .a-width{
		padding: 0;
	}	
	.header .logo{
		width:100%;
		height:auto;
		position:static;
		float:left;
		font-size:0;
		padding:0;
		text-align:center;
		padding:20px 25px;
	}
	.header .logo img{
		display:block;
		width:auto;
		margin:0 auto;
		height:20px;
		float:inherit;
		text-align:center;
	}
	.header .list-wrap {
		width:100%;
		height:60px;
		position:relative;
		float:left;
		text-align:center;
		border-top:1px solid #ddd;
	}
	.header .list-wrap ul{
		display:inline-block;
		width:100%;
		height:60px;
		margin:0 auto;
		text-align:center;
	}
	.header ul li {
		display:inline-block;
		width:33.333333%;
		text-align:center;
		float:left;
		height:60px;
	}
	.header ul li a {
		display:inline-block;
		width:100%;
		line-height:60px;
		text-align:center;
		float:left;
		height:60px;
		padding:0;
		font-size:1.4rem;
		color:#999;
	}
	.header ul li:active{
		color:#333;
	}
	.header .callnum{
		width:auto;
		height:60px;
		position:absolute;
		top:0;
		right:25px;
		padding:0;
		line-height:60px;
		font-size:1.7rem;
	}
	.header .callnum span{
		display:none;
	}
	.over .theme,
	.theme-ttl .ttl{
		font-size:2rem !important;
	}
	.ttl-wrap{
		height:auto;
		margin:50px 0;
		padding:0;
		text-align:left;
	}
	.ttl-wrap span.up{
		display:none;
	}
	.ttl-wrap span.down{
		display:block;
		float:left;
	}
	.ttl-g{
		text-align:left;
		float:left;
		padding:0;
	}
	.ttl-bg{
		display:none;
	}
	.ttl-section .ttl{
		font-size:2.6rem;
	}
	.ttl-section .ttl-s{
		font-size:1.4rem;
	}
	.btn-g a{
		width:8rem;
		height:8rem;
	}
	.theme-wrap-buy .cont{
		padding:40px !important;
	}
	.theme-wrap-buy .cont .ttl-s{
		height:auto !important;
	}
	.theme-wrap-buy .cont img{
		padding:0 !important;
	}
	.theme-wrap .cont img{
		padding:25px;
	}
	.portfolio {
	    margin-top: 50px;
	    padding-bottom: 100px;
	}
	.portfolio .theme-wrap ul li .cont .theme-ttl,
	.portfolio .theme-wrap ul li .cont img{
		width:100%;
	}
	.portfolio .theme-wrap ul li .cont .theme-ttl .ttl{
		margin-top:0;
	}
	.portfolio .theme-wrap ul li .cont .theme-ttl .ttl{
		font-size:3rem;
		line-height:1;
		margin-bottom:20px;
	}
	.theme-ttl .ttl-s,
	.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-s{
		font-size:1.3rem;
		margin-bottom:10px;
	}
	.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-exp{
		font-size:1.5rem;
		margin-bottom:10px;
	}
	.portfolio .theme-wrap ul li .cont img{
		margin-top:20px;
	}
	.footer .wran,
	.footer .foo-info{
		width:100%;
		float:left;
		line-height:2;
		text-align:left;
	}
	.footer .wran{
		margin-top:20px;
	}
}
@media (min-width: 641px) and (max-width: 1023px){
	.ttl-bg{
		font-size:20vw;
	}
	.ttl-section .ttl-exp{
		width:100% !important;
		text-align:left !important;
		float:left;
	}
	.a-width{
		padding:25px;
	}
	.theme-g-wrap{
		padding:50px 25px !important;
	}
	.cont{
		padding:50px;
	}
	.over {
	    padding:50px 0;
	}
	.over span {
	    margin-top: 15px !important;
	}
	.btn-g{
		margin:15px auto 0 !important;
	}
	.ttl-section{
		padding:50px 0 !important;
	}
	
	.header .a-width{
		padding: 0;
	}	
	.header .logo{
		width:100%;
		height:auto;
		position:static;
		float:left;
		font-size:0;
		padding:0;
		text-align:center;
		padding:20px 25px;
	}
	.header .logo img{
		display:block;
		width:auto;
		margin:0 auto;
		height:20px;
		float:inherit;
		text-align:center;
	}
	.header .list-wrap {
		width:100%;
		height:60px;
		position:relative;
		float:left;
		text-align:center;
		border-top:1px solid #ddd;
	}
	.header .list-wrap ul{
		display:inline-block;
		width:100%;
		height:60px;
		margin:0 auto;
		text-align:center;
	}
	.header ul li {
		display:inline-block;
		width:33.333333%;
		text-align:center;
		float:left;
		height:60px;
	}
	.header ul li a {
		display:inline-block;
		width:100%;
		line-height:60px;
		text-align:center;
		float:left;
		height:60px;
		padding:0;
		font-size:1.4rem;
		color:#999;
	}
	.header ul li:active{
		color:#333;
	}
	/* .header .callnum{
		width:auto;
		height:100px;
		position:absolute;
		top:0;
		float:right;
		padding-right:50px;
	}
	.header .callnum a{
		padding-left:10px;
	} */
	.header .callnum{
		width:auto;
		height:60px;
		position:absolute;
		top:0;
		right:25px;
		padding:0;
		line-height:60px;
		font-size:1.7rem;
	}
	.header .callnum span{
		display:none;
	}
	.ttl-wrap{
		height:auto;
		margin:50px 0;
		padding:0;
		text-align:left;
	}
	.ttl-wrap span.up{
		display:none;
	}
	.ttl-wrap span.down{
		display:block;
		float:left;
	}
	.ttl-g{
		text-align:left;
		float:left;
		padding:0;
	}
	.ttl-bg{
		display:none;
	}
	.ttl-section .ttl{
		font-size:2.6rem;
	}
	.ttl-section .ttl-s{
		font-size:1.4rem;
	}
	.btn-g a{
		width:8rem;
		height:8rem;
	}
	.portfolio {
	    margin-top: 50px;
	    padding-bottom: 50px;
	}
	.portfolio .theme-wrap ul li .cont .theme-ttl,
	.portfolio .theme-wrap ul li .cont img{
		width:100%;
	}
	.portfolio .theme-wrap ul li .cont .theme-ttl .ttl{
		margin-top:0;
	}
	.portfolio .theme-wrap ul li .cont .theme-ttl .ttl{
		font-size:3rem;
		line-height:1;
		margin-bottom:20px;
	}
	.theme-ttl .ttl-s,
	.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-s{
		font-size:1.3rem;
		margin-bottom:10px;
	}
	.portfolio .theme-wrap ul li .cont .theme-ttl .ttl-exp{
		font-size:1.5rem;
		margin-bottom:10px;
	}
	.portfolio .theme-wrap ul li .cont img{
		margin-top:20px;
	}
	.footer .wran,
	.footer .foo-info{
		width:100%;
		float:left;
		line-height:2;
		text-align:left;
	}
	.footer .wran{
		margin-top:20px;
	}
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.ttl-bg{
		font-size:180px;
	}
	.ttl-section .ttl-exp{
		width:100% !important;
		text-align:left !important;
		float:left;
	}
	.btn-g a{
		width:6rem;
		height:6rem;
	}
}
@media (min-width: 1280px) and (max-width: 1365px){
	.ttl-bg{
		font-size:200px;
	}
	/*.ttl-section .ttl-exp{
		width:100% !important;
		text-align:left !important;
		float:left;
	}*/
}
@media (min-width: 1281px) {
	.ttl-bg{
		font-size:220px;
	}
}
.btn_top{
	display:inline-block;
	width:50px;
	height:50px !important;
	background-color:rgba(0,0,0,0.3);
	text-align:center;
	line-height:50px !important;
	color:#fff;
	font-size:10px;
	background-color:#444;
	position:fixed;
	bottom:150px;
	right:0;
}