@charset "utf-8";

/* 210723(s) error 페이지 css 추가 by hyunSun*/
.errorbg {background: #fff; width:100%; height:100vh;}
.errorwrap {margin:0 auto; padding-top: 180px; width: 928px; height:512px; background: url(../img/main/error.png) no-repeat; background-position: bottom right; }
.errorwrap p {font-family: NSBold; font-size: 107px; color:#4d74f3; text-transform: uppercase;}
.errorwrap strong {display: block; margin-top: 20px; font-weight: normal; font-size: 23px; color:#3c3c3c;}
.errorwrap em {display: block; margin-top:24px; font-style: normal; font-size: 15px; color: #7f7e7e; line-height: 21px;}
.errorwrap a {display: block; margin-top: 72px; width: 134px; line-height: 42px; border: 1px solid #4860f3; color:#4860f3; text-align: center; font-size: 14px;}
.errorwrap a.abc {color:#4860f3;}
/* 210723(e) error 페이지 css 추가 by hyunSun*/

/* 200120(s) 이미지 드래그 방지 */
html img{
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-o-user-select: none !important;
	user-select: none !important;

	/*image-rendering: -moz-auto !important;
	image-rendering: -o-auto;
	image-rendering: -ms-auto;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: auto;
	-ms-interpolation-mode: nrearst-neighbor;*/
}
/* 200120(e) 이미지 드래그 방지 */
#wrapper {position: relative; width: 100%; max-width: 100%; overflow: hidden;}
.inner{width:1180px; height:auto; margin:0 auto; position: relative;}
.main-color{color:#feaa0a !important;}


/****************************************************************************************
	 메뉴 로그인 팝업(s)
****************************************************************************************/
#popup-wrapper{display:block; position:fixed; top:0; left:-100%; width:100%; height:100%; background: none; z-index: 999; box-shadow: 0 0 1px 1px #e9e9e9;}
#popup-wrapper .blackbg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 998;
}
#popup-wrapper .popup{
	position:absolute; top:0; left:-90%;
	width:90%; height:100%; background: #ffffff; z-index: 999;
	transition: all 0.3s;
}
#popup-wrapper .popup .login-before .object img.object01{position: absolute; bottom:0; left:0;}
#popup-wrapper .popup .login-before .object img.object02{position: absolute; top:0; right:0;}
#popup-wrapper .popup .login-before .content{position: absolute; top:10%; left:10%; width:42%;}
#popup-wrapper .popup .login-before .content h2.login-title{
	margin-bottom:30px;
	font-family: 'NSBold', sans-serif;
	font-size: 43px;
}
#popup-wrapper .popup .login-before .content h2.login-title span{border-bottom:2px solid #feaa0a;}
#popup-wrapper .popup .login-before .content h3{
	font-family: 'NBG', sans-serif;
	margin-bottom:20px;
	font-size:23px;
	font-weight: 500;
	line-height: 34px;
}
#popup-wrapper .popup .login-before .content p{
	font-family: 'NBG', sans-serif;
	margin-bottom:30px;
	font-size:17px;
	color:#49557a;
	line-height: 23px;
}
#popup-wrapper .popup .login-before .content .sns-login-box{
	width:100%;
	height:50px;
	background: #ffffff;
	border-radius:10px;
	
	margin-bottom:10px;
	text-align: center;
}
#popup-wrapper .popup .login-before .content .login-box{
	width:49%;
	height:50px;
	border-radius:10px;
	box-shadow: 0 0 4px #999;
	margin-bottom:10px;
	margin-right:2%;
	text-align: center;
}
#popup-wrapper .popup .login-before .content .sns-login-box a,#popup-wrapper .popup .login-before .content .login-box a{
	display:block;
	line-height: 2.8;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	color:#333333; font-size:18px;
}
/****************************************************************************************
	 메뉴 로그인 팝업(e)
****************************************************************************************/





/****************************************************************************************
	 header(s)
****************************************************************************************/
/*210514(s) 수정*/
#header{
	width:100%; height:76px;
	background: #ffffff; box-shadow: 0 0 1px 1px #e9e9e9;
	box-sizing: border-box;
	position: fixed;
	z-index: 100;
}
#header .inner h1.main-title{
	width:157px;
	margin-top:0;
	margin-bottom:0;
	font-size:15px;
}
#header .inner h1.main-title a{
	display:block;
	margin-top:12px;
	padding: 12px 0;
}
#header .inner a.nav-btn{display:none; transition: all 0.5s;}
#header .inner .gnb{transition: all 0.5s;}
#header .inner .gnb ul{margin-left:30px;}
#header .inner .gnb ul li{
	transition: all 0.5s;
}
#header .inner .gnb ul li a{
	transition: all 0.5s;
	display:block;
	margin-top:15px;
	padding: 15px 30px;
	font-size:20px;
	color:#333;
	line-height: 1;
	font-family:'NanumSquareRoundB', sans-serif;
}
#header .inner .gnb ul li a:hover{
	color:#feaa0a;
}

#header .inner .search{background: red; position: relative; margin-right:126px;}
#header .inner .search input.search-box{
	width:150px;
	height:28px;
	padding-left:2px; 
	padding-right:26px;
	background: #fff;
	border:1px solid #d4d4d4;
	box-shadow: none;
	border-radius:4px;
	position: absolute;
	top:24px;
	right:0;
}
#header .inner .search button.search-btn{
	width:30px;
	height:30px;
	position: absolute;
	top:24px;
	right:0;
}
#header .inner .login{
	font-size:14px;
	font-family: 'NBG', sans-serif;
	line-height: 1;
}
#header .inner .login a{
	display:inline-block;
	margin-top:23px;
	padding:8px 0;
	font-family: 'NBG', sans-serif;
}
#header .inner .login a:hover{color:#666666;}
#header .inner .login span{
	font-family: 'NBG', sans-serif;
	display:inline-block;
	margin:auto 4px;
}
/*210514(e) 수정*/
/****************************************************************************************
	 header(e)
****************************************************************************************/





/****************************************************************************************
	 container(s)
****************************************************************************************/
#container{
	width:100%; height:auto;
	position: relative;
	margin-top:76px;
}
/****************************************************************************************
	 container(e)
****************************************************************************************/




/****************************************************************************************
	 footer(s)
****************************************************************************************/
#footer{
	width:100%; height:210px;
	background: #ffffff; box-shadow: 0 0 1px 1px #e9e9e9;
	margin-top:60px;
	position: relative;
}
#footer .inner h2.f-title{
	display:inline-block;
	margin-top:35px;
}
#footer .inner .language-zone{
	margin-top:30px;
}
#footer .inner .language-zone ul li{margin-left:30px;}
#footer .inner .language-zone ul li a{
	font-size:16px;
	color:#979797;
	text-decoration: underline;
}
#footer .inner .language-zone ul li a:hover{
	color:#666666;
}
#footer .inner .language-zone ul li a.select{color:#000; text-decoration: none;}
#footer .inner address{
	display:inline-block;
	margin-top:97px;
	text-align: right;
	position: absolute;
	right:0;
	font-style: normal;
	font-family: 'NS', sans-serif;
	line-height: 24px;
	color:#979797;
}
/****************************************************************************************
	 footer(e)
****************************************************************************************/




/****************************************************************************************
	 로그인/회원가입(s) 
****************************************************************************************/
.form-box{
	position: relative;
	width:462px; height:680px;
	margin:116px auto 0 auto;
	background: #fff;
	border:1px solid #dddddd;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: scroll;
}
.form-box h2{
	width:100%;
	margin:45px auto 30px auto;
	font-family: 'NS', sans-serif;
	font-size:30px;
	text-align: center;
}
.form-box h3{
	width:100%;
	margin:0 auto 20px auto;
	font-family: 'NS', sans-serif;
	font-size:16px;
	line-height: 23px;
	text-align: center;
	color:#234fa3;
}
.form-box h3 div{font-size:18px;}
.form-box h3 span{
	font-size:14px;
	color:#487ef8;
	line-height: 22px;
}
.form-box a.click-btn{
	display:block;
	width:100%;
	height:72px;
	margin-top:40px;
	background: #feaa0a;
	border-radius: 5px;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	text-align: center;
	line-height: 72px;
	color:#ffffff;
}
.form-box form{
	width:100%; height: auto;
	box-sizing: border-box;
	margin:0 auto;
}
.form-box form input.textbox{
	box-sizing: border-box;
	width:100%;
	height:50px;
	padding-left:20px;
	border:1px solid #cccccc;
	font-family: 'NGB', sans-serif;
	font-size:16px;
	color:#000000;
}
.form-box form p.r-text{
	margin-top:8px;
	text-align: right;
	font-family: 'NS', sans-serif;
	font-size:14px;
}
.form-box form p.r-text a.link{color:#feaa0a;}
.form-box form .check-box-style{
	margin:20px auto 10px auto;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:16px;
	color:#000000;
	text-align: center;
}
.form-box form button.email-login-btn{
	display:block;
	margin-top:30px;
	width:100%;
	height:72px;
	background: #feaa0a;
	border-radius: 5px;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#ffffff;
}
.form-box form a.policy-link{
	display:block;
	margin:0 auto;
	text-align: center;
	font-family: 'NS', sans-serif;
	font-size:14px;
	color:#feaa0a;
}
.form-box form .sns-login{margin-top:45px;}
.form-box form .sns-login .sns-login-btn{
	width:100%; height:60px;
	margin-bottom:10px;
	background: #ffffff;
	border:none;
	border-radius:5px;
	box-shadow: 1px 1px 13px 0px rgba(0, 0, 0, 0.2);
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#333333;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
/* 200206(s) 구글추가 */
.form-box form .sns-login .google{background:#ffffff url(../img/common/google.png) no-repeat 5% 50%; }
/* 200206(s) 구글추가 */

.form-box form .sns-login .kakaotalk{background:#ffffff url(../img/common/kakaotalk.png) no-repeat 5% 50%; }
.form-box form .sns-login .facebook{background:#ffffff url(../img/common/facebook.png) no-repeat 7% 50%; }
.form-box form .sns-login .naver{background:#ffffff url(../img/common/naver.png) no-repeat 6% 50%; }
.form-box form .sns-login .apple{background:#ffffff url(../img/common/apple.png) no-repeat 5% 50% }
/* 200302(s) */
.form-box .position{position: relative; padding:0 30px;}
/* 200302(e) */
.form-box .send{width:100%; text-align: center; padding-top:50px;}
.form-box .send p{
	width:100%; 
	text-align: center; 
	margin-top:20px; 
	font-size:16px; 
	line-height: 23px; 
	color:#487ef8;
}

/* 추가 맞춤정보 */
.form-box .inform p{font-size:14px;}
.form-box .inform .event{
	width:100%; margin-top:10px;
	border-radius: 5px; box-shadow:2px 4px 26px rgba(0,0,0,0.15); 
	box-sizing: border-box;
}
.form-box .inform .inform-content{
	margin-top:50px;
	padding-bottom:30px;
	border-bottom:1px solid #e2e2e4;
}
.form-box .inform .inform-content h4{
	min-height:30px;
	line-height: 30px;
	padding-left:40px;
	background: url(../img/common/sign_up03_arrow.png) left center no-repeat;
	font-size:18px;
	color:#1e2a40;
	margin-bottom:30px;
}

.form-box .inform .inform-content input[type="radio"] {
    display:none;
}

.form-box .inform .inform-content input[type="radio"] + label {
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#1e2a40;
	margin-right:50px;
}

.form-box .inform .inform-content input[type="radio"] + label span {
    display:inline-block;
    width:30px;
    height:30px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../img/common/radio_style.png) -30px top no-repeat;
    cursor:pointer;
}

.form-box .inform .inform-content input[type="radio"]:checked + label span {
    background:url(../img/common/radio_style.png) 0px top no-repeat;
}
.form-box .inform .inform-content select{
	background: #ffffff;
	box-sizing: border-box;
	width:100%;
	height:60px;
	padding: 10px;
	border-radius: 5px;
	border:1px solid #eaeaea;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#487ef8;
}
.form-box .inform .inform-content select option{
	color:#333333;
	font-family: 'NS', sans-serif;
}

.form-box .inform .inform-content input[type="checkbox"] {
    display:none;
}

.form-box .inform .inform-content input[type="checkbox"] + label {
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#1e2a40;
	margin-right:10px;
}

.form-box .inform .inform-content input[type="checkbox"] + label span {
    display:inline-block;
    background: #ffffff;
    border:1px solid #feaa0a;
    padding:6px 10px;
    margin-bottom:10px;
    border-radius: 20px;
    vertical-align:middle;
    cursor:pointer;
}

.form-box .inform .inform-content input[type="checkbox"]:checked + label span {
	font-weight: normal;
    color:#ffffff;
    background: #feaa0a;
}

.form-box .inform .inform-content input[type="checkbox"].tag-style + label span {
    display:inline-block;
    background: #ffffff;
    border:1px solid #879ff7;
    padding:6px 10px;
    margin-bottom:10px;
    border-radius: 20px;
    vertical-align:middle;
    cursor:pointer;
}

.form-box .inform .inform-content input[type="checkbox"].tag-style:checked + label span {
	font-weight: normal;
    color:#ffffff;
    background: #879ff7;
}
.form-box .inform .inform-content a.more-hashtag{
	display:inline-block;
    background: #879ff7;
    border:1px solid #879ff7;
    padding:6px 20px;
    margin-bottom:10px;
    border-radius: 20px;
    vertical-align:middle;
    cursor:pointer;
    color:#ffffff;
}
.form-box .inform .inform-content span.hidden-tag{display:none;}

/* 200302(s) */
.form-box p.color2{color:#487ef8; text-align: center;}
.form-box form.mgtop{margin-top:30px;}
.form-box form.mgtop p.r-text a{
	background: #666;
	color:#ffffff;
	padding:6px 10px;
	font-family: 'NBG', sans-serif;
}
.form-box form.mgtop p.r-text a:hover{
	background: #879ff7;
}
.form-box form.mgtop a.sign-up-btn{
	display:block;
	margin-top:50px;
	width:100%;
	height:72px;
	line-height: 72px;
	background: #1e2a40;
	border-radius: 5px;
	font-family: 'NS', sans-serif;
	font-weight: normal;
	font-size:18px;
	color:#ffffff;
	text-align: center;
}
.form-box .mgtop{margin-top:30px;}
.form-box .mgtop .code-box{
	box-sizing: border-box;
	border:1px solid #ddd;
	padding:6px 2px;
	width:100%;
	height:120px;
	overflow-y: scroll;
	font-family: 'NBG', sans-serif;
	font-size:16px;
	word-break:break-all;	
}
.form-box .mgtop p.r-text a.link{
	background: #666;
	color:#ffffff;
	padding:6px 10px;
	font-family: 'NBG', sans-serif;
/* 	float:right; */
/* 	margin-top:5px */
}

.form-box .mgtop p.r-text a#copy_btn{
	float: right;
	margin-top:5px;
}

.form-box .mgtop20{
	margin-top:50px;
	box-sizing: border-box;
	border:2px solid #feaa0a;
}
.form-box .code-em{padding:8px 0;}
.form-box .code-em h3{color:#333333; font-family: "NBG", sans-serif; font-weight: bold; margin-bottom:8px;}
.form-box .code-em img{width:100%;}
.form-box .code-em p{font-size:16px; width:100%; text-align: center; font-weight: bold; font-family: "NBG", sans-serif; margin-top:8px;}

/* 200302(e) */
/****************************************************************************************
	 로그인/회원가입(e) 
****************************************************************************************/


/*210401(s)*/
/****************************************************************************************
	 전문가 로그인/회원가입(s) 
****************************************************************************************/
#sign-up-popup{width:536px; height:346px; position: fixed; top:50%; left:50%; margin-top:-173px; margin-left:-268px; background-color: #ffffff; z-index: 999999; box-shadow: 0px 1px 5.94px 0.06px rgba(0, 0, 0, 0.24);}
#sign-up-popup h2{font-size:20px; text-align: center; line-height: 2.6; margin-top:80px;}
#sign-up-popup a{display:block; width:100px; background-color: #252c45; padding:14px 10px; font-family: 'NS',sans-serif; font-size:20px; color:#ffffff; margin:0 auto; margin-top:20px; text-align: center;}
.form-box .box-top{background-color: #252c45; padding:20px 0;}
.form-box .box-top h2{color:#ffffff; font-family: 'NS',sans-serif; font-weight: normal; font-size:16px; line-height: 1.5; margin:30px auto;}
.form-box .box-top h2 strong{font-weight: bold; color:#ffc555;}
.form-box .box-step ul{box-sizing: border-box; padding:0 0px;}
.form-box .box-step ul li{width:25%; padding:20px 0; text-align: center; background-color: #d7d7d7; box-sizing: border-box; border-right:1px solid #ffffff;}
.form-box .box-step ul li.step-on{background-color: #252c45; color:#ffffff;}
.form-box .box-step ul li.step-last{border:none;}
.inform-content h4 span.import{color:#ff0000;}
.inform-content a.click-btn.prev,a.click-btn.next{width:50%; height: 60px; line-height: 60px; margin:0!important; border-radius: 0;}
.inform-content a.click-btn.prev:hover,a.click-btn.next:hover{opacity: 0.9;}
.inform-content input.textbox.map-search{width:70%;}
.inform-content a.map-search-btn{float:right; display:inline-block; width:30%; height:50px; line-height: 50px; background-color: #ff6600; margin:0; text-align: center; color:#ffffff; font-family: 'NS',sans-serif; font-size:15px;}
.user-list label{display:block; width:100%; margin-bottom:6px; padding:10px 0; background-color: #f0f0f0; margin-right: 4px; border-radius: 6px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); text-align: center; font-size:14px !important; font-weight: normal !important; }
.user-list input[type="radio"]:checked + label{color:#ffffff !important; background-color: #487ef8;}
.user-list label:hover{color:#ffffff !important; background-color: #487ef8;}
.build-list label{display:block; width:100%; margin-bottom:6px; padding:10px 0; background-color: #f0f0f0; margin-right: 4px; border-radius: 6px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); text-align: center; font-size:14px !important; font-weight: normal !important; }
.build-list input[type="radio"]:checked + label{color:#ffffff !important; background-color: #487ef8;}
.build-list label:hover{color:#ffffff !important; background-color: #487ef8;}
.etc-list label{display:inline-block; margin-right:10px !important; margin-bottom:10px; padding:10px 20px; background-color: #f0f0f0; margin-right: 4px; border-radius: 6px; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); text-align: center; font-size:14px !important; font-weight: normal !important; }
.etc-list input[type="radio"]:checked + label{color:#ffffff !important; background-color: #487ef8;}
.etc-list label:hover{color:#ffffff !important; background-color: #487ef8;}
.inform .users{display: none;}
.inform .users.active{display:block;}
.inform .builds{display: none;}
.inform .builds.active{display:block;}
input.email-box{box-sizing: border-box; height:40px; padding:0 10px; border:1px solid #cccccc; font-family: 'NBG', san-serif; font-size:14px; color:#000000;}
input#email1{width:30%;}
input#email2{width:30%;}
input.phone-box{box-sizing: border-box; width:32%; height:40px; padding:0 10px; border:1px solid #cccccc; font-family: 'NBG', san-serif; font-size:14px; color:#000000;}
input.u-number-box{box-sizing: border-box; width:32%; height:40px; padding:0 10px; border:1px solid #cccccc; font-family: 'NBG', san-serif; font-size:14px; color:#000000;}
input.number-box{box-sizing: border-box; width:32%; height:40px; padding:0 10px; border:1px solid #cccccc; font-family: 'NBG', san-serif; font-size:14px; color:#000000;}
select#email_select{box-sizing: border-box; height:40px; padding-left:10px; border:1px solid #cccccc; font-family: 'NBG', san-serif; font-size:14px; color:#000000; width:30%;}
.filebox label{font-weight: 500; height: 35px; margin: 0; font-size: 14px; display: inline-block; padding: 8px 20px;  color: orange; vertical-align: middle; background-color: #ffffff; cursor: pointer; border: 1px solid orange; border-radius: 5px; transition: all 0.3s;}
.filebox label:hover {background-color: orange; color:#ffffff;} 
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.filebox input.upload_name{display: inline-block; height: 35px;	font-size:16px; padding: 0 10px; vertical-align: middle; background-color: #f5f5f5;	border: 1px solid #ebebeb; border-radius: 5px;}
.checks{position: relative;}
input#y1{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0
}
input#y1 + label.y1{
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input#y1 + label.y1:before{
	content: ' ';
	display: inline-block;
	width: 21px;
	height: 21px;
	line-height: 21px;
	margin: -2px 8px 0 0;
	text-align: center; 
	vertical-align: middle;
	background: #fafafa;
	border: 1px solid #cacece;
	border-radius : 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
input#y1 + label.y1:active:before,
input#y1:checked + label.y1:active:before{
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input#y1:checked + label.y1:before{
	content: '\2714';  /* 체크표시 유니코드 사용 */
	color: #99a1a7;
	text-shadow: 1px 1px #fff;
	background: #e9ecee;
	border-color: #adb8c0;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}
input#y2{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0
}
input#y2 + label.y2{
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input#y2 + label.y2:before{
	content: ' ';
	display: inline-block;
	width: 21px;
	height: 21px;
	line-height: 21px;
	margin: -2px 8px 0 0;
	text-align: center; 
	vertical-align: middle;
	background: #fafafa;
	border: 1px solid #cacece;
	border-radius : 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
input#y2 + label.y2:active:before,
input#y2:checked + label.y2:active:before{
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input#y2:checked + label.y2:before{
	content: '\2714';  /* 체크표시 유니코드 사용 */
	color: #99a1a7;
	text-shadow: 1px 1px #fff;
	background: #e9ecee;
	border-color: #adb8c0;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

@media all and (max-width: 576px){
	#sign-up-popup{width:340px; height:320px; position: fixed; top:50%; left:50%; margin-top:-160px; margin-left:-170px; background-color: #ffffff; z-index: 999999; box-shadow: 0px 1px 5.94px 0.06px rgba(0, 0, 0, 0.24);}
	#sign-up-popup h2{font-size:16px; text-align: center; line-height: 2.6; margin-top:80px;}
	#sign-up-popup a{display:block; width:100px; background-color: #252c45; padding:14px 10px; font-family: 'NS',sans-serif; font-size:20px; color:#ffffff; margin:0 auto; margin-top:20px; text-align: center;}
	.form-box .box-top h2{color:#ffffff; font-family: 'NS',sans-serif; font-weight: normal; font-size:14px; line-height: 1.5; margin:30px auto;}
	.form-box .inform .inform-content input[type="radio"] + label {font-size:16px; margin-right:20px;}
	.inform-content a.map-search-btn{height: 45px; line-height: 45px;}
}

/*210429(s) 버튼 css변경*/
.form-box.bdn{
	border-bottom:none;
}
.form-btn-box{
	width:462px;
	padding:20px 48px 20px 30px;
	box-sizing: border-box;
	margin:0 auto;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-top:none;
}
.form-btn-box .click-btn{
	width:50%; height: 60px;
	line-height: 60px;
	text-align: center;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.form-btn-box .click-btn.prev{
	color:#333333;
}
.form-btn-box .click-btn.next{
	color:#ffffff;
}
@media all and (max-width: 576px){
	.form-btn-box{
		width:95%;
		padding:20px 16px 20px 16px;
	}
	.form-btn-box .click-btn{
		text-align: center;
		font-family: 'NS', sans-serif;
		font-weight: bold;
		font-size: 16px;
	}
}
/*210429(e) 버튼 css변경*/
/****************************************************************************************
	 전문가 로그인/회원가입(e) 
****************************************************************************************/
/*210401(s)*/


/****************************************************************************************
	 프로필 페이지(s) 
****************************************************************************************/
.profile-page{
	width:100%;
	height:auto;
	position: relative;
}
/* 200219(s) */
.profile-page .profile-background{
	width:100%;
	height:350px;
	background-image: url(../img/common/sample05.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#000000;
	background-size:cover; 
	position: relative;
}
.profile-page .profile-background .profile-picture{
	width:500px;
	height:100%;
	background: rgba(0,0,0,0.5);
	position: relative;
	left:50%;
	margin-left:-250px;
}
.profile-page .profile-background .profile-picture a.picture-box{
	display:block;
	width:84px; height:84px;
/* 	background-image: url(../img/main/sample03.jpg); */
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff;
	background-size:cover; 
	box-sizing: border-box;
	border:2px solid #dddddd;
	border-radius: 50%;
	position: absolute;
	top:80px; left:50%;
	margin-left:-42px;
	text-align: center;
}
/* 200219(e) */
.profile-page .profile-background .profile-picture a.picture-box img{
	width:34px;
	margin:50px 0 0 58px;
}
.profile-page .profile-background .profile-picture a.picture-box span{
	display:inline-block;
	width:200%;
	position: absolute;
	left:-50%; right:0;
	color:#ffffff;
	text-align: center;
	margin:16px auto 0 auto;
	font-size:18px;
}
.profile-page .profile-background .profile-picture .profile-id{
	width:100%;
	position: absolute;
	top:180px;
	text-align: center;
}
.profile-page .profile-background .profile-picture .profile-id a{
	font-size:18px;
	color:#ffffff;
}
.profile-page .profile-background .profile-picture .share-content{
	width:100%;
	position:absolute;
	top:220px;
	text-align: center;
}
.profile-page .profile-background .profile-picture .share-content div{
	width:24%;
}
.profile-page .profile-background .profile-picture .share-content div.my-write{
	margin-left:10%;
	margin-right:4%;
	
}
.profile-page .profile-background .profile-picture .share-content div.my-scrap{
	margin-left:4%;
	margin-right:10%;
}
.profile-page .profile-background .profile-picture .share-content div{text-align: center; margin:0 auto;}
.profile-page .profile-background .profile-picture .share-content div a img{display:inline-block;}
.profile-page .profile-background .profile-picture .share-content div a>span{
	width:100%;
	display:block;
	margin-top:4px;
	font-family: 'NS', sans-serif;
	font-size:18px;
	color:#ffffff;
	overflow: hidden;
}
.profile-page .profile-content-box{margin-top:20px;}
.profile-page .profile-content-box .tip,.profile-page .profile-content-box .consulting,.profile-page .profile-content-box .scraps{
	height:55px;
}
.profile-page .profile-content-box .tip{width:34%; margin-right:1%;}
.profile-page .profile-content-box .tip a{
	display:block; width:100%; height:100%;
	box-sizing: border-box;
	border-radius: 25px; box-shadow:0 2px 8px rgba(154,154,154,0.2);
	padding-left:10px;
	background: #ffffff url(../img/common/tip_mark.png) center left no-repeat;
	background-position: 10px 50% ;
}
.profile-page .profile-content-box .tip a strong{
	font-family: 'NS', sans-serif;
	font-size:20px;
	color:#49557a;
	line-height: 55px;
	margin-left:50px;
}
.profile-page .profile-content-box .tip a strong>span{color:#000000;}
.profile-page .profile-content-box .tip a strong>span span{
	display:inline-block;
	margin-left:10px; padding:0 20px;
	height:30px; line-height: 30px;
	border-radius: 14px;
	background: #feaa0a;
	color:#ffffff;
	font-weight: normal;
	font-size:16px;
}
.profile-page .profile-content-box .consulting{width:18%;}
.profile-page .profile-content-box .consulting a{
	display:block; box-sizing: border-box; width:100%; height:100%;
	background: #ffffff;
	border-radius: 25px; box-shadow:0 2px 8px rgba(154,154,154,0.2);
	border:2px solid #5188f9;
	color:#5188f9;
	text-align: center;
	font-family: 'NS', sans-serif;
	font-size:20px;
	line-height: 51px;
}
.profile-page .profile-content-box .consulting a:hover{background: #5188f9; color:#ffffff;}
.profile-page .profile-content-box .scraps{
	width:46%; margin-left:1%;
	background:#ffffff;
	box-sizing: border-box;
	border-radius: 25px; box-shadow: 0 2px 8px rgba(154,154,154,0.2);
	overflow: hidden;
	position: relative;
}
.profile-page .profile-content-box .scraps div.scraps-count{
	display:inline-block;
	text-align: center;
	background: #ffffff;
	padding-top:8px;
	padding-left: 20px;
	padding-right:10px;
	padding-bottom:4px;
}
.profile-page .profile-content-box .scraps div.scraps-count span{
	display:block;
	margin-bottom:2px;
	padding:4px 16px;
	background: #feaa0a;
	border-radius: 25px;
	color:#ffffff;
}
.profile-page .profile-content-box .scraps div.scraps-people{
	display:inline-block;
	margin-left:10px;
	position: absolute;
	margin-top:6px;
	width:82%;
	height:46px;
}
.profile-page .profile-content-box .scraps .scraps-people>div div{display:inline-block;}
/* 200219(s) */
.profile-page .profile-content-box .scraps .scraps-people>div div a{
	display:block;
	width:44px; height:44px;
	border:1px solid #dddddd;
	border-radius: 50%;
	background-image: url(../img/common/sample05.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff;
	background-size: cover;
}
/* 200219(e) */
.swiper-gallery{position: relative; margin-top:70px;}
/* 200120(s) 폰트사이즈 조절 */
.swiper-gallery h2.gallery-title{
	font-family: 'NS', sans-serif;
	font-size:26px;
	color:#252c45;
	padding-bottom:10px;
	margin-bottom:6px;
}
/* 200120(e) 폰트사이즈 조절 */
.swiper-gallery h2.gallery-title a.gallery-count{margin-left:10px; font-size:18px; color:#5188f9;}
.swiper-gallery .list ul>li.li{
	height:260px;
	border:1px solid #dddddd;
	box-sizing: border-box;
	border-radius: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.swiper-gallery .list ul>li.li:hover{
	border:1px solid #feaa0a;
}
.swiper-gallery .list ul>li a.bg{
	display:block;
	width:100%;
	height:70%;
	background-image: url(../img/main/sample02.png);
	background-repeat: no-repeat;
	background-position: center; 
	background-size:cover; 
	position: absolute;
	z-index: 2;
}
.swiper-gallery .list ul>li a.position_r{
	position: relative;
}
/* 프로필, 유저아이디 */
/* 200207(s) */
.swiper-gallery .list ul>li .profile{
	position: absolute;
	left:7px;
	bottom:-20px;
}
.swiper-gallery .list ul>li .profile .picture{
	position: relative;
	width:50px; height:50px;
	border-radius: 50%;
	margin-bottom:-8px;
	background-color:#efefef;
	background-image:url(../img/common/empty_profile.png); 
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	border:2px solid #ffffff;
	box-sizing: border-box;
	text-align: center;
	overflow:hidden;
	text-indent: -99999px;
	z-index: 3;
}
.swiper-gallery .list ul>li .profile .userId{
	display:block;
	width:auto;
	margin-left:5px;
	margin-top:30px;
	left:54px;
	bottom:0px;
	color:#49557a;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	z-index: 3;
}
.swiper-gallery .list ul>li .profile .picture a,.swiper-gallery .list ul>li .profile .userId a{
	display:block;
	width:100%; height:100%;
}
/* 200207(e) */
/****************************************************************************************
	 프로필 페이지(e) 
****************************************************************************************/



/****************************************************************************************
	 스와이퍼 갤러리(s) 
****************************************************************************************/
/* 게시물 제목, 해시태그 */
.swiper-gallery .list ul>li h3.title{
	padding-left:8px;
	padding-right:10px;
	margin-top:30px;
}
.swiper-gallery .list ul li h3.title a{
	font-size:14px;
}
/****************************************************************************************
	 스와이퍼 갤러리(e) 
****************************************************************************************/




/****************************************************************************************
	 갤러리(s) 
****************************************************************************************/
.gallery{
	width:100%;
	height:auto;
	overflow: hidden;
	margin-top:50px;
}
.gallery h2.gallery-title{
	font-family: 'NS', sans-serif;
	font-size:30px;
	color:#252c45;
	border-bottom:1px solid #feaa0a;
	padding-bottom:10px;
	margin-bottom:6px;
}
.gallery.story{margin-top:163px !important;}
.gallery h2.gallery-title>span{display:block; color:#444444; font-size:18px; margin-top:10px; font-family: 'NS', sans-serif; font-weight: 500;}
.gallery h2.gallery-title span span.sort{position:relative; font-size:14px; text-align: center; float:right; font-weight: bold;}
.gallery h2.gallery-title span span.sort button.sort-btn{width:30px; height:30px; margin-top:-6px; border-radius: 50%; background: #ffffff; border:1px solid #dddddd;}
.gallery h2.gallery-title span span.sort div{display:none; position: absolute; width:100px; height:30px; line-height: 30px; right:0; bottom:-46px; background: #ffffff; border:1px solid #dddddd; border-radius: 10px; z-index: 95;}
.gallery .list{
	margin-top:20px;
}
.gallery .list ul>li.li{
	position: relative;
	width:24%; height:280px;
	border:1px solid #dddddd;
	box-sizing: border-box;
	border-radius: 10px;
	margin:0 0.5% 20px 0.5%;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.gallery .list ul>li.li:hover{
	border-radius: 0;
	border:1px solid #feaa0a;
}
.gallery .list ul>li a.vr{position: absolute; top:5px; left:5px; z-index: 10;}
/* 200219(s) */
.gallery .list ul>li a.bg{
	display:block;
	width:100%;
	height:64%;
	background-image: url(../img/main/sample02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover; 
	position: absolute;
}
/* 200219(e) */
.gallery .list ul>li a.position_r{
	position: relative;
}

.gallery .list ul>li a.position_r:after {
  width: 100%;
  height: 100%;
  content: "";
/*   background: url("./images/sunrise.jpg"); */
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.5;
}

/* 조회수, 댓글, 누딤 */
.gallery .list ul>li a.position_r .community{
	position: absolute;
	bottom:0;
	width:100%;
	height:22px;
	background: rgba(0,0,0,0.3);

}
.gallery .list ul>li a.position_r .community .comment{
	position: absolute;
	top:3px;
	left:64px;
}
.gallery .list ul>li a.position_r .community .view{
	position: absolute;
	top:3px;
	left:114px;
}
.gallery .list ul>li a.position_r .community .comment span.comment-count,.gallery .list ul>li a.position_r .community .view span.view-count{
	color:#ffffff;
	font-family: 'NS', sans-serif;
	font-size:14px;
}

/* 프로필, 유저아이디 */
/* 200207(s) 프로필 클릭 */
.gallery .list ul>li .profile{
	position: absolute;
	left:7px;
	bottom:80px;
}
.gallery .list ul>li .profile .picture{
	position: relative;
	width:50px; height:50px;
	border-radius: 50%;
	margin-bottom:-8px;
	background-color:#efefef;
	background-image:url(../img/common/empty_profile.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	border:2px solid #ffffff;
	box-sizing: border-box;
	text-align: center;
	overflow:hidden;
	text-indent: -99999px;
}
.gallery .list ul>li .profile .userId{
	display:inline-block;
	position: absolute;
	left:54px;
	bottom:0px;
	color:#49557a;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	width: 200px;
}
.gallery .list ul>li .profile .picture a,.gallery .list ul>li .profile .userId a{
	display:block; width:100%; height:100%;
}
/* 200207(e) 프로필 클릭 */
/* 좋아요버튼 */
.gallery .list ul>li .like{
	width:60px;
	height:60px;
	border-radius: 50%;
	background: url(../img/common/like_btn2.png) center no-repeat;
	position: absolute;
	right:5px;
	top:61%;
	margin-top:-18px;
	text-align: center;
	cursor:pointer;
}
.gallery .list ul>li .like span{
	display:inline-block;
	font-size:12px;
	color:#feaa0a;
	margin-top:28px;
}
.gallery .list ul>li .like.on{
	background: url(../img/common/like_on_btn2.png) center no-repeat;
}
.gallery .list ul>li .like.on span{
	color:#ffffff;
}

/* 게시물 제목, 해시태그 */
.gallery .list ul>li h3.title{
	padding-left:8px;
	padding-right:10px;
	margin-top:30px;
}
.gallery .list ul li h3.title a{
	font-size:14px;
}
.gallery .list ol.hashtag{
	overflow: hidden;
	text-overflow: ellipsis;
	width:70%;
	height:17px;
	position:absolute;
	bottom:0;
	margin-bottom:10px;
	margin-left:8px;
}
.gallery .list ol.hashtag li{margin-right:8px;}
.gallery .list ol.hashtag li a{
	text-overflow: ellipsis;
	font-family: 'NS', sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#888888;
}

/* 게시물 스크랩css */
.gallery .list ul li .scrap{
	position:absolute;
	bottom:4px; right:8px;
}
.gallery .list ul li .scrap .scrap-count{
	background: url(../img/common/scrap_bg.png) center no-repeat;
	width:33px; height:14px;
	font-family: 'NS', sans-serif;
	font-size:12px;
	line-height: 16px;
	text-align: center;
	color:#ffffff;
}
.gallery .list ul li .scrap span{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:13px;
	color:#feaa0a;
}
/****************************************************************************************
	 갤러리(e) 
****************************************************************************************/




/****************************************************************************************
	 스토리(s) 
****************************************************************************************/
.lnb{
	width:100%; height:46px; 
	background: #ffffff; border-bottom:1px solid #dddddd;
	position: fixed; top:76px;
	z-index: 99;
}
.lnb ul li{text-align: center;}
.lnb ul li.focus a{color:#feaa0a;}
.lnb ul li:hover a{color:#feaa0a;}
.lnb ul li a{display:block; font-size:17px; line-height: 46px; width:100px; font-family: 'NSBold', sans-serif;}

.writing{width:100%; height:auto; text-align: right;}
.writing button.writing-btn{width:120px; height:40px; background: #252c45; color:#ffffff; font-family: 'NS', sans-serif; font-size:18px;}

.more{width:100%; height: auto; text-align: center;}
.more button.more-btn{width:82px; height: 82px; background: url(../img/common/more_btn.png) center no-repeat;}
.more button.more-btn-on{background: url(../img/common/more_hover_btn.png) center no-repeat;}
/****************************************************************************************
	 스토리(e) 
****************************************************************************************/


/* 200120(s) */
/****************************************************************************************
	 포스트(s) 
****************************************************************************************/
#post-container{padding-top:40px !important;}
.post-wrapper{width:100%; height:auto; background: #ffffff; box-sizing: border-box;}
/* 200219(s) */
.post-wrapper .post-content{padding:70px 0; width:90%; height:100%; background: #ffffff; margin:0 auto;}
.post-wrapper .post-content h2.post-title{
	font-family: 'NS', sans-serif;
	font-size:28px;
	padding:0px 0;
	border-bottom:1px solid #dddddd;
	vertical-align: middle;
	position: relative;
}
/* .post-wrapper .post-content h2.post-title a{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	margin-top:-40px;
	width:46px; height:46px;
	background: url(../img/common/go_back_icon.png) center no-repeat;
	background-size: contain;
	border-radius: 50%;
	box-shadow: 0 0px 8px rgba(0,0,0,0.2);
	text-indent:-999999px;
} */
/* 200219(e) */
.post-wrapper .post-content .top-content{
	position: relative;
	width:100%;
	height:auto;
	margin:0 auto;
}
.post-wrapper .post-content .top-content .edit-box{
	position: absolute;
	top:-40px;
	right:0;
	text-align: right;
}
.post-wrapper .post-content .top-content .content{
	margin-top:50px;
	width:100%;
	height:auto;
}
/* 200219(s) */
.post-wrapper .post-content .top-content .content .main-bg{
	position: relative;
	width:70%; height:auto;
	margin:0 auto;
	text-align: center;
}

/* 200219(s) */
.post-wrapper .post-content .top-content .content .main-bg.vr360{
	width:70%; height:450px;
}
.post-wrapper .post-content .top-content .content .main-bg img.title-img{
	display:block;
	width:100%; height:auto;
	text-align: center;
}
/* 200219(e) */
.post-wrapper .post-content .top-content .content .main-bg a.vr{
	position: absolute;
	top:10px; left:10px;
	display:block;
}
.post-wrapper .post-content .top-content .content .main-bg .community{
	position: absolute;
	bottom:0; left:0;
	width:100%; height:40px;
	background: rgba(0,0,0,0.6);
}
.post-wrapper .post-content .top-content .content .main-bg .community .position{position: relative;}
.post-wrapper .post-content .top-content .content .main-bg .community .position .absolute{position: absolute;}
.post-wrapper .post-content .top-content .content .main-bg .community .position>div{right:30px;}
.post-wrapper .post-content .top-content .content .main-bg .community .position div{
	box-sizing:border-box;
	margin-left:30px;
	line-height: 40px;
	font-size:16px;
	color:#ffffff;
}
.post-wrapper .post-content .top-content .content .text-box .box{
	 margin-top:12px; margin-bottom:12px;
}
/* 200219(s) */
.post-wrapper .post-content .top-content .content .text-box .profile a .picture{
	width:50px; height:50px;
	box-sizing: border-box;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
/* 	background-image: url(../img/main/sample03.jpg); */
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff; 
	background-size:cover; 
	border-radius: 50%;
	text-indent:-999999px;
}
/* 200219(e) */
.post-wrapper .post-content .top-content .content .text-box .profile a .userId{
	line-height: 50px;
	margin-left:10px;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:20px;
	color:#000000;
}
.post-wrapper .post-content .top-content .content .text-box .sns span.btn{
	display:inline-block;
	width:50px; height:50px;
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	border-radius: 50%;
	position: relative;
	margin-left:10px;
}
.post-wrapper .post-content .top-content .content .text-box .sns span.like{	
	background: url(../img/common/post-icon01.png) center no-repeat;
	margin-left:0;
	cursor: pointer;
}
.post-wrapper .post-content .top-content .content .text-box .sns span.like.on{
	background: url(../img/common/post-icon01-on.png) center no-repeat;
}
.post-wrapper .post-content .top-content .content .text-box .sns span.like.on span{color:#ffffff;}
.post-wrapper .post-content .top-content .content .text-box .sns span.scrap{	
	background: url(../img/common/post-icon02.png) center no-repeat;
	cursor: pointer;
}
.post-wrapper .post-content .top-content .content .text-box .sns span.scrap.on{	
	background: url(../img/common/post-icon02-on.png) center no-repeat;
}
.post-wrapper .post-content .top-content .content .text-box .sns span.scrap.on span{color:#ffffff;}
.post-wrapper .post-content .top-content .content .text-box .sns span.share{	
	background: url(../img/common/post-icon03.png) center no-repeat;
	cursor: pointer;
}
.post-wrapper .post-content .top-content .content .text-box .sns span.btn span{
	position: absolute;
	display:block;
	width:100%;
	text-align: center;
	margin-top:32px;
	line-height: 1;
	font-size:12px;
	color:#feaa0a;
}
.post-wrapper .post-content .top-content .content .text-box .info{
	border-top:1px solid #dddddd;
	padding:20px 0;
}
.post-wrapper .post-content .top-content .content .text-box .info ol li{
	margin-left:30px;
	list-style: square;
	font-size:16px;
	color:#000000;
}
.post-wrapper .post-content .top-content .content .text-box .hashtag{
	border-top:1px solid #dddddd;
	padding:20px 0;
}
.post-wrapper .post-content .top-content .content .text-box .hashtag a{
	display:inline-block;
	font-family: 'NS', sans-serif;
	font-size:16px;
	margin-right:10px;
	margin-bottom:8px;
}

.post-wrapper .post-content .detail-content h2{
	width:100%; 
	height:50px;
	line-height: 50px;
	box-sizing: border-box;
	margin-top:50px;
	border:1px solid #feaa0a;
	font-family: 'NS', sans-serif;
	font-weight: normal;
	font-size:18px; 
	text-align: center;
	color:#000000;
}
.post-wrapper .post-content .detail-content .detail-bg.first{
	margin-top:50px;
}
/* 200219(s) */
.post-wrapper .post-content .detail-content .detail-bg{
	width:100%; height:auto;
	margin-top:100px;
	text-align: center;
}
.post-wrapper .post-content .detail-content .detail-bg img.sub-img{
	width:auto;
}
/* 200219(e) */
.post-wrapper .post-content .detail-content p.detail-text{
	margin-top:20px; margin-left:10px; margin-right:10px;
	font-family: 'NBG', sans-serif;
	font-size:18px;
	line-height: 1.7;
	color:#000000;
}

/* 댓글(s) */
.comment-area{
	width:100%;
	height:auto;
	margin-top:70px;
}
.comment-area>h2{font-size:18px; font-weight: normal; margin-bottom:10px;}
.comment-area .comment-content{background: #ffffff;}
.comment-area .comment-content textarea{
	width:100%; resize:none; padding:10px;
	font-family: 'NBG', sans-serif;
	border:1px solid #aaa;
	border-color:#aaaaaa;
	border-bottom-color:#dddddd;
	box-sizing: border-box;
}
.comment-area .comment-content textarea::-webkit-placeholder{
	color:#cccccc;
}
.comment-area .comment-content textarea::-moz-placeholder{
	color:#cccccc;
}
.comment-area .comment-content textarea::-ms-placeholder{
	color:#cccccc;
}
.comment-area .comment-content textarea::-o-placeholder{
	color:#cccccc;
}
.comment-area .comment-content textarea::placeholder{
	color:#cccccc;
}
.comment-area .comment-content .post-btn{
	width:100%;
	height:40px;
	border:1px solid #aaaaaa; border-top:none;
	box-sizing: border-box;
}
.comment-area .comment-content .post-btn a{
	display:block;
	width:100px;
	height:100%;
	line-height: 40px;
	border-left:1px solid #dddddd;
	text-align: center;
	float: right;
}
.comment-area .comment-content .people{
	padding:0 20px;
	box-sizing: border-box;
}
.comment-area .comment-content .people .d-user{
	padding:30px 0;
	border-bottom:1px solid #dddddd;
}
.comment-area .comment-content .people .d-user.last{
	border-bottom:0;
}
.comment-area .comment-content .people .d-user a{
	display:inline-block;
}
/* 200219(s) */
.comment-area .comment-content .people .d-user a span{
	display:inline-block;
	width:30px; height:30px;
	border-radius: 50%;
	background-color:#ffffff;
	background-image: url(../img/common/sample05.png);
	background-repeat: no-repeat;
	background-position: center; 
	background-size:cover; 
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	text-indent:-999999px;
}
/* 200219(e) */
.comment-area .comment-content .people .d-user a strong{
	height:30px;
	line-height: 30px;
	margin-left:10px;
	display:inline-block;
	font-weight: normal;
	font-size:18px;
}
.comment-area .comment-content .people .d-user>div{
	box-sizing: border-box;
	padding-left:40px;
}
.comment-area .comment-content .people .d-user>div>span{display:block; font-family: 'NBG', sans-serif;}
.comment-area .comment-content .people .d-user>div span.com{
	font-size:16px;
}
.comment-area .comment-content .people .d-user>div span.dat{
	font-size:12px;
	color:#aaaaaa;
}
/****************************************************************************************
	 포스트(e) 
****************************************************************************************/
/* 200120(e) */



/* 210524(s) */
/****************************************************************************************
	 글쓰기(s) 
****************************************************************************************/
#write-wrapper{
	margin: 163px auto 0 auto !important;
	width:100%;
	position: relative;
	background: #ffffff;
}
#write-wrapper h2{margin-top:40px; padding-bottom:14px; border-bottom:1px solid #eaeaea;}
#write-wrapper h2 input::-ms-placeholder{color:#bbbbbb;}
#write-wrapper h2 input::placeholder{color:#bbbbbb;}
#write-wrapper h2 input{
	display:block;
	width:100%;
	padding:0;
	margin:0;
	border:none;
	font-family: "NBG", sans-serif;
	font-size:24px;
}
#write-wrapper .select-box{
	margin-top:20px;
	margin-bottom:10px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#write-wrapper .select-box select{
	width:100%; height:40px;
	box-sizing: border-box;
	padding-left:10px;
	margin-bottom:10px;
	border:1px solid #00000032;
	border-radius:10px;
	font-family: 'NBG', sans-serif;
	font-weight: normal;
	font-size:14px;
	color:#555555;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	background: url(../img/common/select_arrow_btn.png) no-repeat 95.8% 50%;
	cursor: pointer;
}
#write-wrapper .select-box select.last{
	margin-right:0;
}
#write-wrapper .select-box select::-ms-expand {
    display: none;
}
#write-wrapper .select-box select option{color:#444444;}
#write-wrapper .select-box .select{
	width:19%; height:40px;
	line-height: 40px;
	box-sizing: border-box;
	margin-bottom:10px;
	position: relative;
	text-align: center;
	font-weight: bold;
}
#write-wrapper .select-box .select.x2{
	width:39.2%;
}
#write-wrapper .select-box .select input{
	outline: none;
	border:1px solid #00000032;
	padding-left:10px;
	padding-right: 10px;
	border-radius:10px;
	font-family: 'NBG', sans-serif;
	font-weight: normal;
	font-size:14px;
	color:#555555;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	width: 100%; height: 100%;
}
#write-wrapper .select-box .select .box{
	width:100%; height: 100%;
	line-height: 40px;
	border:1px solid #00000032;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	font-size:16px;
	color:#555555;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	overflow: hidden;
}
#write-wrapper .select-box .select input[type="date"]{
	width:46%;
	font-size: 14px; 
}
#write-wrapper .select-box .select input.start{
	float:left;
}
#write-wrapper .select-box .select input.end{
	float:right;
}
#write-wrapper .select-box .tag_contents{
	width:100%;
	text-align: left;
}
/*210525(s) 수정*/
#write-wrapper .select-box .tag_contents span.tag{
	display: inline-block; border-radius:10px;
	background-color: #ff7600;
	font-family: 'NS', sans-serif;
	padding:2px 10px;
	margin-bottom:2px;
	color:#ffffff;
}

.category_table{
	margin-top:4px;
	max-height: 206px;
	overflow-y: scroll;
	box-shadow: 1px 1px 3.96px 0.04px rgba(0, 0, 0, 0.26);
	position: absolute;
	left:0;
	z-index: 10;
}
.category_table table{
	width: 320px;
	border: none;
	border-collapse: collapse;
	box-sizing: border-box;
	background-color: #ffffff;
}
.category_table table thead tr{
	height: 40px;
}
.category_table table thead tr th{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	text-align: left;
}
.category_table table tbody tr{
	height: 30px;
	line-height: 30px;
}
.category_table table thead tr th,
.category_table table tbody tr td{
	text-align: center;
	border: 1px solid #cccccc;
}
.category_table table tbody tr td a{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}
.category_table table tbody tr td.on{
	background-color: #ff7600;
	color:#ffffff;
}
.category_table table tbody tr td.on a{
	color:#ffffff;
}
/*210525(e) 수정*/

#write-wrapper .upload-box a{
	display:block;
	box-sizing: border-box;
	text-align: center;
	height:60px; line-height: 60px;
	font-family: 'NS', sans-serif;
	font-size:20px;	
}
#write-wrapper .upload-box a.upload-btn{
	width:75%; background: #555555;
	color:#ffffff;
	text-decoration: none;
}
#write-wrapper .upload-box a.upload-btn:hover{
	background: #333333;
}
#write-wrapper .upload-box a.close-btn{
	width:25%; background: #ffffff; border:1px solid #999;
	color:#555555;
	text-decoration: none;
}
#write-wrapper .upload-box a.close-btn:hover{
	background: #f3f3f3;
}
/****************************************************************************************
	 글쓰기(e) 
****************************************************************************************/
/* 210524(e) */

/* 200506(s) */
/****************************************************************************************
	 프로필편집(s) 
****************************************************************************************/
.edit-content .main-edit:after{
	display:block;
	content: "";
	clear:both;
}
.edit-content .main-edit .left{
	float:left;
	width:38%; height:390px;
	position: relative;
}
.edit-content .main-edit .left a.picture-box{
	display:block;
	width:110px; height:110px;
	border:2px solid #dddddd;
	border-radius: 50%;
	position: absolute;
	left:50%; margin-left:-55px;
	top:28%;
	background-color: #ffffff;
	background-repeat:no-repeat;
	background-position: center;
}
.edit-content .main-edit .left a.picture-box img{
	display:inline-block;
	margin-top:80px; margin-left:80px;
}
.edit-content .main-edit .left .id{
	width:100%;
	position:absolute;
	top:58%;
	text-align: center;
	margin-top:6px;
}
.edit-content .main-edit .left .id span.connection{
	font-family: 'NS', sans-serif;
	font-size:14px;
	color:#666666;
	text-decoration: underline;
	display:inline-block;
}
.edit-content .main-edit .left .id h2{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:24px;
	color:#000000;
	padding:6px 0 2px 0;
}
.edit-content .main-edit .left .id span.y,
.edit-content .main-edit .left .id span.m,
.edit-content .main-edit .left .id span.d{
	font-family: 'NS', sans-serif;
	font-size:14px;
	color:#aaaaaa;
}
.edit-content .main-edit .right{
	float:left;
	width:62%;
}
.edit-content .main-edit .right h4{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#1e2a40;
	padding-bottom:10px;
}
.edit-content .main-edit .right .nickname,
.edit-content .main-edit .right .email,
.edit-content .main-edit .right .intro{
	padding-top:24px;
}
.edit-content .main-edit .right h4 img{
	padding-right:6px;
}
.edit-content .main-edit .right input[type=text]{
	width:100%; height:46px;
	box-sizing: border-box;
	border:1px solid #cccccc;
	background-color: #ffffff;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	line-height: 46px;
	padding-left:8px;
}
.edit-content .main-edit .right input[type=text]::placeholder{
	color:#5088f9;
}
.edit-content .main-edit .right textarea{
	resize: none;
	width:100%; height:100px;
	box-sizing: border-box;
	padding-top:8px;
	padding-left:8px;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	border:1px solid #cccccc;
	background-color: #ffffff;
}
.edit-content .main-edit .right .nickname .double_check{
	text-align: right;
}
.edit-content .main-edit .right .nickname .double_check span{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#5088f9;
}
.edit-content .main-edit .right .nickname .double_check a{
	display: inline-block;
	padding:8px 18px;
	margin-left:6px;
	background-color: #1e2a40;
	font-family: 'NS', sans-serif;
	font-size:14px;
	color:#ffffff;
}

/* 추가 맞춤정보 */

.sub-edit .inform-content{
	margin-top:50px;
	padding-bottom:30px;
	border-bottom:1px solid #e2e2e4;
}
.sub-edit .inform-content h4{
	min-height:30px;
	line-height: 30px;
	padding-left:40px;
	background: url(../img/common/sign_up03_arrow.png) left center no-repeat;
	font-size:18px;
	color:#1e2a40;
	margin-bottom:30px;
}

.sub-edit .inform-content input[type="radio"] {
    display:none;
}

.sub-edit .inform-content input[type="radio"] + label {
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#1e2a40;
	margin-right:50px;
}

.sub-edit .inform-content input[type="radio"] + label span {
    display:inline-block;
    width:30px;
    height:30px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../img/common/radio_style.png) -30px top no-repeat;
    cursor:pointer;
}

.sub-edit .inform-content input[type="radio"]:checked + label span {
    background:url(../img/common/radio_style.png) 0px top no-repeat;
}
.sub-edit .inform-content select{
	background: #ffffff;
	box-sizing: border-box;
	width:100%;
	height:60px;
	padding: 10px;
	border-radius: 5px;
	border:1px solid #eaeaea;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#487ef8;
}
.sub-edit .inform-content select option{
	color:#333333;
	font-family: 'NS', sans-serif;
}

.sub-edit .inform-content input[type="checkbox"] {
    display:none;
}

.sub-edit .inform-content input[type="checkbox"] + label {
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#1e2a40;
	margin-right:10px;
}

.sub-edit .inform-content input[type="checkbox"] + label span {
    display:inline-block;
    background: #ffffff;
    border:1px solid #feaa0a;
    padding:6px 10px;
    margin-bottom:10px;
    border-radius: 20px;
    vertical-align:middle;
    cursor:pointer;
}

.sub-edit .inform-content input[type="checkbox"]:checked + label span {
	font-weight: normal;
    color:#ffffff;
    background: #feaa0a;
}

.sub-edit .inform-content input[type="checkbox"].tag-style + label span {
    display:inline-block;
    background: #ffffff;
    border:1px solid #879ff7;
    padding:6px 10px;
    margin-bottom:10px;
    border-radius: 20px;
    vertical-align:middle;
    cursor:pointer;
}

.sub-edit .inform-content input[type="checkbox"].tag-style:checked + label span {
	font-weight: normal;
    color:#ffffff;
    background: #879ff7;
}
.sub-edit .inform-content a.more-hashtag{
	display:inline-block;
    background: #879ff7;
    border:1px solid #879ff7;
    padding:6px 20px;
    margin-bottom:10px;
    border-radius: 20px;
    vertical-align:middle;
    cursor:pointer;
    color:#ffffff;
}
.sub-edit .inform-content span.hidden-tag{display:none;}
.edit-container .btn{
	margin:40px 0 60px 0; 
	text-align: center;
	float: right;
}
.edit-container .btn a{
	float: left;
	text-align: center;
	line-height: 60px;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:20px;
	display:block;
	width:180px; height:60px;
	box-sizing: border-box;
}
.edit-container .btn a.save{
	color:#ffffff;
	background: #1e2a40;
	border:1px solid #1e2a40;
}
.edit-container .btn a.cancel{
	color:#000000;
	background: #ffffff;
	border:1px solid #1e2a40;
	border-left-color:#ffffff;
}
/****************************************************************************************
	 프로필편집(e) 
****************************************************************************************/
/****************************************************************************************
	 회원탈퇴(s) 
****************************************************************************************/
.withdrawBtn{
	position: absolute;
	margin-bottom:-45px;
	bottom:0;
	right:0;
	font-size:14px;
	text-align: right;
	color:#444;
}
.withdrawBtn a{
	text-decoration: underline !important;
	color:#feaa0a !important;
}
.withdraw-container .withdraw-content p{
	margin-top:30px;
	margin-bottom:20px;
	font-family: 'NS', sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#333333;
}
.withdraw-container .withdraw-content p span{
	color:#f26363;
}
.withdraw-container .withdraw-content .select-box h3{
	font-weight: normal;
	color:#aaaaaa;
	margin-bottom:10px;
}
.withdraw-container .withdraw-content .select-box input[type="radio"] {
    display:none;
}

.withdraw-container .withdraw-content .select-box input[type="radio"] + label {
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:18px;
	color:#1e2a40;
	margin-right:50px;
}

.withdraw-container .withdraw-content .select-box input[type="radio"] + label span {
    display:inline-block;
    width:30px;
    height:30px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../img/common/radio_style.png) -30px top no-repeat;
    cursor:pointer;
}

.withdraw-container .withdraw-content .select-box input[type="radio"]:checked + label span {
    background:url(../img/common/radio_style.png) 0px top no-repeat;
}
.withdraw-container .withdraw-content .select-box textarea{
	resize: none;
	display:inline-block;
	margin-top:10px;
	width:100%;
	box-sizing: border-box;
}
.withdraw-container .btn{
	margin:40px 0 60px 0; 
	text-align: center;
	float: right;
}
.withdraw-container .btn a{
	float: left;
	text-align: center;
	line-height: 60px;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size:20px;
	display:block;
	width:180px; height:60px;
	box-sizing: border-box;
}
.withdraw-container .btn a.withdraw{
	color:#ffffff;
	background: #1e2a40;
	border:1px solid #1e2a40;
}
.withdraw-container .btn a.cancel{
	color:#000000;
	background: #ffffff;
	border:1px solid #1e2a40;
	border-left-color:#ffffff;
}
/****************************************************************************************
	 회원탈퇴(e) 
****************************************************************************************/
/* 200506(e) */




@media all and (max-width: 1280px){
	.inner{	max-width:95%; margin:0 auto;}
	.profile-page .profile-content-box .tip{width:70%;}
	.profile-page .profile-content-box .consulting{width:29%;}
	.profile-page .profile-content-box .scraps{width:100%; margin-left:0; margin-top:10px;}
	.profile-page .profile-content-box .scraps div.scraps-people{width:90%;}
	/* 200219(s) */
	.post-wrapper .post-content .top-content .content .main-bg{
		width:80%;	height:auto;
	}
	/*20200402 vr360 일때 상세보기 css 추가*/
	.post-wrapper .post-content .top-content .content .main-bg.vr360{
		width:100%;	height:450px;
	}
	/* 200219(e) */
}


@media all and (max-width: 992px){
	#header{height:60px;}
	#header h1.main-title{display:none;}
	#header .inner a.nav-btn{display:inline-block; width:60px; height: 60px; text-align: center; position: relative;}
	#header .inner a.nav-btn img{position: absolute; top:22px; left:50%; margin-left:-8px;}
	#header .inner .gnb{z-index: 100; position: fixed; top:0; left:50%; margin-left:-188px;}
	#header .inner .gnb>ul{margin-left:0;}
	#header .inner .gnb>ul>li>a{margin-top:0; padding: 21px 20px 15px 20px; font-size:20px;}
	#header .inner .search{margin-right:0;}
	#header .inner .search button.search-btn{width:60px; height:60px; position: absolute; top:0; right:0;}
	#header .inner .login{display:none;}
	#container{margin-top:60px;}
	.gallery h2.gallery-title{font-size:24px;}
	.gallery h2.gallery-title>span{font-size:16px;}
	.gallery .list ul li.li{width:32.33333%; height:280px; margin:0 0.5% 20px 0.5%;}
	#footer .inner address{display:none;}
	.profile-page .profile-content-box .scraps div.scraps-people{width:87%;}

	.post-wrapper .post-content h2.post-title{font-size:24px;}
	.post-wrapper .post-content h2.post-title>img{width:100px;}
	.post-wrapper .post-content h2.post-title a{width:40px; height:40px;}
	/* 200219(s) */
	.post-wrapper .post-content .top-content .content .main-bg{
		width:90%;	height:auto;
	}
	/*20200402 vr360 일때 상세보기 css 추가*/
	.post-wrapper .post-content .top-content .content .main-bg.vr360{
		width:100%;	height:350px;
	}
	
	/* 200219(e) */
	.swiper-gallery h2.gallery-title{font-size:24px;}
}

@media all and (max-width: 768px){
	.gallery h2.gallery-title{font-size:22px;}
	.gallery .list ul li.li{width:49%; height:280px; margin:0 0.5% 20px 0.5%;}
	#popup-wrapper .popup .login-before .object img.object01{width:60%;}
	#popup-wrapper .popup .login-before .object img.object02{width:40%;}
	#popup-wrapper .popup .login-before .content{width:60%;}

	.profile-page .profile-content-box .scraps div.scraps-people{width:82%;}

	/* 200120(s) */
	.swiper-gallery h2.gallery-title{font-size:22px;}

	.post-wrapper .post-content{padding:80px 0; width:95%; height:100%; background: #ffffff; margin:0 auto;}
	.post-wrapper .post-content h2.post-title{font-size:22px; padding-bottom:10px;}
	.post-wrapper .post-content h2.post-title>img{width:50px;}
	.post-wrapper .post-content h2.post-title a{width:40px; height:40px; margin-top:-55px;}
	/* 200219(s) */
	.post-wrapper .post-content .top-content .content .main-bg .community{
		position: absolute;
		bottom:0; left:0;
		width:100%; height:36px;
	}
	/* 200219(e) */
	.post-wrapper .post-content .top-content .content .main-bg .community .position>div{right:20px;}
	.post-wrapper .post-content .top-content .content .main-bg .community .position div{
		margin-left:20px;
		line-height: 36px;
		font-size:14px;
	}
	.post-wrapper .post-content .top-content .content .text-box .profile a .userId{
		line-height: 50px;
		margin-left:10px;
		font-family: 'NS', sans-serif;
		font-weight: bold;
		font-size:18px;
		color:#000000;
	}
	/* 200120(e) */
	/* 200506(s) */
	.edit-content .main-edit .left{
		clear:both;
		width:100%; height:280px;
	}
	.edit-content .main-edit .right{
		clear:both;
		width:100%;
	}
	.edit-content .main-edit .left a.picture-box{top:23%;}
	.edit-content .main-edit .left .id{top:65%;}
	.edit-container .btn{
		margin:40px 0 60px 0; 
		text-align: center;
		float: right;
	}
	.edit-container .btn a{
		z-index: 2;
		position: fixed;
		bottom:0;
		left:0;
		float: left;
		text-align: center;
		line-height: 60px;
		font-family: 'NS', sans-serif;
		font-weight: bold;
		font-size:20px;
		display:block;
		width:50%; height:60px;
		box-sizing: border-box;
	}
	.edit-container .btn a.save{
	}
	.edit-container .btn a.cancel{
		left:50%;
	}
	.withdraw-container .withdraw-content p{
		font-size:16px;
	}
	.withdraw-container .withdraw-content .select-box input[type="radio"] + label {
		font-size:15px;
		letter-spacing: -0.5px;
	}
	.withdraw-container .btn{
		margin:40px 0 60px 0; 
		text-align: center;
		float: right;
	}
	.withdraw-container .btn a{
		z-index: 2;
		position: fixed;
		bottom:0;
		left:0;
		float: left;
		text-align: center;
		line-height: 60px;
		font-family: 'NS', sans-serif;
		font-weight: bold;
		font-size:20px;
		display:block;
		width:50%; height:60px;
		box-sizing: border-box;
	}
	.withdraw-container .btn a.withdraw{
	}
	.withdraw-container .btn a.cancel{
		left:50%;
	}
	/* 200506(e) */
}

@media all and (max-width: 576px){
	#popup-wrapper .popup .login-before .content{width:80%;}
	#popup-wrapper .popup .login-before .content h2.login-title{font-size:30px;}
	#popup-wrapper .popup .login-before .content h3{font-size:20px; letter-spacing: -0.5px; line-height: 1.4;}
	#popup-wrapper .popup .login-before .content p{font-size:14px;}
	#popup-wrapper .popup .login-before .content .sns-login-box{height:40px;}
	#popup-wrapper .popup .login-before .content .login-box{height:40px;}
	#popup-wrapper .popup .login-before .content .sns-login-box a,#popup-wrapper .popup .login-before .content .login-box a{
		line-height: 2.5; font-size:16px;
	}
	.inner{max-width:95%; margin:0 auto;}
	#header .inner .gnb{margin-left:-148px;}
	#header .inner .gnb>ul>li>a{margin-top:0; padding: 21px 10px 15px 10px; font-size:20px;}
	.lnb ul{width:100%;}
	.lnb ul li{width:25%;}
	.lnb ul li a{width:100%;}
	.gallery h2.gallery-title{font-size:20px;}
	.gallery h2.gallery-title>span{font-size:16px;}
	.gallery.story{margin-top:143px !important;}
	.gallery .list ul li.li{width:100%; height:350px; margin:0 0 40px 0;}
	.gallery .list ul>li .profile{bottom:105px;}
	.gallery .list ul li.li h3.title a{font-size:15px;}
	.gallery .list ul li.li ol.hashtag li a{font-size:14px;}
	#footer .inner h2.f-title{margin-top:60px;}
	#footer .inner h2.f-title img{width:100px;}
	#footer .inner .language-zone ul li{float:none; margin:25px 0 20px 0;}

	/* 로그인 페이지 */
	.form-box{width:95%; height:600px; margin:76px auto 0 auto;}
	.form-box h2{margin:35px auto 20px auto; font-size:24px;}
	.form-box h3{font-size:14px;}
	.form-box .position{padding:0 14px;}
	.form-box .send{width:100%; text-align: center; padding-top:30px;}
	.form-box .send p{ 
		margin-top:20px; 
		font-size:14px; 
		line-height: 23px; 
		color:#487ef8;
	}
	.form-box form input.textbox{
		height:45px;
		padding-left:14px;
		border:1px solid #cccccc;
		font-family: 'NGB', sans-serif;
		font-size:16px;
	}
	.form-box form label{font-size:16px;}
	.form-box form p.r-text{font-size:12px;}
	.form-box form button.email-login-btn,.form-box form a.click-btn{font-size:16px;}
	.form-box form .sns-login .sns-login-btn{height:50px; line-height: 50px; font-size:16px; text-align: center;}
	.form-box a.click-btn{margin-top:20px;}
	
	/* 프로필 페이지(s) */
	.profile-page .profile-background .profile-picture{width:100%; height:50%; top:50%; left:0; margin-left:0;}
	.profile-page .profile-background .profile-picture a.picture-box{top:-42px;}
	.profile-page .profile-background .profile-picture .profile-id{top:54px;}
	.profile-page .profile-background .profile-picture .share-content{top:100px;}
	.profile-page .profile-content-box .tip{width:80%; height:40px;}
	.profile-page .profile-content-box .tip a{background: url(../img/common/m_tip_mark.png) no-repeat; background-position: 10px 50%;}
	.profile-page .profile-content-box .tip a strong{margin-left:30px; font-size:14px; line-height: 40px;}
	.profile-page .profile-content-box .tip a strong>span span{margin-left:5px; height:24px; font-size:12px; line-height: 25px; padding:0 15px;}
	.profile-page .profile-content-box .consulting{width:19%; height:40px;}
	.profile-page .profile-content-box .consulting a{border-radius:20px; font-size:12px; font-weight: bold; line-height: 38px;}
	.profile-page .profile-content-box .scraps{width:100%; margin-left:0; margin-top:10px;}
	.profile-page .profile-content-box .scraps div.scraps-people{width:78%;}
	/* 프로필 페이지(e) */
	/* 200120(s) */
	#post-container{padding-top:20px !important;}
	.post-wrapper .post-content h2.post-title a{
		top:0;
		left:0;
		margin-left:6px;
		margin-top:-60px;
		width:40px; height:40px;
	}
	/* 200219(s) */
	.post-wrapper .post-content .top-content .content .main-bg{
		width:100%;	height:auto;
	}
	/*20200402 vr360 일때 상세보기 css 추가*/
	.post-wrapper .post-content .top-content .content .main-bg.vr360{
		width:100%;	height:250px;
	}
	
	/* 200219(e) */
	.post-wrapper .post-content .top-content .content .text-box .profile{margin-right:10px;}
	/* 200120(e) */
	/* 스와이퍼 갤러리 */
	/* 200120(s) 폰트사이즈 변경 */
	.swiper-gallery h2.gallery-title{font-size:20px;}
	/* 200120(e) 폰트사이즈 변경 */
	.swiper-gallery h2.gallery-title a.gallery-count{font-size:18px;}
}

@media all and (max-width: 414px){
	#header .inner .gnb{margin-left:-137px;}
	#header .inner .gnb>ul>li>a{font-size:18px;}
	#header .inner a.nav-btn{width:30px;}
	#header .inner .search button.search-btn{width:30px;}
	.writing button.writing-btn{width:80px; height:30px; background: #252c45; color:#ffffff; font-family: 'NS', sans-serif; font-size:16px;}
	.profile-page .profile-content-box .scraps div.scraps-people{width:68%;}
	/* 200120(s)*/
	/* 200219(s) */
	.post-wrapper .post-content .top-content .content .main-bg{
		width:100%;	height:auto;
	}
	/*20200402 vr360 일때 상세보기 css 추가*/
	.post-wrapper .post-content .top-content .content .main-bg.vr360{
		width:100%;	height:220px;
	}
	.post-wrapper .post-content .detail-content .detail-bg{
		margin-top:100px;
	}
	/* 200219(e) */
	.post-wrapper .post-content .detail-content p.detail-text{
		font-size:16px;
	}
	.comment-area .comment-content .people{
		padding:0 10px;
		box-sizing: border-box;
	}
	.comment-area .comment-content .people .d-user a strong{
		font-size:16px;
	}
	.comment-area .comment-content .people .d-user>div span.com{
		font-size:14px;
	}
	.comment-area .comment-content .people .d-user>div span.dat{
		font-size:12px;
	}
	/* 200120(e)*/
}
@media all and (max-width: 350px){

}

.vr >img{
	width: 28%;
}