.lst_mobile li:first-child@charset "utf-8";

/**
*
http://crossdesing.co.kr, Website project
project name : whatyouknow
author : ksy
*
**/


/*--------------------------------------------------------------------------------

	메뉴

--------------------------------------------------------------------------------*/

#slide-out-widget-area .menuwrapper .menu.menuopen{
	margin-top:60px;
}

#slide-out-widget-area .inner .off-canvas-menu-container li a{
	font-size:32px !important;
	font-weight:100 !important;
	line-height:42px;
}

/*--------------------------------------------------------------------------------

	서브페이지

--------------------------------------------------------------------------------*/

.wrap_tit_subpage{
	width:100%;
	padding-bottom:0px;
	margin-bottom:40px !important;
	border-bottom:3px solid #333;
}
.wrap_tit_subpage.noborder{
	border-bottom:none;
}

.wrap_tit_subpage h1.tit_subpage{
	padding-bottom: 26px;
    font-size: 53px;
    font-weight: 300 !important;
    line-height: 1.2;
    letter-spacing: -2px;
    color: #242424;
    font-weight: 800 !important;
}

p.dec_subpage{
	font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
	padding-bottom: 60px;
	letter-spacing: -0.7px;
}

p.dec_subpage.nobottom{
	padding-bottom: 20px;
}


p.dec_subpage .dec_subpage_txt{
	font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #242424;
    letter-spacing: -0.8px;
}

p.dec_subpage .dec_subpage_txt a {
	    margin-left: 10px !important;
}

p.dec_subpage .dec_subpage_email{
	font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.8px;
}

/* 회소소개서 다운로드 */
.lst_company_download{
	float:right;
	position:absolute;
	top:0;
	right:0;
}

.lst_company_download li{
	margin-bottom:10px;
}

.lst_company li{
	float:left;	
}

/* 제안서 비디오 */
.lst_company_video{
	float:right;
	position:absolute;
	top:0;
	right:0;
}

.lst_company_video li{
	float:left;
	margin-right:10px;
}

.lst_company_video li .link_video{
	padding:15px;
	border-radius:2px;
	border:1px solid #bfbfbf;
	background:#ddd;
	font-size:14px;
	font-weight:700;
	color:#fff;
	
}

/* 스토리 */
.main-content ul.lst_story{
	margin-left:0 !important;
}

.wrap_lst_stroy{
	margin-bottom:20px;
}

.lst_story li{
	position:relative;
	float:left;
	width: 15.8%;
	height:55px;
	margin-bottom:20px;
	margin-right:1%;
	line-height:50px;
	text-align:center;
}
.story .lst_story li {
	width: 19.2%;
}
.lst_story li:last-child {
	margin-right:0;
}
.lst_story li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;
	color:#333;
	letter-spacing: -0.5px;
	font-size: 16px;
	border-radius: 10px;
}
.lst_story li a:hover {
	border:1px solid #41b0fd;
	color:#fff;
	background:#41b0fd;
	font-weight: 500 !important;
}
.lst_story li.active a {
	border:1px solid #41b0fd;
	color:#fff;
	background:#41b0fd;
	font-weight: 500 !important;
}

/*
.lst_story li a:after{
	content: '';
	display: inline-block;
	position: absolute;
	right: 0.7em;
	bottom: 1.35em;
	border: 1px solid #555;
	border-width: 1px 1px 0 0;
	height: .4em;
	margin: 0 0 1px 10px;
	transform: rotate(45deg);
	width: .4em;
}
*/
.lst_story li.active a:after{
	border-color:#fff;
}

/*--------------------------------------------------------------------------------

	회사소개 - 서비스

--------------------------------------------------------------------------------*/

.tit_h2 h2 {
    font-size: 30px;
	letter-spacing:-1.5px;
	line-height: 42px;
	color: #333333;
	font-weight: 700 !important;
}

span.tit_h3 {
	font-size: 20px;
    font-size: 17px;
}

/* Greeting */
.box_ceoGreeting{
	margin-top:20px;
}

.box_ceoGreeting p.tit_paragraph{
	padding-bottom:10px;
	font-size:20px;
	color:#1aa3d7;
	letter-spacing: -1px;
	word-break: keep-all;
}

.box_ceoGreeting p.txt_paragraph{
	padding-bottom:10px;
	font-size:16px;
	font-weight:300 !important;
	line-height:30px;
	color:#555;
	letter-spacing: -0.6px;
	word-break: keep-all;
	padding-top: 10px;
}

.box_ceoGreeting p.txt_sign{
	font-size: 16px;
    font-weight: 500 !important;
    letter-spacing: 2px;
    color: #333;
    padding-top: 15px;
}

/* address */
div.box_address{
	margin-bottom:40px !important;
}

div.box_address h3{
	font-size:23px;
	font-weight: 600 !important;
	letter-spacing: -0.7px;
}

div.box_address p.txt_address{
	padding-bottom:0px !important;	
	font-size:17px;
	font-weight:300 !important;
	line-height:29px;
	letter-spacing:-.8px;
}

/* contact */
div.box_contact{
	margin-bottom:40px !important;
}

div.box_contact:last-child{
	margin-bottom:0px !important;
}

div.box_contact h3{
	font-size:20px;
	font-weight: 600 !important;
	letter-spacing: -0.7px;
}

div.box_contact p.txt_contact{
	padding-bottom:0px !important;	
	font-size:17px;
	font-weight:100 !important;
	line-height:27px;
	letter-spacing:.5px;
}


/*--------------------------------------------------------------------------------

	폼

--------------------------------------------------------------------------------*/

/* 타이틀 */
.wrap_slogun{
	padding-top:30px;
}

.wrap_slogun .title{
	padding-bottom:40px;
	font-size:50px;
	font-weight:700 !important;
	color: #6194ff;
}

.wrap_slogun p.sub_title{
	font-size: 31px;
    font-weight: 300 !important;
    line-height: 46px;
    letter-spacing: -1px;
}

.wrap_slogun .description{
	font-size: 16px;
    letter-spacing: -0.8px;
    font-weight: 300 !important;
    border-bottom: 1px solid #000;
    word-break: keep-all;
    display: inline;
    padding-bottom: 3px !important;
    line-height: 35px;
}

body[data-form-style="minimal"] .minimal-form-input{
	padding-top:0px !important;
}

h3.tit_form{
	margin-bottom:20px;
	font-size:21px;
	font-weight:100;
}

h3.tit_form .step_form{
	margin-bottom:20px;
	font-size:13px;
	font-weight:100;
}

.agree{
	font-weight:700;
}

.agree .underline{
	text-decoration:underline;
}

/* 폼 텍스트 스타일링*/
html .formcraft-css .fc-form .form-element .form-element-html{
	padding:1.2em 1.2em;
}

html .formcraft-css .fc-form .form-element .field-cover.customText-cover p{
	color:#999 !important;
}

body[data-form-style="minimal"] .minimal-form-input label span.text{
	padding-left:10px;
	margin-top:0px !important;
	color:#333;
}

html .formcraft-css .fc-form .form-page-content .form-element-type-customText:first-child .customText-cover, html .formcraft-css .fc-form .form-page-content .form-element-type-heading:first-child .heading-cover{
	padding-bottom:0px !important;
}

html .formcraft-css .fc-form .field-cover>span>span{
	float:left;
	width:12% !important;
	line-height:2.8em !important;
}

html .formcraft-css .fc-form .form-element .checkbox-cover>div label{
	width:17% !important;
}

html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file span:after{
	content:'|';
	position:absolute;
	top:-9px;
	right:-20px;
}

html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file input {
	/* 첨부파일 */
    background-color: red;
    position: absolute;
    cursor: pointer;
    margin: 0;
    top: -60px !important;	
    left: -20px !important;
    right: 0;
    width: 100% !important;
	height: 36px !important;
    opacity: 0;
    z-index: 2;
}

html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file{
	display:block !important;
	width:auto;
	padding-left:20px !important;
	text-align:left !important;
	background: #fff;
    color: #333;
    border: 1px solid #555 !important;
}

.formcraft-css .fc-form.fc-form-1 .form-element .stripe-amount-show, .formcraft-css .fc-form.fc-form-1 .form-element .submit-cover .submit-button .text, .formcraft-css .fc-form.fc-form-1 .form-element .field-cover .button{
	text-shadow:0px 0px 0px #fff !important;
}

html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .files-list{
	position: absolute;
    top: -8px;
	left: 110px;
	z-index:99;
}

html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .files-list li {
	background-color: #22c222 !important;
    padding-right: 33px;
}

/*--------------------------------------------------------------------------------

	프로젝트

--------------------------------------------------------------------------------*/

.masonry.material .masonry-blog-item .grav-wrap{
	display:none;
}


article.post h2.title{
	font-weight:400 !important;
	letter-spacing:-.5px;
}

.sub_video_row .inner-wrap.animated {
    background: #fff;
    border-radius: 5px;
}

.sub_video_row .portfolio-items .work-meta .title{
	text-align: center !important;
    font-size: 20px;
    line-height: 34px;
    padding: 5px 30px 30px 30px;
}
.sub_video_row .portfolio-items .col img{width: 100% !important;}
.sub_video_row .portfolio-items .work-meta p {display: none;}

.sub_video_row .inner-wrap.animated .work-item:before {
	display: none;
    content: '';
    position: absolute;
    top: 30%;
    left: 40%;
    right: 0;
    border: 0;
    width: 5em;
    height: 5em;
    background: #31bef2;
    z-index: 99;
	border-radius: 50px;
	background-image: url(../images/video-btn.png);
    background-position: center;
    background-repeat: no-repeat;
	background-size: 28px;
	cursor: pointer;
}

.lst_story li.project_design a:after {
	right: 0.4em;
}

/*--------------------------------------------------------------------------------

	모바일 메뉴

--------------------------------------------------------------------------------*/

.wrap_mobile{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:99;
}

.lst_mobile li{
	position:relative;
	float:left;
	width:50%;
	height:50px;
	text-align:center;
	background:#fff;
}

.lst_mobile li:first-child{
	text-align:left;
	background:#f9e200 url('http://www.crossdesign.co.kr/wp-content/uploads/2021/11/qnaicon.png')no-repeat 17px 56%;
}
.lst_mobile li:first-child a{left: 11px;}

.lst_mobile li:last-child{
	background:#fff url('http://www.crossdesign.co.kr/wp-content/uploads/2018/01/icon_tel.jpg')no-repeat 10px 50%;
}

.lst_mobile li a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-left:50px;
	line-height:50px;
	color:#333;
}

.lst_mobile li:last-child a{
	padding-left:0px;
}