/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html {
	font-family: 'Noto Sans KR',sans-serif;	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;	
}

hr {
	margin: 40px 0;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

body {
	padding: 0;
	margin: 0 auto;
	/* background-color: #f5f5f5; */
	background-color: #fff;
	/* height: 100%; */
	font-family: 'Noto Sans KR',sans-serif;	
}

div {
	box-sizing: border-box;
}

table {
	border-collapse: collapse;
}

textarea {
	overflow: auto;
	line-height: 1.7;
}

iframe {
	display: block;
}

.icon > img {
	vertical-align: middle;
}

.input-disabled {
	border: 0 !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

.translate220 {
	-webkit-transform: translate(-220px, 0);
	-moz-transform: translate(-220px, 0);
	transform: translate(-220px, 0);
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
}

/******* ���� ���̾ƿ� *********/
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	cursor: pointer;
	text-decoration: none;
}

a:-webkit-any-link {
	text-decoration: none;
}

a img {
	border: 0;
	vertical-align: top;
}

ol, ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	vertical-align: middle;
}

/****** Header ******/
#header {
	position: relative;
	width: 100%;	
	margin: 0 auto;
}

.top-content {	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 900;
	/* padding: 17.5px 0; */
	height: 64px;
	line-height: 64px;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	border-bottom: 1px solid #dddddd;
	
}
.top-content .container,
.top-content .row,
.top-content .row > div {
	height :100%;
	position: relative;	
}
.top-content .section-logo {
	float: left;
}

.top-content #logo-image {
	width: 108px;
	height: 23px;
}

.top-content .section-login {
	position: absolute;
	right: 15px;
	top: 12px;
	color: #999;
	display: none;
}

.top-content .section-login .session-info {
	color: #999;
	cursor: pointer;
}

.top-content .section-login .session-info a {
	margin-left: 10px;
	color: #999;
}

.top-content .section-login .session-info a:hover {
	color: #c0a179;
}

.top-content .section-login .session-info .login-session span,
	.top-content .section-login .login-button span, .top-content .section-login .login-button a
	{
	margin-left: 5px;
	color: #999;
}

.top-content .section-login .login-button a:hover {
	color: #c0a179;
}

.top-content .section-gnb {
	position: static;
	/* height: 40px; */
	height: 30px;
	display: none;
	margin: 0 auto;
	text-align: center;
}
.section-gnb ul {
	/* height: 100%; */
	vertical-align: middle;
	height: 64px;
	margin-top: -2px;
}
.top-content .section-gnb li {
	display: inline-block;	
	padding-left: 30px;
	position: relative;
}
.top-content .section-gnb.lang li {
	padding-left: 20px;	
	line-height: 30px;
	font-family: 'arial';
	font-weight: 600;
	color: #9D9A99;
	margin-top: 0px;
	cursor: pointer;
	font-size: 14px;
}
.top-content .section-gnb.lang li:nth-child(-n+1)::after {
	content: '';
	width: 0;
	height: 50%;
	position: absolute;
	left: 50px;
	border: 0.5px solid #7D7D7D;
	top: 8px;
}
.top-content .section-gnb li a:hover {
	/* color: #d02b29; */
	color: #C1A27A;
}
.top-content .section-gnb li a.current, 
.top-content .section-gnb li.current {
	/* color: #d02b29; */
	color: #C1A27A;
}

.top-content .section-gnb li a {
	font-size: 15px;
	color: #444;
	font-weight: 600;
}

.top-content .section-menu {
	position: fixed;
	top: 16px;
	right: 10px;
	width: 50px;
	font-size: 35px;
	height: 40px;
	cursor: pointer;
	z-index: 1100;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
	-moz-transition-property: -moz-transform;
	-moz-transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
	-ms-transition-property: -ms-transform;
	-ms-transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
}

.top-content .section-menu .menu-close-icon {
	color: #fff;
}

.top-content .section-mobile-gnb {
	position: fixed;
	top: 0;
	right: -220px;
	min-width: 220px;
	background-color: #c0a179;
	bottom: 0;
	color: #fff;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
}

.top-content .section-mobile-gnb .mobile-gnb-list {
	position: absolute;
	top: 80px;
	right: 0;
	min-width: 220px;
}

.top-content .section-mobile-gnb .mobile-gnb-list li {
	display: block;
	padding: 20px;
	font-size: 16px;
	border-bottom: 1px solid #eaeaea;
	cursor: pointer;
	height: 65px;
	line-height: 30px;
}

.top-content .section-mobile-gnb .mobile-gnb-list a {
	color: #fff;
}

.top-content .section-mobile-gnb .mobile-gnb-list .session-info {
	font-size: 18px;
	font-weight: 600;
}

/****** Container ******/

/*main*/
#container {	
	min-height: 320px;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
	padding-top: 64px;
}

.container-content {
	position: relative;	
}
.container-content.app {
	padding-top: 38px;
}
.container-content.notice,
.container-content.question {
	padding-top: 0px;
}
.container-content.login {	
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center; 
	height: 100%; 
	align-items: center; 
	display: flex;
	margin: -64px;
}


.container-content .section-main-banner {
	position: inherit;
	overflow: hidden;
	max-width: 100%;
	z-index: 100;
}

.container-content .section-company-object{
	padding: 0 5%;
 	background-color: #ececec;
 	display: flex;
}

.container-content .section-company-object .object-left{
	padding: 10% 0;
    z-index: 800;
}

.container-content .section-company-object .object-left .left-content p{
	font-size: 14px;
  	line-height: 1.71;
	letter-spacing: -0.3px;
	text-align: center;
	color: #444;
}

.container-content .section-company-object .object-right{
	display: none;
}

.container-content .section-company-object .object-right img{
	width: 540px;
}

.container-content .section-company-ceo-intro {
  	 background-color: #3a3a3a;
   	display: inline-block;
    width: 100%;
    padding:10% 5%;
    position: relative;
}

.container-content .section-company-ceo-intro .intro-content .content-left{
   float:left;
}

.container-content .section-company-ceo-intro .intro-content .content-left img{
    display:none;
}

.container-content .section-company-ceo-intro .intro-content .content-right{
   float:right;
}

.container-content .section-company-ceo-intro .intro-content .content-right .right-header{
   
}

.container-content .section-company-ceo-intro .intro-content .content-right .right-header h1{
    color: #fff;
   
}
.container-content .section-company-ceo-intro .intro-content .content-right .right-content p{
   color: #fff;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.3px;
}

.container-content .section-company-business-intro{
	 background-color: #d02b29;
 	color: #fff;
}

.container-content .section-company-business-intro .intro-content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	margin-bottom: 50px;
}

.container-content .section-company-business-intro .intro-content ul{
	width: 100%;
	text-align: center;
}


.container-content .section-company-business-intro .intro-content ul li {
	display: inline-block;
	margin: 1% 3%;
}

.container-content .section-company-business-intro .intro-content ul li:FIRST-CHILD{
	margin: 1% 3% 1% 0;
}

.container-content .section-company-business-intro .intro-content ul li:LAST-CHILD{
	margin: 1% 0% 1% 3%;
}


.container-content .section-company-business-intro .intro-content .content-item
	{
	max-width: 25%;
	text-align: center;
	padding: 3%;
}

.container-content .section-company-business-intro .intro-content .content-item p,
	.container-content .section-company-business-intro .intro-content .content-item h2
	{
	text-align: center;
	margin: 0;
 	line-height: 1.71;
  	letter-spacing: -0.3px;
}

.container-content .section-company-business-intro .intro-content .content-item img
{
	padding:22px;
}


.container-content .section-company-business-intro,
.container-content .section-company-intro

{
	padding: 10% 5%;
}

.container-content .section-company-contact{
	background-color: #fafafa;
}
.container-content .section-company-contact .contact-content iframe{
	width:100%;
	height:300px;
}

.container-content .section-company-contact .contact-header,
.container-content .section-company-business-intro .intro-header,
.container-content .section-company-intro .intro-header{
    display: flex;
    align-items: center;
    padding: 30px 0px;
}
.intro-header > h1 {
	width: 100%;
	text-align: center;
}


.container-content .section-company-intro .intro-header img {
	width: 240px;
  	height: 52px;
    margin: 0 auto;
}

.container-content .section-company-intro .intro-content p{
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.3px;
  text-align: center;
  color: #444;
}


.container-content .section-image-banner{
	max-width: 100%;
	z-index: 100;
	height: 720px;
	background: #ffffff;
	position: relative;
	/* padding-top: 102px;	 */
}

.container-content .section-servicedesign-intro {
   padding: 10% 5%;
   background-color: #f5f5f5;
}

.container-content .section-servicedesign-intro .intro-header {
   text-align: center;
}

.container-content .section-servicedesign-intro .intro-content p {
   font-size: 14px;
   line-height: 1.71;
   letter-spacing: -0.3px;
   text-align: center;
   color: #444;
}

.container-content .section-servicedesign-experience{
	background: #fff;
}

.container-content .section-servicedesign-tenworkshop{
	background-color: #cccccc;
}

.container-content .section-servicedesign-factory ,
.container-content .section-servicedesign-fiveworkshop,
.container-content .section-servicedesign-tenworkshop,
.container-content .section-servicedesign-experience
{
   padding: 10% 5%;
   background-color: #f5f5f5;
}

.container-content .section-servicedesign-experience .experience-header .header-title,
.container-content .section-servicedesign-factory .factory-header .header-title,
.container-content .section-servicedesign-tenworkshop .tenworkshop-header .header-title{
   text-align: center;
   color:#444;
}

.container-content .section-servicedesign-intro .intro-content p,
.container-content .section-servicedesign-factory .factory-header .header-title-sub p,
.container-content .section-servicedesign-tenworkshop .tenworkshop-header .header-title-sub p{
   font-size: 14px;
   line-height: 1.71;
   letter-spacing: -0.3px;
   text-align: center;
   color: #444;
}

.container-content .section-servicedesign-fiveworkshop{
   background-color: #3a3a3a;
}


.container-content .section-servicedesign-fiveworkshop .fiveworkshop-header .header-title{
   color:white;
   text-align: center;
}

.container-content .section-servicedesign-fiveworkshop .fiveworkshop-header .header-title-sub p{
   font-size: 14px;
   line-height: 1.71;
   letter-spacing: -0.3px;
   text-align: center;
   color: #fff;
}
.container-content .section-servicedesign-factory .factory-content img,
.container-content .section-servicedesign-fiveworkshop .fiveworkshop-content img,
.container-content .section-servicedesign-tenworkshop .tenworkshop-content img,
.container-content .section-servicedesign-experience .experience-content img{
     	margin: 30px auto;
    width: 100%;
}

.container-content .section-servicedesign-process {
   background: url(../img/main/servicedesign_background.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   display: inline-block;
   padding: 10% 5%;
   width: 100%;
}

.container-content .section-servicedesign-process .process-content ul li
   {
   width: 100%;
   display: inline-block;
   margin: 10px;
}

.container-content .section-servicedesign-process .process-content ul li .content-item .item-content p
   {
   font-size: 14px;
   line-height: 1.71;
   letter-spacing: -0.3px;
   color: #444;
}

.container-content .section-servicedesign-process .process-content ul li:nth-child(3) .content-item,
.container-content .section-servicedesign-process .process-content ul li:first-child .content-item{
   float:left;
}

.container-content .section-servicedesign-process .process-content ul li:nth-child(2) .content-item{
   float:right;
}

.container-content .section-mobileapp-agreement,
.container-content .section-mobileapp-privacy{
    margin: 15px;
}

.container-content .section-mobileapp-agreement .agreement-header,
.container-content .section-mobileapp-privacy .privacy-header{
    color: #525252;
    margin-bottom: 50px;
}

.container-content .section-mobileapp-agreement .agreement-header p,
.container-content .section-mobileapp-privacy .privacy-header p{
	font-size: 14px;
}
.container-content .section-mobileapp-privacy .privacy-content,
.container-content .section-mobileapp-agreement .agreement-content{
	width: 100%;
	border: 1px solid #e2e2e2;
	padding:20px;
}

.privacy-content table td {
	border: 1px solid #000;
	padding: 5px;
}

.container-content .section-mobileapp-navi{
   display: flex;
    background-color: #c1a077;
}

.container-content .section-mobileapp-navi ul{
   margin: 0 auto;
}

.container-content .section-mobileapp-navi ul .current{
   background-color: #8d7456;
}

.container-content .section-mobileapp-navi ul li{
  	float: left;
    color: #fff;
    font-size: 16px;
    cursor:pointer;
    align-items: center;
    display:flex;
    padding:0px;
    width: 160px;
    height:60px;
}

.container-content .section-mobileapp-navi ul li span{
   margin:0 auto;
}


.container-content .section-mobileapp-intro{
    padding: 10% 5%;
    text-align: center;   	
}

.container-content .section-mobileapp-intro img{
    width: 200px;
}

.container-content .section-mobileapp-intro p{
   font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.3px;
    text-align: center;
    color: #444;
    padding-top: 40px;
}

.container-content .section-mobileapp-object{
   padding: 10% 5%;
}

.container-content .section-mobileapp-object .object-content{
   display: flex;
}

.container-content .section-mobileapp-object .object-content ul{
   
}

.container-content .section-mobileapp-object .object-content ul li{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.container-content .section-mobileapp-object .object-content ul li:last-child{
   margin-bottom: 0px;
}

.container-content .section-mobileapp-object .object-content ul li .item-left{
    float: left;
    margin-right: 30px;
    margin-top: 10px;
}

.container-content .section-mobileapp-object .object-content ul li .item-left img{
   display:none;
}

.container-content .section-mobileapp-object .object-content ul li .item-right{
   display: inline-block;
}

.container-content .section-mobileapp-object .object-content ul li .item-right .right-header h2{
   color:#fff;
}

.container-content .section-mobileapp-object .object-content ul li .item-right .right-content p{
    color: #fff;
    line-height: 1.71;
    letter-spacing: -0.3px;
}

.container-content .section-mobileapp-preview{
   padding:10% 5%;
   background-color: #f5f5f5;
}

.container-content .section-mobileapp-preview .preview-wrapper{
   margin:0 auto;
   
}
.container-content .section-mobileapp-preview .preview-wrapper .wrapper-header{
   text-align: center;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-header h1{
   margin:0;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-content{
   display: flex;
   margin-top: 10%;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul{
    width: 100%;
    text-align: center;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li{
   display: inline-block;
    margin:14px;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li .content-item{
   
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li .content-item .item-content{
   text-align:center;
   margin-top: 14px;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li{
   width: 45%;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li img{
   width:100%;
   border: 1px solid #c8c8c8;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li span{
    text-align: center;
    margin: 20px 0;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-bottom{
   display: flex;
    margin: 60px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-bottom ul{
   padding: 14px;
    margin: 0 auto;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-bottom ul li{
    float: left;
    background: url(../img/common/bg_th.gif) no-repeat right;
    padding: 5 10;   
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-bottom ul li:last-child{
   background-image: none;
}

.container-content .section-mobileapp-preview .preview-wrapper .wrapper-bottom ul li a{
   color:#444;
   font-size: 14px;
}


.section-image-banner .image-banner-content {
	position: absolute;
	top: 0;
	left: 0;
	height: inherit;
	bottom: auto;
	color: #444;
	width: 100%;
	text-align: center;
}

.section-image-banner .image-banner-bottom i {
	width: 30px;
	font-size: 30px;
	color: #444;
	cursor: pointer;
}

.section-image-banner .image-banner-bottom {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 4%;
}

.section-main-banner .main-banner-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	bottom: auto;
	color: #444;
	width: 100%;
	text-align: center;
}

.section-main-banner .main-banner-bottom {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 4%;
	animation: move-up-down 1.3s linear infinite;
}

.section-main-banner .main-banner-bottom i {
	border: 2px solid;
	width: 30px;
	font-size: 30px;
	border-radius: 50%;
	color: #444;
	cursor: pointer;
}

.section-main-banner video {
	display: none;
}

.section-main-banner .main-banner-alternative {	
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.section-main-banner .main-banner-content  .section-demand-intro .intro-content .content-title h1 {
	font-size: 25px;
	color: #d02b29;
	font-weight: 800;
	text-align: center;
}

.container-content .section-promote-question-intro .intro-header .header-title h1,
.container-content .section-healthcare-intro .intro-header .header-title h1,
.container-content .section-design-intro .intro-header  .header-title h1
	{
	font-size: 25px;
	color: #3c3c3c;
	font-weight: 800;
	text-align: center;
} 

.section-main-banner .main-banner-content .section-demand-intro .intro-content p
	{
	font-size: 14px;
	line-height: 1.71;
	text-align: center;
	color: #3c3c3c;
}

.container-content .section-promote-question-intro .intro-header .header-title-sub,
	.container-content .section-healthcare-intro .intro-header .header-title-sub,
	.container-content .section-design-intro .intro-header .header-title-sub
	{
	font-size: 14px;
	margin-top: 40px;
	line-height: 1.71;
}

.section-main-banner .main-banner-content  .section-demand-intro  .intro-content .content-arrow
	{
	color: #010101;
	font-size: 16px;
	display: table-cell;
}

.section-main-banner .main-banner-content  .section-demand-intro  .intro-content .content-button
	{
	font-size: 16px;
	padding: 12px 56px 14px;
	background: rgba(255, 255, 255, 0);
	border: 2px solid #010101;
	font-weight: bold;
	color: #010101;
	outline: none;
	cursor: pointer;
	display: inline-block;
	margin-top: 30px;
}

.section-main-banner .main-banner-content  .section-demand-intro {
	padding: 10% 5%;
	height: 100%;
	display: flex;
	align-items: center;
}

#container .section-healthcare-intro{
	padding: 10% 5%;
	background: #f5f5f5;
}


#container .section-healthcare-intro {
	background: #fff;
}
 
#container .section-design-intro,
#container .section-company-intro {
	padding-top: 8%;
	padding-bottom: 8%;
	/* background: #f5f5f5; */
	background: #ffffff;
} 

.container-content .section-design-intro .intro-header{
	padding: 0% 5%;
}

.container-content .section-promote-question-intro .intro-header {
	padding: 5%;
}

.container-content .section-promote-question-intro .intro-header,
	.container-content .section-healthcare-intro .intro-header,
	.container-content .section-design-intro .intro-header {
	text-align: center;
	color: #3c3c3c;
	padding-bottom: 80px;
}

.container-content .section-healthcare-intro .intro-header .header-button,
	.container-content .section-design-intro .intro-header .header-button {
	font-size: 16px;
	padding: 12px 56px 14px;
	background: rgba(255, 255, 255, 0);
	border: 1px solid #010101;
	color: #010101;
	font-weight: bold;
	outline: none;
	cursor: pointer;
	display: inline-block;
	margin-top: 30px;
}

.section-main-banner .main-banner-content .section-demand-intro .intro-content
	{
	margin: 0 auto;
}

.section-main-banner .main-banner-content .section-demand-intro .intro-content .content-body
	{
	width: 100%;
	height: inherit;
	margin: 0;
	max-width: 100%;
	margin-bottom: 0;
	padding-bottom:0;
}

.section-main-banner .main-banner-content .section-demand-intro .intro-content .content-button:hover,
	.container-content .section-healthcare-intro .intro-header .header-button:hover,
	.container-content .section-design-intro .intro-header .header-button:hover
	{
	color: #fff;
	background-color: #444;
}

.container-content .section-design-intro .intro-content {
    width: 100%;
    align-items: center;
    position: relative;
}

.container-content .section-healthcare-intro .intro-content ul,
	.container-content .section-design-intro .intro-content ul {
	width: 100%;
	text-align: center;
}

.container-content .section-design-intro .intro-content ul li {
	display: inline-block;
	margin: 0 20 40 20;
}

.container-content .section-healthcare-intro .intro-content ul li {
	display: inline-block;
	margin: 0 40 40 40;
}

.container-content .section-design-intro .intro-content .content-item {
	max-width: 270;
	padding: 20 110 20 20;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/main/design_step_bg.png);
}

.container-content .section-healthcare-intro .intro-content .content-item
	{
	max-width: 290px;
}

.container-content .section-design-intro .intro-content .content-item .item-title-sub,
	.container-content .section-design-intro .intro-content .content-item .item-title
	{
	text-align: left;
	margin: 0;
}

.container-content .section-healthcare-intro .intro-content .content-item .item-image
	{
	width: 130px;
	cursor:pointer;
}

.container-content .section-healthcare-intro .intro-content .content-item .item-image:hover
	{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: transform .36s;
}

.container-content .section-healthcare-intro .intro-content .content-item p
	{
	font-size: 14px;
	line-height: 28px;
	color: #444;
}

.container-content .section-promote-question-intro {
	/* background: #fff; */
	background: #FAFAFA;
	/* padding: 10% 0% 0%; */
	padding: 8% 0%;
}

.container-content .section-promote-question-intro .intro-content {
	width: 100%;
	align-items: center;
	position: relative;
}

.container-content .section-design-intro .intro-content .content-left
	{
	width: 100%;
	background: url(../img/main/servicedesign_five_day_bg.png);
	background-size: cover;
	cursor: pointer;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
}



.container-content .section-design-intro .intro-content .content-right
	{
	background: url(../img/main/servicedesign_ten_week_bg.png);
	background-size: cover;
	cursor: pointer;
	height: 300px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
}

.container-content .section-design-intro .intro-content .content-left .left-detail,
.container-content .section-design-intro .intro-content .content-right .right-detail,
.container-content .section-promote-question-intro .intro-content .content-right  .right-detail,
.container-content .section-promote-question-intro .intro-content .content-left .left-detail{
	background-color: rgba(9, 9, 9, 0.5);
	padding:5%;
	display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.container-content .section-promote-question-intro .intro-content .content-right  .right-detail .news-content{
	border:0px;
}

.container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day,
.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week,
.container-content .section-promote-question-intro .intro-content .content-right  .section-news,
.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center{
	margin: 0 auto;
}

.container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day .five-day-header,
.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week .ten-week-header,
.container-content .section-promote-question-intro .intro-content .content-right .section-news .news-header,
.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center .customer-center-header{
	text-align: center;
    color: #ffffff;
    width: 100%;
   	font-weight: bold;
}

.container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day .five-day-header span,
.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week .ten-week-header span,
.container-content .section-promote-question-intro .intro-content .content-right .section-news .news-header span,
.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center .customer-center-header span{
 	
    font-size: 20px;
}

.container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day .five-day-content,
.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week .ten-week-content,
.container-content .section-promote-question-intro .intro-content .content-right .section-news .news-content,
.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center .customer-center-content{
	text-align: center;
    color: #ffffff;
}

.container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day .five-day-content p,
.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week .ten-week-content p,
.container-content .section-promote-question-intro .intro-content .content-right .section-news .news-content p,
.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center .customer-center-content p{
	font-size: 14px;
}

.container-content .section-promote-question-intro .intro-content .content-left
	{
	width: 100%;
	background: url(../img/main/customerCenter_item_bg.png);
	background-size: cover;
	cursor: pointer;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
}


.container-content .section-promote-question-intro .intro-content .content-right
	{
	background: url(../img/main/news_item_bg.png);
	background-size: cover;
	cursor: pointer;
	height: 300px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
}



.container-content .section-customercenter-navi{
	display: flex;
	background-color: #c1a077;
}

.container-content .section-customercenter-navi ul{
	margin: 0 auto;
}

.container-content .section-customercenter-navi ul li{
	float: left;
 	width: 160px;
 	/* width: 50%; */
 	height: 60px;
 	display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
	color: #ffffff;
	font-size: 18px;
}

.container-content .section-customercenter-navi ul li span{
    margin: 0 auto;
}


.container-content .section-customercenter-navi ul .current{
	background-color: #8d7456;
}


/*news*/
.section-news-list-button{
	margin: 50 15px;
}

.section-news-list-button span{
	float: right;
    display: flex;
    padding: 10 15;
    cursor: pointer;
    font-size: 16px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
}

.section-news-detail{
    border-top: 2px solid #dddddd;
    background-color: #fafafa;
    padding: 20px;
    margin: 50 15 0 15;
}

.section-news-detail .news-detail-header{
	width: 100%;
}

.section-news-detail .news-detail-header .header-title{
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	margin-bottom:10px;
	display: flex;
}

.section-news-detail .news-detail-header .header-date{
	font-size: 14px;
	  text-align: left;
	  color: #000000;
  	display: flex;
  	margin-bottom:30px;
}

.section-news-detail .news-detail-content {
	width: 100%;
	
}

.section-news-detail .news-detail-content span{
	word-break: break-all;
}

.section-news-detail .news-detail-content .content-function{
	padding-top: 60;
    display: flex;
}

.section-news-detail .news-detail-content .content-function .function-items{
	width: 100%;
    border-top: 1px solid #cccccc;
}

.section-news-detail .news-detail-content .content-function .function-items ul{
    float: right;
    margin-top: 20px;
    display: flex;
}
.section-news-detail .news-detail-content .content-function .function-items ul a{

	border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #aaaaaa;
    padding: 10px 20px;
    margin-left: 15px;
    color: #444;
}

.section-news-detail .news-detail-content .content-attachment{
	    margin-top: 50px;
}

.section-news-detail .news-detail-content .content-attachment table{
    width: 100%;
    border: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    background-color: #fff;
    display: flex;
}

.section-news-detail .news-detail-content .content-attachment table tbody{
	width: 100%;
}

.section-news-detail .news-detail-content .content-attachment table tbody tr{
	display: flex;
    align-items: center;
}

.section-news-detail .news-detail-content .content-attachment table tbody tr:FIRST-CHILD td:FIRST-CHILD{
	padding: 20px;
    text-align: center;
    width: 20%;
    color: #444;
}

.section-news-detail .news-detail-content .content-attachment table tbody tr:first-child td:nth-child(2){
	padding: 10px;
    width: 75%;
    border-left: 1px solid #eaeaea;
}

.section-news-detail .news-detail-content .content-attachment table tbody tr:first-child td:nth-child(2) li a {
	cursor: pointer;
    width: 100%;
    word-break: break-all;
    color: #444;
}

.section-news-detail .news-detail-content .content-attachment table tbody tr:first-child td:nth-child(2) li a:HOVER{
	text-decoration: underline;
}

.section-news-detail .news-detail-content .content-attachment table tbody tr:first-child td:nth-child(2) li{
    margin-bottom: 5px;
}

.section-news-detail .news-detail-content .content-attachment table tbody tr:first-child td:nth-child(2) li:LAST-CHILD{
	 margin-bottom: 0px;
}

.section-next-prev-news{
	margin:0 15;
	border-top: 1px solid #dddddd;
	background-color: #ffffff;
}

.section-next-prev-news table{
	display: flex;
}

.section-next-prev-news table tbody{
	width: 100%;
}

.section-next-prev-news table tbody tr{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    width: 100%;
}

.section-next-prev-news table tbody tr td{
    font-size: 14px;
	color: #000000;
}

.section-next-prev-news table tbody tr td a{
	color: #000000;
}

.section-next-prev-news table tbody tr td a:HOVER{
	text-decoration: underline;	
}
.section-next-prev-news table tbody tr td:FIRST-CHILD,
.section-next-prev-news table tbody tr td:LAST-CHILD{
	 width: 20%;
	
}


.section-next-prev-news table tbody tr td:FIRST-CHILD{
	padding: 20px;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #eaeaea;
}

.section-next-prev-news table tbody tr td:NTH-CHILD(2){
	width: 60%;
	padding: 20px;
	 border-right: 1px solid #eaeaea;
}

.section-next-prev-news table tbody tr td:LAST-CHILD{
	padding: 20px;
    text-align: center;
    word-break:break-all;
}

.container-content .section-news {
   margin: 15px;
}

.container-content .section-news .news-content{
   position: relative;
    border: 1px solid #e2e2e2;
}

.container-content .section-news .news-content .news-form table{
    width: 100%;
    border: 1px solid #e2e2e2;
}

.container-content .section-news .news-content .news-form table tr{
    border-bottom: 1px solid #e2e2e2;
}

.container-content .section-news .news-content .news-form table tr td{
    padding: 1.2%;
    position: relative;
}

.container-content .section-news .news-content .news-form .form-menu{
   text-align: center;
    border-right: 1px solid #e2e2e2;
    display: table-cell;
    color: #fff;
    font-size: 16px;
    background: #c0a179;
}

.container-content .section-news .news-content .news-form .form-menu-content #file-drop-zone
   {
   padding: 15px;
   border: 2px dotted #c0a179;
   text-align: center;
   color: #444;
   font-size: 14px;
}

.container-content .section-news .news-content .news-form .form-menu-content .file-content-zone
   {
   margin-top: 10px;
   border-top: 1px solid #e2e2e2;
   border-right: 1px solid #e2e2e2;
   border-left: 1px solid #e2e2e2;
   color: #444;
   font-size: 14px;
}

.container-content .section-news .news-content .news-form .form-menu-content .file-content-zone #file-list .list-item{
   padding: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.container-content .section-news .news-content .news-form .form-menu-content{
    display: table-cell;
    color: #444;
    font-size: 16px;
}

.container-content .section-news .news-content .news-form .form-menu-content .title-input{
    width: 100%;
    height: 100%;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #eaeaea;
    outline: none;
}

.container-content .section-news .news-content .news-form .form-menu-content .avatar-file-drop-zone{
   padding:10px;
}

.container-content .section-news .news-content .news-form .form-menu-content .avatar-file-image{
   
}

.container-content .section-news .news-content .news-form .form-menu-content .avatar-file-image .image-item{
    display: inline-block;
    padding: 6px;
    position: relative;
}

.container-content .section-news .news-content .news-form .form-menu-content .avatar-file-image .image-item .image-delete{
    position: absolute;
    top: 4;
    right: 0;
}

.container-content .section-news .news-content .news-form .form-menu-content label{
   display: inline-block;
    padding: .5em .75em;
    color: #444;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
}

.section-news .news-content .news-form .menu-option input[type="file"],
.container-content .section-news .news-content .news-form .form-menu-content input[type="file"]{
   position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.container-content .section-news .news-content .news-form .form-submit{
 	width: 100%;
    margin: 10px;
    position: relative;
    height: 30px;  
}

.container-content .section-news .news-content .news-form .form-submit .submit-button{
   width: 100px;
    height: 40px;
    background: #c0a179;
    color: #fff;
    position: absolute;
    right: 10px;
    font-size: 16px;
}

.section-news .news-content .news-form .menu-option .option-photo, 
.section-news .news-content .news-form .menu-option .option-video{
   float: left;
    border: 1px solid #888;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.section-news .news-content #form-loading-view{
    background: url(../img/common/spinner.gif) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}


.container-content .section-news-intro{
	padding: 10% 5%;
	background:#fff;
}

.container-content .section-news-intro .intro-header{
	text-align: center;
	background: #fff;
}

.container-content .section-news-intro .intro-content{
	
}

.container-content .section-news-intro .intro-content p{
	font-size: 14px;
   line-height: 1.71;
   letter-spacing: -0.3px;
   text-align: center;
   color: #444;
}

.container-content .section-news-list{
	padding: 5% 5%;
}

.container-content .section-news-list .news-list-content{
    width: 100%;
    display: flex;
    position: relative;
}

.container-content .section-news-list .news-list-content ul{
    width: 100%;
    margin-bottom: 50px;
    padding: 0;
}

.container-content .section-news-list .news-list-content li{
	width: 100%;
	margin-top:20px;
	height: 300px;
	display: table;
}

.container-content .section-news-list .news-list-content .content-info{
}

.container-content .section-news-list .news-list-content  .content-info .info-avatar{
	height:250px;
}

.container-content .section-news-list .news-list-content  .content-info .info-avatar img{
	width:100%;
	height:250px;
	cursor: pointer;
	object-fit: cover;
}

.container-content .section-news-list .news-list-content  .content-info .info-title{
	padding: 10 0;
	cursor: pointer;
}

.container-content .section-news-list .news-list-content  .content-info .info-date{
	
}

.container-content .section-news-list .news-list-content  .content-info .info-title span{
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
    width: 100%;
}

.container-content .section-news-list .news-list-content  .content-info .info-date span{
	font-size: 14px;
}

.container-content .section-news-list .news-list-bottom .section-pagination
	{
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	margin-top: 20px;
	height: 50px;
}

.container-content .section-news-list .news-list-bottom .section-pagination span
	{
	
}

.container-content .section-news-list .news-list-bottom .section-pagination  a
	{
	background: #fff;
	padding: 3px;
	border: 1px solid #dee3eb;
	color: #1b1b1b;
	margin-left: 5px;
}


/*notice*/
.container-content .section-notice-intro{
	padding: 10% 5%;
	background:#fff;
}

.container-content .section-notice-intro .intro-header{
	text-align: center;
	background: #fff;
}

.container-content .section-notice-intro .intro-content{
	
}

.container-content .section-notice-intro .intro-content p{
	font-size: 14px;
   line-height: 1.71;
   letter-spacing: -0.3px;
   text-align: center;
   color: #444;
}

.section-notice-list{
	padding-top: 80px;	
}



.section-notice-list .list-header .section-write:hover{
	background-color: #c1a077;
	color:#fff;
}

.section-notice-list .list-header .section-write .write-content{

}

.section-notice-list .list-header .section-write .write-content span{
    font-size: 14px;
}

.section-notice-list .list-header .section-category-list{
    margin: 0 20px;    
    padding-left: 20px ;
    display: none;
    border-left: 1px solid #707070;
} 

.section-notice-list .list-header .section-category-list ul {
	display: flex;
} 

.section-notice-list .list-header .section-category-list ul li{
    margin-right: 10px;
} 

.selector-filter ul li a,
.section-notice-list .list-header .section-category-list ul li a{
	color: #9F9A97;
	font-size: 16px;
} 

.section-notice-list .list-header .section-category-list ul li .current{
	color: #413A35;
	font-weight: 600;
}



.section-notice-list .list-header .section-search .search-content #search-text{
	border:none;
   outline:none;
   width: 100%;
   height: 24px;
}



.section-notice-list .list-header .section-search .search-submit span{
 	font-size:14px;
 	color:#444;
}

.section-notice-list .list-header .section-category-selector{
	float: left;
	margin: 10px 0;
    position: relative;
    min-width: 140px;
}

.section-notice-list .list-header .section-category-selector .selector-button{
	background-color: #ffffff;
    border: solid 1px #cccccc;
    display: flex;
    align-items: center;
    padding: 5px;
    color: #444;
    cursor: pointer;
    font-size: 16px;
}

.section-notice-list .list-header .section-category-selector .selector-button .button-content{
	float: left;
    margin: 0 auto;
}

.section-notice-list .list-header .section-category-selector .selector-button .button-icon{
    float: left;
}

.section-notice-list .list-header .section-category-selector .selector-filter{
	display: none;
	position: absolute;
    z-index: 100;
    width: calc(100% - 30px);
}

.section-notice-list .list-header .section-category-selector .selector-filter ul{
	
}

.section-notice-list .list-header .section-category-selector .selector-filter ul li{
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    align-items: center;
    text-align: center;
    padding: 5px 10px;
    background-color: #fff;
    cursor: pointer;
}

.section-notice-list .list-header .section-category-selector .selector-filter ul a li {
	color: #444;
}

.section-notice-list .list-header .section-category-selector .selector-filter ul li:hover{
	background-color: #c1a077;
	color:#fff;
}

.section-notice-list .notice-list-content  table{
	width: 100%;
	border: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	background-color: #fff;
}

.section-notice-list .notice-list-content table tbody .item-column{
	height: 35px;
	color: #444;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
}

.section-notice-list .notice-list-content table tbody .notification{
	font-weight: 800;
}


.section-notice-list .notice-list-content table thead{
	background-color: #f2f2f2;
	text-align: center;
}

.section-notice-list .notice-list-content table thead th{
	height: 40px;
    color: #515151;
  	 border-left: 1px solid #e2e2e2;
}



.section-notice-list .notice-list-content  table thead th:NTH-CHILD(2)
	{
	width: 60%;
}

.section-notice-list .notice-list-content table tbody .notice-item{
	cursor: pointer;
}

.section-notice-list .notice-list-content table tbody tr:NTH-CHILD(4n-1){
	background-color: #fbfbfb;
}

.section-notice-list .notice-list-content table tbody .notice-detail{
    border-top: 1px solid #e2e2e2;
	background-color: #fafafa;
	display: none;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content{
    padding: 30px;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment{
	padding-top: 20px;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment table
	{
	display: flex;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment table tbody
	{
	width: 100%;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment table tbody tr
	{
	display: flex;
	align-items: center;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment table tbody tr:first-child td:first-child
	{
	padding: 20px;
	text-align: center;
	width: 20%;
	color: #444;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment table tbody tr:first-child td:nth-child(2)
	{
	padding: 10px;
	width: 75%;
	border-left: 1px solid #eaeaea;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment table tbody tr:first-child td:nth-child(2) li
	{
	margin: 10px;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment table tbody tr:first-child td:nth-child(2) li a
	{
	cursor: pointer;
	width: 100%;
	word-break: break-all;
	color: #444;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-content .content-attachment table tbody tr:first-child td:nth-child(2) li a:hover
	{
	text-decoration: underline;
	color: #666;
}


.section-notice-list .notice-list-content table tbody .notice-detail .detail-bottom{
    padding: 30px;
    display: flex;    
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-bottom .bottom-function{
    width: 100%;
    border-top: 1px solid #cccccc;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-bottom .bottom-function ul{
    float: right;
    margin-top: 20px;    
    display: flex;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-bottom .bottom-function ul a{
 	border-radius: 2px;
  	background-color: #ffffff;
  	border: solid 1px #aaaaaa;
  	padding: 10px 20px;
	margin-left:15px;
	color: #444;
}

.section-notice-list .notice-list-content table tbody .notice-detail .detail-bottom .bottom-function ul a:hover{
 	background-color: #c1a077;
	color:#fff;
}


.section-notice-list .notice-list-bottom .section-pagination
	{
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	margin-top: 40px;
	height: 50px;
}

.section-notice-list .notice-list-bottom .section-pagination  a
	{
	background: #fff;
	padding: 3px;
	border: 1px solid #dee3eb;
	color: #1b1b1b;
	margin-left: 5px;
}



.section-notice .notice-content {
	position: relative;
	border: 1px solid #e2e2e2;
}

.section-notice .notice-content .notice-form {
	
}

.section-notice .notice-content .notice-form table {
	width: 100%;
	border: 1px solid #e2e2e2;
}

.section-notice .notice-content .notice-form table tr {
	border-bottom: 1px solid #e2e2e2;
}

.section-notice .notice-content .notice-form table td {
	padding: 1.2%;
	position: relative;
}

.section-notice .notice-content .notice-form .form-menu {
	text-align: center;
	border-right: 1px solid #e2e2e2;
	display: table-cell;
	color: #fff;
	font-size: 16px;
	background: #c0a179;
	width: 223px;
}

.section-notice .notice-content .notice-form .menu-option
	{
	height: 25px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	color: #888;
	font-size: 14px;
}

.section-notice .notice-content .notice-form .menu-option .option-photo span,
	.section-notice .notice-content .notice-form .menu-option .option-video span
	{
	margin-left: 5px;
}

.section-notice .notice-content .notice-form .menu-option .option-photo,
	.section-notice .notice-content .notice-form .menu-option .option-video
	{
	float: left;
	border: 1px solid #888;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.section-notice .notice-content .notice-form .menu-option .option-photo:hover,
	.section-notice .notice-content .notice-form .menu-option .option-video:hover
	{
	border: 1px solid #c0a179;
	color: #c0a179;
	font-weight: bold;
}

.section-notice .notice-content .notice-form .menu-option .option-video
	{
	margin-left: 5px;
}

.section-notice .notice-content .notice-form .form-menu-content
	{
	display: table-cell;
	color: #444;
	font-size: 16px;
}
.section-notice .notice-content .notice-form .form-menu-content .section-category-selector{
	float: left;
	min-width: 140px;
    position: relative;
}

.section-notice .notice-content .notice-form .form-menu-content .section-category-selector .selector-button{
	background-color: #ffffff;
    border: solid 1px #cccccc;
    display: flex;
    align-items: center;
    padding: 5px;
    color: #444;
    cursor: pointer;
}

.section-notice .notice-content .notice-form .form-menu-content .section-category-selector .selector-button .button-content{
	float: left;
    margin: 0 auto;
}

.section-notice .notice-content .notice-form .form-menu-content .section-category-selector .selector-button .button-content span{
	
}

.section-notice .notice-content .notice-form .form-menu-content .section-category-selector .selector-button .button-icon{
    float: left;
}

.section-notice .notice-content .notice-form .form-menu-content .section-category-selector .selector-filter{
	display: none;
	position: absolute;
    z-index: 100;
    width: 100%;
}

.section-notice .notice-content .notice-form .form-menu-content .section-category-selector .selector-filter ul li{
   	border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    align-items: center;
    text-align: center;
    padding: 5px 10px;
    background-color: #fff;
    cursor: pointer;
    color: #444;
}


.section-notice .notice-content .notice-form .form-menu-content .section-category-selector .selector-filter ul li:hover{
	background-color: #c1a077;
	color:#fff;
}


.section-notice .notice-content .notice-form .form-menu-content label
	{
	display: inline-block;
	padding: .5em .75em;
	color: #444;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
}

.section-notice .notice-content .notice-form .form-menu-content .photo-content-zone
	{
	float: left;
}

.section-notice .notice-content .notice-form .form-menu-content .photo-add-zone
	{
	float: left;
	background: url(../img/common/add_image.png);
	width: 80%;
	height: 150px;
	/* border: 1px solid #888; */
	border-radius: 5px;
	margin: 5px;
	background-size: cover;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}

.section-notice .notice-content .notice-form .form-menu-content #file-drop-zone
	{
	padding: 15px;
	border: 2px dotted #c0a179;
	text-align: center;
	color: #444;
	font-size: 14px;
}

.section-notice .notice-content .notice-form .form-menu-content .file-content-zone
	{
	margin-top: 10px;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	color: #444;
	font-size: 14px;	
}

.section-notice .notice-content .notice-form .form-menu-content .file-content-zone #file-list
	{
	
}

.section-notice .notice-content .notice-form .form-menu-content .file-content-zone #file-list .list-item
	{
	padding: 15px;
	border-bottom: 1px solid #e2e2e2;
}

.section-notice .notice-content .notice-form .form-menu-content .file-content-zone #file-list .list-item i
	{
	font-size: 16px;
}

.section-notice .notice-content .notice-form .form-menu-content .file-content-zone #file-list .list-item .item-name
	{
	margin-right: 10px;
	margin-left: 5px;
	word-break: break-all;
}

.section-notice .notice-content #form-loading-view {
	background: url(../img/common/spinner.gif) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

.section-notice .notice-content .notice-form #file-loading-view
	{
	background: url(../img/common/spinner.gif) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

.section-notice .notice-content .notice-form .menu-option input[type="file"],
	.section-notice .notice-content .notice-form .form-menu-content input[type="file"]
	{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.section-notice .notice-content .notice-form .form-menu-content .title-input
	{
	width: 100%;
	height: 100%;
	padding: 5px;
	font-size: 16px;
	border: 1px solid #eaeaea;
}

.section-notice .notice-content .notice-form .form-submit
	{
	/* width: 100%; */
	margin: 10px;
	position: relative;
	height: 30px;
}

.section-notice .notice-content .notice-form .form-submit .submit-button
	{
	width: 100px;
	height: 40px;
	background: #c0a179;
	color: #fff;
	position: absolute;
	right: 10px;
	font-size: 16px;
}

/*question*/

.container-content .popup-container .section-password-popup .popup-item{    
    background-color: #fff;
    padding: 15px;
    width: 100%;
    border-radius: 10px;
    padding: 32px 45px;
    text-align: center;
}

.container-content .popup-container .section-password-popup .popup-item .item-left{
	width: 40px;
    float: left;
    margin-right: 15px;
    text-align: center;
}

.container-content .popup-container .section-password-popup .popup-item .item-left span{
    color: #d02b29;
    font-size: 28px;
    font-weight: bold;
}

.container-content .popup-container .section-password-popup .popup-item .item-left .question-check{
	margin-top: 8px;
}

.container-content .popup-container .section-password-popup .popup-item .item-left .question-check span{
    font-size: 12px;
    word-break: keep-all;
}

.container-content .popup-container .section-password-popup .popup-item .item-right{
	
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-title {
	font-size: 18px;
	font-weight: 500;	
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-description{
	display: inline-block;
}
.container-content .popup-container .section-password-popup .popup-item .item-right  .question-writer,
.container-content .popup-container .section-password-popup .popup-item .item-right  .question-date
   {
   background: url(../img/common/bg_th.gif) no-repeat right;
   padding-right: 10px;
   margin-right: 5px;
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-writer,
.container-content .popup-container .section-password-popup .popup-item .item-right .question-date,
.container-content .popup-container .section-password-popup .popup-item .item-right .question-category
   {
   float: left;
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-writer span,
.container-content .popup-container .section-password-popup .popup-item .item-right .question-category span,
.container-content .popup-container .section-password-popup .popup-item .item-right .question-date span
   {
   float: left;
   font-size: 12px;
   color: #444;
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-content{
	
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock{
	padding: 10px;
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-title{
	 margin-bottom: 16px;
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-title {
  	text-align: center;    
    color: #444;
    font-size: 16px;
}


.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-content span,
.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-title span  {
   font-size: 14px;
   color: #444;
}

.popup-item .lock-content {
	font-size: 16px;
	color: #9F9A97;
	line-height: 25px;
}
.popup-item .lock-text {
	width: 141px;
	height: 20px;
	line-height: 20px;
	letter-spacing: 3px;
}

.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-content .lock-button{
	padding: 4px 10px;
	background-color: #ddd;
	border: 1px solid #aaa;
	font-size: 14px;
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
}

.container-content .section-list-intro {
   background-color: #fff;
   padding-top: 80px;
}

.container-content .section-list-intro .intro-header {
   display: inline-block;
   width: 100%;
}

.container-content .section-list-intro .intro-header {
   margin: 80 0;
}

.container-content .section-list-intro .intro-header  h1 {
   text-align: center;
}

.container-content .section-list-intro .intro-header  p {
   text-align: center;
   font-size: 14px;
   color: #525252;
}

.container-content .section-question-list {
   padding-top: 80px;
}

.container-content .section-question-list .question-list-header {   
   margin-bottom: 15px;
}
.container-content .section-question-list .question-list-header .row > div,
.container-content .section-question-list .question-list-header .row .search-submit {
	height: 38px;	
}

.container-content .section-question-list .question-list-header .section-write {
	float: left;
	border: 1px solid #aaaaaa;
	background-color: #fff;
	padding: 8px 14px;
	margin-right: 14px;
	cursor: pointer;
	color: #444;
	margin-bottom: 15px;
}
.section-question-list .question-list-header .section-category-list ul {
	display: flex;
}

.section-question-list .question-list-header .section-category-list li {
	margin-right: 15px;
} 
.container-content .section-question-list .question-list-header .section-write:hover{
	background: #c1a077;
	color: #fff;
}

.container-content .section-question-list .question-list-header .section-write span
   {
  
   font-size: 14px;
}

.container-content .section-question-list .question-list-header .section-search
   {
   float: right;
}

.container-content .section-question-list .question-list-header .section-search .search-content
   {
   float: left;
   border: 1px solid #aaa;
   padding: 5px 10px;
   background-color: #fff;
   margin-right: 10px;
}

.container-content .section-question-list .question-list-header .section-search .search-content  #search-text
   {
   border: none;
   outline: none;
}

.container-content .section-question-list .question-list-header .section-search .search-submit
   {
   float: left;
   border: 1px solid #aaa;
   background-color: #ddd;
   padding: 6px 10px;
   cursor: pointer;
}

.container-content .section-question-list .question-list-header .section-search .search-submit span
   {
   font-size: 14px;
   color: #444;
}

.container-content .section-question-list .question-list-content {
   display: inline-block;
   width: 100%;
}

.container-content .section-question-list .question-list-content ul li .content-item
   {
   display: flex;
   background-color: #fff;
   padding: 15px;
   border: 1px solid #ccc;
   margin-bottom: 15px;
   width: 100%;
}
.answer-form table tbody .form-menu,
.container-content .section-question-list .question-list-content ul li .content-item .item-left,
.container-content .section-question .question-content .content-left,
.answer-content .content-left{
		width:50px;
	}


.container-content .section-question-list .question-list-content ul li .content-item .item-left
   {
   float: left;
   margin-right: 15px;
   text-align: center;
}
.question .item-left,
.question-content .content-left,
.section-answer .content-left {
	margin-top: 0.83em;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-left .question-check{
	margin-top: 22px;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-left .question-check span{
    font-size: 12px;
    word-break: keep-all;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-left span
   {
   color: #d02b29;
   font-size: 28px;
   font-weight: bold;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right
   {
   width: 100%;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-title h2
   {
   
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-description
   {
   display: inline-block;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-writer,
   .container-content .section-question-list .question-list-content ul li .content-item .item-right .question-date
   {
   background: url(../img/common/bg_th.gif) no-repeat right;
   padding-right: 10px;
   margin-right: 5px;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-writer,
   .container-content .section-question-list .question-list-content ul li .content-item .item-right .question-date,
   .container-content .section-question-list .question-list-content ul li .content-item .item-right .question-category
   {
   float: left;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-writer span,
   .container-content .section-question-list .question-list-content ul li .content-item .item-right .question-category span,
   .container-content .section-question-list .question-list-content ul li .content-item .item-right .question-date span
   {
   float: left;
   font-size: 12px;
   color: #444;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content
   {
   
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-memo p
   {
   float: left;
   font-size: 14px;
   color: #444;
   line-height: 1.8;
   width:100%;
   text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 5.6em;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-detail{
   display:inline-block;
   cursor:pointer;
}
.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-detail span{
   font-size:14px;
   color:#aaa;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock
   {
   padding: 30px 10px;
   margin-left: -74.42px;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-title
   {
   margin-bottom: 16px;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-content span,
   .container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-title span
   {
   font-size: 14px;
   color: #444;
}
.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-title span.blue-txt {
	color: #2b7de3;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-title,
   .container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-content
   {
   text-align: center;
    margin: 20 0;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-content .lock-button
   {
   padding: 4px 10px;
   background-color: #ddd;
   border: 1px solid #aaa;
   font-size: 14px;
   cursor: pointer;
   margin-top: 5px;
   display: inline-block;
}

.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-content .lock-text
   {
   outline: none;
   border: 1px solid #aaa;
   padding: 4px;
   font-size: 14px;
   width: 20%;
   min-width: 100px;
}

.container-content .section-question-list .question-list-bottom {
      text-align: center;
}

.container-content .section-question-list .question-list-bottom .section-pagination{

}

.container-content .section-question-list .question-list-bottom .section-pagination a{
   color: #444;
    border: 1px solid #ccc;
    padding: 5px 10px;
    background-color: #fff;
}

.container-content .section-question-list .question-list-bottom .section-pagination .choice{
   color:#d02b29;
}

.section-question .section-category-selector, 
.section-question-list .question-list-header .section-category-selector {
   float: left;
   margin-bottom: 5px;
   position: relative;
   min-width: 140px;
   cursor: pointer;  
}

.section-question .section-category-selector .selector-button,
   .section-question-list .question-list-header .section-category-selector .selector-button
   {
   /* background-color: #ffffff;
   border: solid 1px #cccccc; */
   display: flex;
   align-items: center;
   padding: 5px 10px;
   color: #444;
   
   font-size:14px;   
   border: none;
   outline: none;
   border-radius: 3px;
   background-color: #F8F8F8;
}

.section-question-list .question-list-header .section-category-selector .selector-button .button-content
   {
   float: left;
   margin: 0 auto;
}
.section-question .section-category-selector .selector-button .button-content {
	float: left;
  	margin-left: 0;
  	width: 120px;
  	color: #B4B4B4;
  	/* font: 400 15px system-ui; */
}


.section-question .section-category-selector .selector-button .button-content span,
   .section-question-list .question-list-header .section-category-selector .selector-button .button-content span
   {
   
}

.section-question .section-category-selector .selector-button .button-icon,
   .section-question-list .question-list-header .section-category-selector .selector-button .button-icon  {
	float: right;
}

.section-question .section-category-selector .selector-filter,
   .section-question-list .question-list-header .section-category-selector .selector-filter
   {
   display: none;
   position: absolute;
   width: 100%;
   z-index: 100;
}

.section-question .section-category-selector .selector-filter ul,
   .section-question-list .question-list-header .section-category-selector .selector-filter ul
   {
   
}

.section-question .section-category-selector .selector-filter ul li,
   .section-question-list .question-list-header .section-category-selector .selector-filter ul li
   {
   border-bottom: 1px solid #e2e2e2;
   border-left: 1px solid #e2e2e2;
   border-right: 1px solid #e2e2e2;
   align-items: center;
   text-align: center;
   padding: 5px 10px;
   background-color: #fff;
   cursor: pointer;
}

.section-question .section-category-selector .selector-filter ul li,
   .section-question-list .question-list-header .section-category-selector .selector-filter ul a li
   {
   color: #444;
}

.section-question .section-category-selector .selector-filter ul li:hover,
   .section-question-list .question-list-header .section-category-selector .selector-filter ul li:hover
   {
   background-color: #c1a077;
   color: #fff;
}

.section-question-list .question-list-header .section-category-list {
    margin: 9px 0;
    float: left;
    /* display: none; */
    border-left: 1px solid #707070;
}


.section-question-list .question-list-header .section-category-list ul li
   {
   float: left;
   padding: 5px;
}

.section-question-list .question-list-header .section-category-list ul li a
   {
   font-size:14px;
   color: #444;
}

.section-question-list .question-list-header .section-category-list ul li .current
   {
   text-decoration: underline;
}

/*qna banner*/
.container-content .section-question-banner {
	width: 100%;
	margin-top: 90px;
	background-color: #c1a077;
	padding-top: 30px;
	padding-bottom: 2px;
}
.container-content .section-question-banner .banner-header{
    max-width: 1080px;
    margin: 0 auto;
    padding:0 14px;
}

.container-content .section-question-banner .banner-header h1{
   color:#fff;
}
/*qna new*/



.container-content .section-question {
   border: 1px solid rgba(112,112,112,0.3);
   border-radius: 9px;
   padding: 20px 52px; 
  	
   
   
}

.container-content .section-question .question-header h3 {
   color: #d02b29;
}



.container-content .section-question .question-content .content-left{
	float: left;
    margin-right: 15px;
    text-align: center;
}

.container-content .section-question .question-content .content-left span{
	color: #d02b29;
    font-size: 28px;
    font-weight: bold;
}

.container-content .section-question .question-content .content-left .question-check{
    margin-top: 8px;
}

.container-content .section-question .question-content .content-left .question-check span{
	font-size: 12px;
    word-break: keep-all;
}

.container-content .section-question .question-content .content-right{
    width: 100%;
}

.container-content .section-question .question-content .content-right .question-title{
	
}

.container-content .section-question .question-content .content-right .question-description{
    display: inline-block;
}

.container-content .section-question .question-content .content-right .question-description .question-category,
.container-content .section-question .question-content .content-right .question-description .question-date,
.container-content .section-question .question-content .content-right .question-description .question-writer{
	float: left;
}

.container-content .section-question .question-content .content-right .question-description .question-date,
.container-content .section-question .question-content .content-right .question-description .question-writer{
	background: url(../img/common/bg_th.gif) no-repeat right;
    padding-right: 10px;
    margin-right: 5px;
}

.container-content .section-question .question-content .content-right .question-description .question-category span,
.container-content .section-question .question-content .content-right .question-description .question-date span,
.container-content .section-question .question-content .content-right .question-description .question-writer span{
	font-size: 12px;
    color: #444;
}
	

.container-content .section-question .question-content .content-right .question-memo{
    display: flex;
}

.container-content .section-question .question-content .content-right .question-memo .memo-content{
	
}

.container-content .section-question .question-content .content-right .question-memo .memo-content p{
    float: left;
    font-size: 14px;
    color: #444;
    line-height: 1.8;
    width: 100%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.container-content .section-question .question-content .content-right .question-bottom{
    display: flex;    
    margin-top: 20px;
}

.container-content .section-question .question-content .content-right .question-bottom .bottom-function{
    width: 100%;
    border-top: 1px solid #cccccc;
}

.container-content .section-question .question-content .content-right .question-bottom  .bottom-function ul{
    float: right;
    margin-top: 20px;    
    display: flex;
}

.container-content .section-question .question-content .content-right .question-bottom .bottom-function ul li{
 	border-radius: 2px;
  	background-color: #ffffff;
  	border: solid 1px #aaaaaa;
  	padding: 10px 20px;
	margin-left:15px;
	color: #444;
	cursor: pointer;
}

.container-content .section-question .question-content .content-right .question-bottom .bottom-function ul li:hover{
 	background-color: #c1a077;
	color:#fff;
}

.container-content .section-other-questions {
   border: 1px solid #ccc;
   padding: 30px;
   margin:10px;
}

.container-content .section-other-questions .other-questions-content{
}

.container-content .section-other-questions .other-questions-content .content-header{
	
}

.container-content .section-other-questions .other-questions-content .content-header .question-category{
	color:#d02b29;
}

.container-content .section-other-questions .other-questions-content .content-header span{
	font-size: 14px;
	color:#444;
}

.container-content .section-other-questions .other-questions-content .content-list{
	margin-top: 15px;
}

.container-content .section-other-questions .other-questions-content .content-list table{
    width: 100%;
    border: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    background-color: #fff;
}

.container-content .section-other-questions .other-questions-content .content-list table thead{
	background-color: #f2f2f2;
}

.container-content .section-other-questions .other-questions-content .content-list table thead th{
    height: 40px;
    color: #515151;
    border-left: 1px solid #e2e2e2;
} 

.container-content .section-other-questions .other-questions-content .content-list table thead th:first-child{
	width:70%;
}

.container-content .section-other-questions .other-questions-content .content-list table tbody{
	
} 

.container-content .section-other-questions .other-questions-content .content-list table tbody tr:NTH-CHILD(2n){
	background-color: #fbfbfb;
} 

.container-content .section-other-questions .other-questions-content .content-list table tbody tr .item-column{
    height: 35px;
    color: #444;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
} 

.container-content .section-other-questions .other-questions-content .content-list table tbody tr td:first-child{
	cursor: pointer;
}

.container-content .section-other-questions .other-questions-content .content-list table tbody tr td:first-child:hover{
	text-decoration: underline;
}

.container-content .section-other-questions .other-questions-content .content-bottom .section-pagination
	{
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	margin-top: 20px;
	height: 50px;
}

.container-content .section-other-questions .other-questions-content .content-bottom .section-pagination span
	{
	
}

.container-content .section-other-questions .other-questions-content .content-bottom .section-pagination  a
	{
	background: #fff;
	padding: 3px;
	border: 1px solid #dee3eb;
	color: #1b1b1b;
	margin-left: 5px;
}


{
   border: 1px solid #ccc;
   padding: 30px;
   margin:10px;
}

.answer-form{
	display:flex;
}

.answer-form table{
	    display: inline-block;
    width: 100%;
}
.answer-form table tbody{
	    display: inline-block;
    width: 100%;
}

.answer-form table tbody tr{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.answer-form table tbody .form-menu{
    padding-right: 15px;
    text-align: center;
    min-width:40px
}

.answer-form table tbody .form-menu .mark{
	color: #c1a077;
    font-size: 28px;
    font-weight: bold;
}

.answer-form table tbody .form-menu span{
	font-size: 14px;
 	font-weight: bold;	
 	color: #444;
}

.answer-form table tbody .form-menu-content{
	width: 100%;
	color: #444;
	display: block;
}

.answer-form table tbody .form-menu-content input[type=text]{
	width: 100%;
	border: solid 1px #cccccc;
	font-size:14px;
    padding: 10px;
    outline: none;
}


/* .container-content .section-answer .answer-form table tbody .form-menu-content .content-textarea{ */
.form-menu-content .content-textarea {
	width: 100%;
	min-height:300px;
	border: solid 1px #cccccc;
	color: #444;
	font-size:14px;
    padding: 10px;
    outline: none;
}

.answer-form table tbody .form-menu-content .profile-check{
  font-size: 14px;
  font-weight: bold;
  color: #444;
  padding-right: 20px;
      float: left;
     margin-top: 10px;
}

.answer-form table tbody .form-menu-content input[type=radio]{
	
}

.answer-form table tbody .form-menu-content .profile-check-option{
    float: left;
    margin-top: 10px;
}

.answer-form table tbody .form-menu-content .profile-check-option span{
	padding-right: 10px;
	padding-left: 5px;
	word-break: keep-all;
}
.answer-form table tbody .form-menu-content .content-submit{
	text-align: center;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding: 20px 20px 0 20px;
}

.answer-form table tbody .form-menu-content .content-submit input{
	border-radius: 2px;
  	background-color: #00aeef;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
	padding: 5 20px;
	outline:none;
	border:none;
    cursor: pointer;
}
.answer-content .content-left{
	float: left;
    margin-right: 15px;
    text-align: center;
}

.answer-content .content-left span{
	color: #c1a077;
    font-size: 28px;
    font-weight: bold;
}

.answer-content .content-right{
    width: 100%;
}

.answer-content .content-right .answer-title{
	
}

.answer-content .content-right .answer-description{
    display: inline-block;
}

.answer-content .content-right .answer-description .answer-category,
.answer-content .content-right .answer-description .answer-date,
.answer-content .content-right .answer-description .answer-writer{
	float: left;
}

.answer-content .content-right .answer-description .answer-date,
.answer-content .content-right .answer-description .answer-writer{
	background: url(../img/common/bg_th.gif) no-repeat right;
    padding-right: 10px;
    margin-right: 5px;
}



.answer-content .content-right .answer-description .answer-category span,
.answer-content .content-right .answer-description .answer-date span,
.answer-content .content-right .answer-description .answer-writer span{
	font-size: 12px;
    color: #444;
}
	

.answer-content .content-right .answer-memo{
    display: flex;
}

.answer-content .content-right .answer-memo .memo-content{
	
}

.answer-content .content-right .answer-memo .memo-content p{
    float: left;
    font-size: 14px;
    color: #444;
    line-height: 1.8;
    width: 100%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.answer-content .content-right .answer-bottom{
    display: flex;    
    margin-top: 20px;
}

.answer-content .content-right .answer-bottom .bottom-function{
    width: 100%;
    border-top: 1px solid #cccccc;
}

.answer-content .content-right .answer-bottom  .bottom-function ul{
    float: right;
    margin-top: 20px;    
    display: flex;
}

.answer-content .content-right .answer-bottom .bottom-function ul li{
 	border-radius: 2px;
  	background-color: #ffffff;
  	border: solid 1px #aaaaaa;
  	padding: 10px 20px;
	margin-left:15px;
	color: #444;
	cursor: pointer;
}

.answer-content .content-right .answer-bottom .bottom-function ul li:hover{
 	background-color: #c1a077;
	color:#fff;
}

.container-content .section-questions-button{
	display: flex;
    margin: 50px 10px;
}

.container-content .section-questions-button .button-function{
    padding: 10px 20px;
    float: right;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-left: auto;
    color: #444;

}
.container-content .section-questions-button .button-function:hover{
	background-color: #c1a077;
	color:#fff;
}

.container-content .section-question .question-content .question-form table
   {
   width: 100%;
}

.container-content .section-question .question-content .question-form table tbody tr td
   {
   padding: 5px;
   position: relative;
}

.container-content .section-question .question-content .question-form table tbody tr td input {
   font-size:14px;
   padding: 5px 10px;
   border: none;
   outline: none;
   border-radius: 3px;
   background-color: #F8F8F8;
}
::placeholder {
	color: #B4B4B4;
	font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #888888;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #888888;
}
.container-content .section-question .question-content .question-form table tbody tr td .title-input
   {
   width: 100%;
}

.container-content .section-question .question-content .question-form table tbody tr td .content-input
   {
   width: 100%;
   height: 250px;
   border: 1px solid #ccc;
   outline: none;
   padding: 5px 10px;
   font-size:14px;
}

.container-content .section-question .question-content .question-form table tbody tr .form-menu
   {
   display: table-cell;
   font-size: 14px;
   color: #444;
   font-weight: 500;
}

.container-content .section-question .question-content .question-form table tbody tr .form-menu-content
   {
   display: table-cell;
   font-size: 14px;
   color: #444;
   width: 80%;
}

.container-content .section-question .question-content .question-form .form-submit{
   text-align:right;
}

.container-content .section-question .question-content .question-form .form-submit .submit-content{
   display:inline-block;
}

.container-content .section-question .question-content .question-form .form-submit .cancel-button,
.container-content .section-question .question-content .question-form .form-submit .submit-button{
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 15px;
    color: #444;
    cursor:pointer;
}


/*login*/
.container-content .section-login {
	margin: 0 auto;
	padding: 30px;
	background: #fff;
	border-radius: 14px;
}

.container-content .section-login .login-content .login-form .form-password,
	.container-content .section-login .login-content .login-form .form-email
	{
	display: flex;
	border: 1px solid #c8c8c8;
	margin-bottom: 14px;
}

.container-content .section-login .login-content .login-form .form-password .password-left,
	.container-content .section-login .login-content .login-form .form-email .email-left
	{
	float: left;
	width: 14px;
	font-size: 14px;
	margin: 10px;
}

.container-content .section-login .login-content .login-form .form-password .password-right,
	.container-content .section-login .login-content .login-form .form-email .email-right
	{
	width: 100%;
	padding-right: 14px;
}

.container-content .section-login .login-content .login-form .form-password .password-right .text-password,
	.container-content .section-login .login-content .login-form .form-email .email-right .text-email
	{
	border: none;
	outline: none;
	height: 36px;
	width: 100%;
}

.container-content .section-login .login-content .login-form .form-button
	{
	width: 100%;
	height: 38px;
	background-color: #c8c8c8;
	border: none;
	color: white;
}

.container-content .section-login .login-header {
	display: flex;
	margin-bottom: 20px;
}

.container-content .section-login .login-header a {
	margin: 0 auto;
}

.container-content .section-login .login-header img {
	height: 30px;
	width: 136px;
}

.container-content .section-login .login-bottom .bottom-content {
	float: right;
	font-size: 14px;
}

.container-content .section-login .login-bottom .login-message {
	font-size: 16px;
	padding: 10px;
	font-weight: 700;
	color: #c0a179;
}

.container-content .section-login .login-bottom .bottom-content span {
	color: #444;
	cursor: pointer;
}

/*report*/
.content-body {
	width: 100%;
	height: inherit;
	margin: 0 auto;
	max-width: 1080px;
	padding-bottom: 90px;
	/* padding-top: 64px; */
}
.grey.container-content {
	background-color: #f5f5f5;
}

.section-report-list, 
.section-report,
.section-user-info {
	margin: 15px;
}

.section-notice {	
	margin-top: 80px;
	margin-bottom: 80px;
	
}

.section-user-info .user-info-header .header-content {
	margin-top: 50px;
    margin-bottom: 50px;
}

.section-report-list .report-list-header .header-content {
	margin-top: 50px;
}

.section-report-list .report-list-header .header-content .section-write
	{
	padding: 5px;
	float: left;
}

.section-report-list .report-list-header .header-content .section-write .write-content
	{
	display: flex;
	height: 30px;
	align-items: center;
	border: 1px solid #c0a179;
	border-radius: 5px;
	color: #c0a179;
	font-weight: 700;
	cursor: pointer;
}

.section-report-list .report-list-header .header-content .section-write .write-content span
	{
	padding: 5px;
}

.section-report-list .report-list-header .header-content .section-write .write-content:hover
	{
	background: #c0a179;
	border-radius: 5px;
	color: #fff
}

.section-report-list .report-list-header .header-content .section-search
	{
	display: flex;
	padding: 5px;
	align-items: center;
	float: right;
}

.section-report-list .report-list-header .header-content .section-search .search-content
	{
	float: left;
}

.section-report-list .report-list-header .header-content .section-search .search-content input
	{
	width: 230;
	height: 30px;
	margin-right: 5px;
	padding: 5px;
	font-size: 14px;
}

.section-report-list .report-list-header .header-content .section-search .search-submit
	{
	float: left;
	padding: 5px;
}

.section-report-list .report-list-header .header-content .section-search .search-submit
	{
	border: 1px solid #c0a179;
	border-radius: 5px;
	color: #c0a179;
	font-weight: 700;
	cursor: pointer;
}

.section-report-list .report-list-header .header-content .section-search .search-submit:hover
	{
	background: #c0a179;
	border-radius: 5px;
	color: #fff
}

.section-user-info .user-info-header, .section-report-list .report-list-header,
	.section-report .report-header ,
	.section-notice .notice-header{
	color: #525252;
	margin-bottom: 5px;
}

.section-user-info .user-info-header .header-content .section-user-profile
	{
	display: flex;
    align-items: center;
}

.section-user-info .user-info-header .header-content .section-user-profile .user-profile-content
	{
	    margin: 0 auto;
}

.section-user-info .user-info-header .header-content .section-user-profile .user-profile-content .content-avatar
	{
    margin: 10 auto;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
}

.section-user-info .user-info-header .header-content .section-user-profile .user-profile-content .content-button
	{
	display: flex;
    align-items: center;
}

.section-user-info .user-info-header .header-content .section-user-profile .user-profile-content .content-button span{
	border: 1px solid #c0a179;
    padding: 9px;
    margin: 0 auto;
    color: #c0a179;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.section-user-info .user-info-header .header-content .section-user-profile .user-profile-content .content-button span:hover{
	background: #c0a179;
    color: #fff;
}

.section-user-info .user-info-header .header-content .section-user-wirte{
	display: flex;
    text-align: center;
} 

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content{
    margin: 30px auto;
}

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-report{
	    padding: 10px;
    display: inline-block;
    max-width: 200px;
    margin: 10px;
    border: 1px solid;
    cursor: pointer;
    
    color: #485513;
}

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-report:hover{
	 background: #485513;
	color: #fff;
}

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-promotion{
	    padding: 10px;
    display: inline-block;
    max-width: 200px;
    margin: 10px;
    border: 1px solid;
    cursor: pointer;
    color: #518a88;
}

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-promotion:hover{
	background: #518a88;
	color: #fff;
}

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-notice{
	    padding: 10px;
    display: inline-block;
    max-width: 200px;
    margin: 10px;
    border: 1px solid;
    cursor: pointer;
    color: #c0a179;
}

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-notice:hover{
	background: #c0a179;
	color: #fff;
}

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-notice .notice-image,
.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-promotion .promotion-image,
.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-report .report-image{
	display: flex;
    margin: 10px;
    width: 100px;
}

.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-notice .notice-image i,
.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-promotion .promotion-image i,
.section-user-info .user-info-header .header-content .section-user-wirte .user-write-content .content-report .report-image i{
	font-size: 50px;
    margin: 0 auto;
}

.section-user-info .user-info-content{
	
}

.section-user-info .user-info-content .content-report-list{
	
}

.section-user-info .user-info-content .content-schedule .schedule-header,
.section-user-info .user-info-content .content-report-list .report-list-header{
	color: #525252;
}

.section-user-info .user-info-content .content-report-list .report-list-content{
	
}

.section-user-info .user-info-content .content-report-list .report-list-content table{
	width: 100%;
	border: 1px solid #e2e2e2;
	border-top: 3px solid #375535;
}

.section-user-info .user-info-content .content-report-list .report-list-content table tbody td{
	height: 35px;
	color: #444;
	padding: 10px;
	text-align: center;
	border-left: 1px solid #dee3eb;
	border-top: 1px solid #dee3eb;
	border-left: 1px solid #dee3eb;
}


.section-user-info .user-info-content .content-report-list .report-list-content table thead{
	
}

.section-user-info .user-info-content .content-report-list .report-list-content table thead th{
	height: 40px;
    color: #515151;
    background: url(../img/common/bg_th.gif) no-repeat left #eeeee7;
}

.section-user-info .user-info-content .content-report-list .report-list-content table thead th:first-child{
	background-image: none;
}

.section-user-info .user-info-content .content-report-list .report-list-content table tbody td:first-child
	{
	text-align: left;
}

.section-user-info .user-info-content .content-report-list .report-list-content table tbody td:first-child span
	{
	cursor: pointer;
}
.section-user-info .user-info-content .content-report-list .report-list-content  table thead th:first-child
	{
	width: 60%;
}

.section-user-info .user-info-content .content-report-list .report-list-content table tbody td:first-child span:hover
	{
	text-decoration: underline;
}


.section-user-info .user-info-content .content-report-list .report-list-bottom .section-pagination
	{
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	margin-top: 20px;
	height: 50px;
}

.section-user-info .user-info-content .content-report-list .report-list-bottom .section-pagination span
	{
	
}

.section-user-info .user-info-content .content-report-list .report-list-bottom .section-pagination  a
	{
	background: #fff;
	padding: 3px;
	border: 1px solid #dee3eb;
	color: #1b1b1b;
	margin-left: 5px;
}

.section-report-list .report-list-header p, 
.section-report .report-header p,
.section-notice .notice-header p
	{
	font-size: 14px;
}

.section-report-list .report-list-content {
	
}

.section-report-list .report-list-bottom {
	
}

.section-report-list .report-list-bottom .section-pagination
	{
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	margin-top: 20px;
	height: 50px;
}

.section-report-list .report-list-bottom .section-pagination span
	{
	
}

.section-report-list .report-list-bottom .section-pagination  a
	{
	background: #fff;
	padding: 3px;
	border: 1px solid #dee3eb;
	color: #1b1b1b;
	margin-left: 5px;
}

.section-report-list .report-list-content table {
	width: 100%;
	border: 1px solid #e2e2e2;
	border-top: 3px solid #375535;
}

.section-report-list .report-list-content table thead th {
	height: 40px;
	color: #515151;
	background: url(../img/common/bg_th.gif) no-repeat left #eeeee7;
}

.section-report-list .report-list-content table tbody td {
	height: 35px;
	color: #444;
	padding: 10px;
	text-align: center;
	border-left: 1px solid #dee3eb;
	border-top: 1px solid #dee3eb;
	border-left: 1px solid #dee3eb;
}

.section-report-list .report-list-content table tbody td:first-child
	{
	border-left: 0px;
}

.section-report-list .report-list-content table thead th:first-child
	{
	background-image: none;
}

.section-report-list .report-list-content table tbody td:nth-child(2)
	{
	text-align: left;
}

.section-report-list .report-list-content table tbody td:nth-child(2) span,
.section-report-list .report-list-content table tbody td:nth-child(3) span
	{
	cursor: pointer;
}

.section-report-list .report-list-content table tbody td:nth-child(2) span:hover,
.section-report-list .report-list-content table tbody td:nth-child(3) span:hover
	{
	text-decoration: underline;
}

.section-report-list .report-list-content table tbody .notification
	{
	color: #c0a179;
	font-size: 17px;
	font-weight: 800;
}

.section-report-list .report-list-content table thead th:nth-child(2)
	{
	width: 60%;
}

.section-report .report-content {
	position: relative;
	border: 1px solid #e2e2e2;
}

.section-report .report-content .content-description {
	
}

.section-report .report-content .content-description .description-content
	{
	display: flex;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
}

.section-report .report-content .content-description .description-content .report-title
	{
	float: left;
	width: 80%;
	font-size: 18px;
}

.section-report .report-content .content-description .description-content .report-hits
	{
	float: right;
	width: 20%;
	text-align: right;
	color: #666;
	font-size: 14px;
}

.section-report .report-content .content-description .description-content .report-hits span:first-child
	{
	background: url(../img/common/bg_th.gif) no-repeat right;
	padding-right: 10px;
	margin-right: 5px;
}

.section-report .report-content .content-description .description-bottom
	{
	border-bottom: 2px solid #444;
	padding: 8px 10px;
	display: flex;
	align-items: center;
}

.section-report .report-content .content-description .description-bottom .report-delete,
	.section-report .report-content .content-description .description-bottom .report-edit,
	.section-report .report-content .content-description .description-bottom .report-date
	{
	color: #888;
	margin-right: 10px;
	font-size: 12px;
}

.section-report .report-content .content-description .description-bottom .report-delete,
	.section-report .report-content .content-description .description-bottom .report-edit
	{
	cursor: pointer;
}

.section-report .report-content .content-description .description-bottom .report-delete:hover,
	.section-report .report-content .content-description .description-bottom .report-edit:hover
	{
	color: #c0a179;
}

.section-report .report-content .content-description .description-bottom .report-delete span,
	.section-report .report-content .content-description .description-bottom .report-edit span
	{
	padding-left: 3px;
}

.section-report .report-content .content-description .description-bottom .report-writer
	{
	color: #666;
	margin-right: 10px;
}

.section-report .report-content .content-description .description-bottom .report-writer span
	{
	cursor: pointer;
}

.section-report .report-content .content-description .description-bottom .report-writer span:hover
	{
	text-decoration: underline;
}

.section-report .report-content .content-description .description-bottom .report-writer span
	{
	font-size: 14px;
}

.section-report .report-content {
	width: 100%;
	height: auto;
	margin: 0;
	max-width: 100%;
	margin-bottom: 0;
	padding: 40px;
	border-bottom: 1px solid #eaeaea;
}

.section-report .report-bottom {
	width: 100%;
	margin-top: 30px;
}

.section-report .report-bottom .report-list-button {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.section-report .report-bottom .report-list-button span {
	padding: 8px;
	border: 1px solid #eaeaea;
	font-size: 14px;
	color: #c0a179;
	font-weight: 800;
	cursor: pointer;
}

.section-report .report-bottom .report-list-button span:hover
	{
	color: #fff;
	background: #c0a179;
}

.section-report .report-bottom table {
	display: flex;
	border: 1px solid #eaeaea;
}

.section-report .report-bottom table tbody {
	width: 100%;
}

.section-report .report-bottom table tbody tr {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eaeaea;
	width: 100%;
}

.section-report .report-bottom table tbody tr td:first-child
	{
	padding: 5px;
	text-align: center;
	width: 10%;
	font-size: 14px;
	color: #c0a179;
	font-weight: 800;
}

.section-report .report-bottom table tbody tr td:nth-child(2)
	{
	padding: 10px;
	font-size: 14px;
	width: 90%;
	border-left: 1px solid #eaeaea;
}

.section-report .report-bottom table tbody tr td:nth-child(2) a
	{
	cursor: pointer;
	width: 100%;
	word-break: break-all;
	color: #888;
}

.section-report .report-bottom table tbody tr td:nth-child(2) a:hover
	{
	text-decoration: underline;
	color: #666;
}

.section-report .report-content .content-attachment {
	width: 100%;
}

.section-report .report-content .content-attachment table
	{
	display: flex;
}

.section-report .report-content .content-attachment table tbody
	{
	width: 100%;
}

.section-report .report-content .content-attachment table tbody tr
	{
	display: flex;
	align-items: center;
}

.section-report .report-content .content-attachment table tbody tr:first-child td:first-child
	{
	padding: 20px;
	text-align: center;
	width: 20%;
	color: #c0a179;
	font-weight: 800;
}

.section-report .report-content .content-attachment table tbody tr:first-child td:nth-child(2)
	{
	padding: 10px;
	width: 75%;
	border-left: 1px solid #eaeaea;
}

.section-report .report-content .content-attachment table tbody tr:first-child td:nth-child(2) li
	{
	margin: 10px;
}

.section-report .report-content .content-attachment table tbody tr:first-child td:nth-child(2) li a
	{
	cursor: pointer;
	width: 100%;
	word-break: break-all;
	color: #888;
}

.section-report .report-content .content-attachment table tbody tr:first-child td:nth-child(2) li a:hover
	{
	text-decoration: underline;
	color: #666;
}

.section-report .report-content .report-form {
	
}

.section-report .report-content .report-form table {
	width: 100%;
	border: 1px solid #e2e2e2;
}

.section-report .report-content .report-form table tr {
	border-bottom: 1px solid #e2e2e2;
}

.section-report .report-content .report-form table td {
	padding: 1.2%;
	position: relative;
}

.section-report .report-content .report-form .form-menu {
	text-align: center;
	border-right: 1px solid #e2e2e2;
	display: table-cell;
	color: #fff;
	font-size: 16px;
	background: #c0a179;
}

.section-report .report-content .report-form .menu-option
	{
	height: 25px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	color: #888;
	font-size: 14px;
}

.section-report .report-content .report-form .menu-option .option-photo span,
	.section-report .report-content .report-form .menu-option .option-video span
	{
	margin-left: 5px;
}

.section-report .report-content .report-form .menu-option .option-photo,
	.section-report .report-content .report-form .menu-option .option-video
	{
	float: left;
	border: 1px solid #888;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.section-report .report-content .report-form .menu-option .option-photo:hover,
	.section-report .report-content .report-form .menu-option .option-video:hover
	{
	border: 1px solid #c0a179;
	color: #c0a179;
	font-weight: bold;
}

.section-report .report-content .report-form .menu-option .option-video
	{
	margin-left: 5px;
}

.section-report .report-content .report-form .form-menu-content
	{
	display: table-cell;
	color: #444;
	font-size: 16px;
}

.section-report .report-content .report-form .form-menu-content label
	{
	display: inline-block;
	padding: .5em .75em;
	color: #444;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
}

.section-report .report-content .report-form .form-menu-content .photo-content-zone
	{
	float: left;
}

.section-report .report-content .report-form .form-menu-content .photo-add-zone
	{
	float: left;
	background: url(../img/common/add_image.png);
	width: 80%;
	height: 150px;
	/* border: 1px solid #888; */
	border-radius: 5px;
	margin: 5px;
	background-size: cover;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}

.section-report .report-content .report-form .form-menu-content #file-drop-zone
	{
	padding: 15px;
	border: 2px dotted #c0a179;
	text-align: center;
	color: #444;
	font-size: 14px;
}

.section-report .report-content .report-form .form-menu-content .file-content-zone
	{
	margin-top: 10px;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	color: #444;
	font-size: 14px;
}

.section-report .report-content .report-form .form-menu-content .file-content-zone #file-list
	{
	
}

.section-report .report-content .report-form .form-menu-content .file-content-zone #file-list .list-item
	{
	padding: 15px;
	border-bottom: 1px solid #e2e2e2;
}

.section-report .report-content .report-form .form-menu-content .file-content-zone #file-list .list-item i
	{
	font-size: 16px;
}

.section-report .report-content .report-form .form-menu-content .file-content-zone #file-list .list-item .item-name
	{
	margin-right: 10px;
	margin-left: 5px;
	word-break: break-all;
}

.section-report .report-content #form-loading-view {
	background: url(../img/common/spinner.gif) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

.section-report .report-content .report-form #file-loading-view
	{
	background: url(../img/common/spinner.gif) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

.section-report .report-content .report-form .menu-option input[type="file"],
	.section-report .report-content .report-form .form-menu-content input[type="file"]
	{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.section-report .report-content .report-form .form-menu-content .title-input
	{
	width: 100%;
	height: 100%;
	padding: 5px;
	font-size: 16px;
	border: 1px solid #eaeaea;
}

.section-report .report-content .report-form .form-submit
	{
	width: 100%;
	margin: 10px;
	position: relative;
	height: 30px;
}

.section-report .report-content .report-form .form-submit .submit-button
	{
	width: 100px;
	height: 40px;
	background: #c0a179;
	color: #fff;
	position: absolute;
	right: 10px;
	font-size: 16px;
}

.container-content .privacy-agreement-container,
.container-content .popup-container,
.container-content .join-container {
	display: none;
	align-items: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.23);
	padding: 10px;
}

.container-content .privacy-agreement-container .privacy-content,
.container-content .privacy-agreement-container .agreement-content,
.container-content .popup-container .section-password-popup {
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.container-content .section-join .join-header {
	text-align: center;
	padding: 20;
	background-color: #c0a179;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	width: 100%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.container-content .join-container .section-join {
	background-color: #fff;
	font-size: 14px;
	margin: 0 auto;
	border-radius: 4px;
}

.container-content .section-join .join-content .join-form {
	padding: 20 18 0 18;
	display: inline-flex;
}

.container-content .section-join .join-content .join-form .form-left,
	.container-content .section-join .join-content .join-form .form-right {
	float: left;
}

.container-content .section-join .join-content .join-form .form-left div
	{
	margin-bottom: 12px;
}

.container-content .section-join .join-content .join-form .email-error,
	.container-content .section-join .join-content .join-form .join-error {
	width: 100%;
	font-size: 12px;
	color: #df3434;
	margin-top: 4px;
}

.container-content .section-join .join-content .join-form .form-left .input-text
	{
	padding: 4px;
	height: 32px;
	outline: none;
	border: 1px solid #ccc;
	color: #555;
	width: 100%;
}

.container-content .section-join .join-content .join-form .form-right .email-button
	{
	height: 32px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #555;
	margin-left: 10px;
	outline: none;
	cursor: pointer;
}

.container-content .section-join .join-bottom .form-button {
	width: 100%;
	height: 40px;
	background-color: #c8c8c8;
	border: none;
	color: #fff;
	outline: none;
	cursor: pointer;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/****** Footer ******/
#footer {
	position: relative;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-duration: .2s;
}

.footer-content {
	padding: 30px 0;
	color: #B9B9B9;
	line-height: 25px;
	background: #717171;	
}
.footer-content a {
	color: #B9B9B9;
}

.footer-img-box img {
	width: 107px;
	height: 23px;
}
.hr {	
	border: 1px solid rgba(255,255,255,0.2);
	margin: 20px 0;
}
.footer-txt-box div {
	display: inline-block;	
}

.footer-content {
	font-size: 12px;
} 
.section-login p {
	font-size: 14px;
}
.main-banner-top{
	width: 100%;
	position: absolute;
	right: 0px;
	bottom: 220px;
}
.main-banner-top i {
	width: 54px;
	height: 54px;
	font-size: 45px;
	border-radius: 50%;
	background: #fff;
	color: #444;
	cursor: pointer;
}
.footer-txt {
	font-size: 12px;
	margin-top: 10px;
}
.footer-txt-box .block-element {
	display: block;
}




/***** Renewal*****/

/* common */
h1 {
	font-size: 42px;
	font-weight: 600;
}
h2 {
	font-size: 40px;
	font-weight: 600;
	margin: 0;
}
h3 {
	font-size: 34px;
	font-weight: 600;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	line-height: 24px;
}
p {
	font-size :16px;
	font-weight: 350;
	margin: 0;
}
.img-box img {
	width :100%;	
}
.narrow-letter {
	letter-spacing: -3px;
}
.content-title {	
	margin-bottom: 35px;
}
.content-detail {	
	line-height: 26px;	
}
.content-box button, 
.intro-box button {
	font-size: 16px;
	border: 1px solid #423A35;
	border-radius: 22px;
	min-width: 115px;
	height: 30px;
	line-height: 24px;
	background: transparent;
	margin-right: 10px;
	margin-top: 30px;
	padding-left: 9px;
	padding-right: 9px;
	
}
.container-content button:hover {
	border: 1px solid #C0A179;
	color: #C0A179;
	outline: none;	
}
/* .txt-box {
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;	
} */
.pd-right {
	padding-right: 24px;
}
.pd-left {
	padding-left: 24px;
}

.main-banner, 
.wide-banner {
	position: relative;
	height: calc(100% - 64px);
	/* max-height: 720px; */
	/* padding-top: calc(6% + 64px);
	padding-bottom: 7%; */
}
.container-content.app .section-image-banner,
.container-content.app .wide-banner {
	height: calc(100% - 102px);
}

.main-banner > div,
.wide-banner > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.bg-color {
	background: #fafafa;
}
.dot-box {
	width: 8px;
	height: 60px;
	position: fixed;
	top: 50%;
	right: 30px;
	text-align: center;
	z-index: 999;
}
.dot-box li {
	width: 6px;
	height: 6px;
	background-color: #E7E7E7;
	border-radius: 50%;
	margin: 0 auto 7px;
}
.dot-box li.active {
	background-color: #C1A27A;
	width: 8px;
	height: 8px;
}
.border-tb {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}




/* index*/


.index .header-title {
	margin-bottom: 45px;
}

.title-box {
	padding: 25px 0px;
	line-height: 30px;
}
.section-healthcare-intro .header-title {
	margin-bottom: 45px;
}
.content-item-box {	
	padding: 25px 0;
	position: relative;
}
.right-txt-box {
	padding-left: 148px;
	position: relative;
}
.right-txt-box p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 24px;
}
.content-item-box img {
	width: 115px;
	height : 115px;
	position: absolute;
	left: 0;
    box-shadow: 0 0 9px rgba(69,69,69,0.16);
    border-radius: 28px;
}
.intro-box {
	padding: 83px 0;
	background-color: #FAFAFA;
	font-size: 34px;
	text-align: center;
	width: 100%;
	/* margin: 5% 0; */
}
.intro-box h3 {
	margin-bottom: 32px;
}
.intro-box p {
	font-weight: 400;
	margin-bottom: 12px;
}


/* company */
.content-title img {
	width: 204px;
}
.section-left-img {
	background: #FFF;
	padding: 8% 0%;
}
.section-left-img.ceo {
	background-color: #FAFAFA;
}
.ceo .content-detail {
	line-height: 31px;
}
.business {
	text-align: center;
} 
.business h3 {
	margin-bottom: 73px;
}
.round-img-box {
	width: 142px;
	height: 142px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 36px;	
}
.round-img-box img {
	width :100%;
}  
.txt-sm-box {
	font-size: 14px;
}
.txt-sm-box p {
	font-weight: 700;
	margin-bottom: 10px;
}
.section-company-contact h3 {
	text-align: center;
	margin-bottom: 20px;
}
.contact-txt {
	margin-top: 20px;
	color: #423A35;	
	font-size: 14px;
	line-height: 22px;
}
.contact-txt img {
	width: 162px;
}
.business .divide-box {
	position: relative;
	text-align: center;
}
.horizontal-line {
	width: 80%;	
	border-bottom: 3.6px solid #C0A179;
	position: absolute;
	top: 71px;
	left: 50px;	
}
.ceo-msg {	
	margin-bottom: 20px;	
}

/* health-app */
.sub-header {
	width: 100%;
	position:fixed;
	height: 38px;
	top: 64px;
	background-color: #EFEFEF;
	text-align: center;
	z-index: 500;
	display: none;
}
.app-select > div {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	height: 100%;
	line-height: 38px;
	margin: 0 20px;
	min-width: 100px;
	cursor: pointer;
}
.app-select > div.current {
	border-bottom: 3px solid #C1A27A;
}
/* .app-select > div:hover {
	border-bottom: 3px solid #C1A27A;
} */
.section-image-banner .container,
.section-image-banner .row {
	height: 91%;
}
.video-wrapper {
	padding-top: 5%;
	padding-bottom: 5%;
}
.video-box {	
	height: 100%;	
}
.app-choice-box {
	text-align: center;	
}
.app-choice-box .app-select {
	display: inline-block;
	position: relative;
}
.app-choice-box .app-select div {
	height: inherit;	
}
.app-choice-box .line {
	position: absolute;
	border: 0.5px solid #707070;
	width: 100%;
	left: -20px;
	bottom: 0px;
}
.brand img {
	width: 120px;
	height: 120px;
	box-shadow: 0 0 9px rgba(69,69,69,0.16);
	border-radius: 28px;
	margin-bottom: 20px;
}
.content-box h2 {
	/* margin-bottom: 15px; */
	margin-bottom: 5px;
}
.app .content-box h2 {
	margin-bottom: 20px;
}
.content-box h5 {
	font-weight: 600;
}
.content-item-box.sm {
	padding: 15px 0;
}
.app .content-item-box.sm {
	min-height: 120px;
	line-height: 20px;
}
.app .content-item-box.sm h6{	
	line-height: 20px;
}
.content-item-box.sm img {
	width: 90px;
	height: 90px;
	border-radius: 10px;
	box-shadow: 0 1px 11px rgba(0,0,0,0.16);	
}
.content-item-box.sm .right-txt-box {
	padding-left: 117px
}
.preview {
	text-align: center;
}
.preview .img-box {
	margin: 45px 0 36px;
}
.sm-txt-box {
	text-align: center;
}
.button-box {
	margin: 15px 0px;	
}
.button-box a {
	display: inline-block;
	padding: 11px 22px;
	border: 1px solid #423A35;
	border-radius: 12px;
	background: transparent;
	margin: 0 16px;
}
.button-box img {
	width: 79px;
	height: 21px;
} 



/* service_design */
.service-design .main-banner {
	padding-top: calc(5% + 112px)
}
.service-design .content-detail p {
	font-weight: 500;
}
.process-box > div {
	height: 350px;
}
.process-box h5 {
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;	
}
.lg-num {
	font-size: 236px;
	color: rgba(66,58,53,0.08);
	font-family: 'arial';
	position: absolute;
	top: 0;
	height: 200px;
	line-height: 200px;
}
.service-txt-box {
	position: absolute;
	top: 140px;
	padding: 0 46px;
}
.service-txt-box p {
	font-size: 14px;
	line-height: 27px;
	font-weight: 500;
}
.txt-14 {
	font-size: 14px;
	font-weight: 500;
	line-height: 27px;
	padding: 0 30px;
	word-break: keep-all;
}
.service .img-box {
	margin-top: 30px;
}
.pd-top {
	padding-top: 12%;
}
.update-btn-box {
	height: 30px;	
}
.update-btn-box.admin-write {
	margin-top: 20px;
}


/***** notice & inquire *****/
.list-header {
	padding-bottom: 15px;
}
.notice .list-header {
	border-bottom: 1px solid rgba(66,58,53,0.3);
}
.list-box {
	/* border-top: 1px solid rgba(66,58,53,0.3); */
	border-bottom: 1px solid rgba(66,58,53,0.3);
	padding: 30px 15px;
	cursor: pointer;
}
.cs-title {	
	font-size: 34px;
	font-weight: 600;
	display: inline-block;
}
.noti-date-box {
	color: #707070;
	line-height: 26px;
}
.noti-month {
	font-size: 32px;
}
.noti-year {
	font-size: 23px;
}
.noti-title-box {
	margin-bottom: 2px;
	font-size: 18px;
}
.cat-name {
	color: #C1A27A;
	font-weight : 500;
}
.hidden-content {
	display: none;
	height: 20px;	
}
.noti-content {
	white-space : nowrap;
	text-overflow: ellipsis;	
	overflow: hidden;
	color: #9F9A97;	
}

.container-content .section-cs-list {
	padding-top: 80px;
}
.content-item.question {
	border: 1px solid rgba(66,58,53,0.3);
	border-radius: 9px;
	margin-bottom: 18px;
	padding: 30px;
	position: relative;
}
.answer-chk {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 1px solid #C3A57F;
	color: #C3A57F;
	font-size: 12px;
	text-align: center;
	position: relative;
	line-height: 1.2;
}
.answer-lang {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.answer-chk.complete {
	background-color: #C3A57F;
	color: #FFFFFF;
}
.create-info {
	color: #9F9A97;
	text-align: right;
	font-size: 16px;	
}
.question-title-box {
	margin-bottom: 21px;
	font-size: 18px;
}
.question-content {
	color: #9F9A97;
	font-weight: 400;
	font-size: 16px;
}
.lock-title {
	margin-bottom: 10px;
	color: #413A35;
}
.lock-title span {
	color: #9F9A97;
}
.lock-content .lock-text {
	padding: 2px 5px;
	font-size: 14px;
	border: 1px solid rgba(112,112,112,0.5);
	border-radius: 1px;
}
.brown-button {
	font-size: 14px;
	color: #C0A179;
	min-width: 54px;
	height: 21px;
	line-height: 16px;
	text-align: center;
	border: 1px solid rgba(192,161,121,0.7);
	border-radius: 14px;
	background-color: #ffffff;
	margin-left: 4px;
}
.brown-button:focus {
	outline:0;
}
.brown-button:active {
	border: none;
	outline: none;
}
.brown-button.md {
	min-width: 76px;
	height: 28px;
	line-height: 14px;
}
.brown-button.color {
	border: 1px solid rgba(192,161,121,0.7);
	border-radius: 14px;	
	background-color:#C0A179;
	color: #ffffff;
	margin-left: 4px;
}
.brown-button.color:hover {
	background-color:#C0A179;
	color: #ffffff;
}
.list-bottom {
	padding: 34px 0 88px;
	text-align: center;
	position: relative;	
}
.list-bottom a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #77716D;	
	text-align: center;
	display: inline-block;
	margin: 0 8px;
	padding: 2px 1px;
}
.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration: none;	
}
.list-bottom .section-pagination a.choice {
	color: #C0A179;
	border-bottom: 2px solid #C0A179;
	font-weight: 600;
}
.list-bottom .prev,
.list-bottom .next {	
	width: 21px;
	height: 21px;
	
}
.list-bottom img {
	width: 21px;
	height: 21px;
	vertical-align: middle;
}
.section-question-wrapper {
	padding-top: 80px;
}
.section-qna-box {
	border: 1px solid rgba(66,58,53,0.3);
	border-radius: 8px;
}
.hr.black {
	border-color: rgba(112,112,112,0.25);
	border-bottom: none;
}
.reply-mark img {
	width: 7px;
	height: 7px;
}
,
.form-menu-content {
	display: block;
}
.section-search > div {
	display: inline-block;
	vertical-align: middle;
}
.section-search .search-content {	
	width: calc(100% - 170px);
   	border-bottom: 1px solid #aaa;
    padding: 5px 10px 5px 30px;
    background-color: #fff;
    margin-top: 5px;
    position: relative;
}
.search-content img {
	width: 17px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 12px;
}
.section-write, 
.section-search .search-submit,
.btn-go-list {	
    cursor: pointer;
    width: initial;
    height: initial;
    margin-top: 15px;
    font-size: 16px;
    padding: 5px 8px;
}
.list-header.first-sec {
	position: relative;	
}
.list-header .section-category-list {
	position: absolute;
	top: 16px;	
}
.notice .content-item {
	background-color: #F8F8F8;
	margin-bottom: 108px;
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}
.content-header {
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid rgba(66,58,53,0.3);	
}
.btn-view-detail {
	position: absolute;
	top: 60%;
	right: 26px;
	width: 30px;
	height: 30px;
	border: none;
	outline: none;
	background-color: transparent;
	cursor: pointer;
}
.container-content button.btn-view-detail:hover {
	border-color: #fff;
}
.btn-view-detail img {
	width: 7px;
	height: 13px;
}
.content-attachment {
	width: 100%;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	padding: 10px 20px;
}
.content-attachment div {
	display: inline-block;
}
.attach-title {
	padding-right: 16px;	
	height: 20px;
	line-height: 20px;
}
.attach-files {
	padding: 10px 20px;
	border-left: 1px solid #eaeaea;
}
.attach-files a {
	color: #000;
}
.attach-files a:hover {
	text-decoration: underline;
}
.detail-template {
	display: none;
}
.container-content.new-write {
	padding: 85px 0;
}
.btns-new-header button {
	min-width: 76px;
	height: 28px;
	cursor: pointer;
	margin-top: 15px;
}
.question-form table {
	table-layout: fixed;
} 
.question-form .button-icon i {
	color: #AFAFAF;	
}

.container-content .section-question .question-content .question-form table tbody tr td.chk-box {
	position: relative;
	padding-left: 32px;
}

.question-content #privacy[type="checkbox"] + label {
    display: inline-block;
    position: absolute;    
	top: 7px;
	left: 5px;
    width: 18px;
    height: 18px;
    background-color: #FFFFFF;
    border: 1px solid #707070;
    cursor: pointer;
    border-radius: 50%;
    max-height: 100%;
}
.question-content #privacy[type="checkbox"]:checked + label {
    border: none;
    background: url("../img/common/view_check_circle@2x.png") no-repeat;
    background-size: 100% 100%;
}
.question-content #privacy[type="checkbox"] {
    display: none;
}
.memo-content {
	white-space: pre-wrap;
}
.question-title {
	margin-bottom: 15px;
}
.section-search {
	text-align: right;
}
.notice-title-box {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.notice-writer-box {
	text-align: right;
}
.notice .overlay {
	display: none;
	align-items: center;
	justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.23);
    padding: 10px;
    z-index: 1;
}
.notice .overlay.active {
	display: flex;
}
.notice .overlay button {
	margin-left: 0;
	margin: 8px;
}
.notice .popup-item {
	background-color: #fff;
    padding: 15px;
    min-width: 350px;    
    border-radius: 10px;
    padding: 32px 20px;
    text-align: center;
}
.notice .popup-item.delete {
	padding: 45px;
}
.notice .item-title {
	margin-bottom: 15px;
	line-height: 1.8;	
}






/***** Media Query *****/
/* @media screen and (max-width:1199px) {
	.container-content .section-company-business-intro .intro-content .content-item
	{
	width: 50%;
	margin: 3%;
	text-align: center;
	}
} */
@media screen and (max-width:1199px) {
	.container-content .section-company-business-intro .intro-content .content-item
		{
		max-width: 50%;		
	}
	.top-content {
		height: 64px;
	}
	.top-content .section-logo {
		position: absolute;
		top: 20px;
	}
	.top-content .section-gnb.mobile-box {
		display: inline-block;
		position: fixed;
		top: 1px;
		right: 100px;
	}
}
@media screen and (max-width:780px) {
	.footer-content .hide-narrow {
		display: none;
	}
}

/***** kkk *****/

@media screen and (max-width:500px) {
	.main-banner, .wide-banner,	 
	.container-content.app .wide-banner {
		height: initial;
		padding: 10% 0;		
	}
	.main-banner > div, .wide-banner > div  {
		position: static;
		top: initial;
		left: initial;
		transform: initial;		
	}
	.content-header {
		height: initial;
		line-height: 30px;
		padding: 12px 0;
	}
	.border-tb {
		border: none;
	}
	.brand img {
		margin-bottom: 50px;
	}
	.lg-num {
		font-size: 180px;
	}
	.service-txt-box {
		top: 125px;
	}
	.service .img-box {
		margin-bottom: 30px;
	}
	.noti-month {
		font-size: 18px;
	}
	.noti-year {
		font-size: 14px;
	}
	.section-search {
		text-align: left;
	}
	.notice-writer-box {
		text-align: left;
	}
	.section-notice .notice-content .notice-form .form-menu {
		width: 80px;
	}
	.create-info {
		margin-top: 10px;
		text-align: left;
		font-size: 12px;		
	}
	.create-info.right {
		text-align: right;
	}
	.btn-view-detail {
		top: initial;
		right: initial;
		bottom: 12px;
		left: 23px;
	}
	.question-title-box {
		font-size: 16px;
		margin-bottom: 14px;
	}
	.question-content {
		font-size: 14px;
	}
	.lock-content .lock-text {
		width: 90px;
	}
	.content-item.question {
		padding: 20px 10px;
	}
	.update-btn-box {
		margin-top: 8px;
	}
	.brown-button.md {
		width: 55px;		
	}
	.cs-title {
		font-size: 28px;
	}
	.container-content .section-question {
		padding: 20px 12px; 
	}
	.container-content .popup-container .section-password-popup .popup-item {
		padding: 32px 20px;	
	}
	
	
	.container-content .section-company-business-intro .intro-content .content-item
		{
		max-width: 100%;		
	}
	.container-content .section-mobileapp-navi ul {
		width: 100%;
	}
	.container-content .section-mobileapp-navi ul li {
		width: 50%;
	}

	.container-content .section-customercenter-navi ul {
		width: 100%;
	}
	.container-content .section-customercenter-navi ul li {
		width: 50%;
	}
	.container-content .section-image-banner{
		height: 500px
	}
	.navbar.dot-box {
		display: none;
	}
	h1 {
		font-size: 36px;
		font-weight: 600;
	}
	h2 {
		font-size: 30px;
		font-weight: 600;
		margin: 0;
	}
	h3 {
		font-size: 26px;
		font-weight: 600;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}
	h6 {
		font-size: 16px;
		font-weight: 500;
		margin: 0;
		line-height: 24px;
	}
	p {
		font-size :16px;
		font-weight: 350;
		margin: 0;
	}
	.content-item-box img {
		width: 100px;
		height: 100px;
	}
	.right-txt-box {
		padding-left: 116px;
	}
	.title-box {
		padding: 25px 15px;
	}
	.pd-left {
		padding-left: 0;
		padding-top: 10px;
	}
	.pd-right {
		padding-right: 0;
		padding-bottom: 15px;
	}
	.left {
		padding-bottom: 15px;
	}
	.horizontal-line {
		display: none;
	}
	.round-img-box {
		margin-bottom: 5px;
	}
	.divide-box > div {
		margin-bottom: 30px;
	}
	.contact-txt > .text-right {
		display: none;
	}
	.service > .text-right {
		text-align: left!important;
	}
	.txt-14 {
		padding: 0;
	}
	.hide-narrow {
		display: none;
	}
	.content-title {
		margin-bottom: 15px;
	}
}



@media screen and (min-width:1024px) {
	
	/* notice&inquire */
	.content-header {
		padding: 0 24px;
	}
	.notice .content-item {
		padding: 30px 24px;
	}
	/*main*/
	.section-main-banner .main-banner-bottom {
		bottom: 7%;
	}
	
	.section-main-banner .main-banner-bottom i {
		width: 50px;
		font-size: 50px;
	}
		
	.section-image-banner .image-banner-bottom {
		bottom: 7%;
	}
	
	.section-image-banner .image-banner-bottom i{
		width: 50px;
		font-size: 50px;
	}
	
	
	.container-content .section-promote-question-intro .intro-header .header-title h1,
		.container-content .section-healthcare-intro .intro-header .header-title h1,
		.container-content .section-design-intro .intro-header  .header-title h1,
		.section-main-banner .main-banner-content  .section-demand-intro .intro-content .content-title h1
		{
		font-size: 30px;
	}
	
	.section-main-banner .main-banner-content .section-demand-intro .intro-content p
		{
		font-size: 16px;
	}
	.container-content .section-promote-question-intro .intro-header .header-title-sub,
		.container-content .section-healthcare-intro .intro-header .header-title-sub,
		.container-content .section-design-intro .intro-header .header-title-sub
		{
		font-size: 16px;
	}
	
	.container-content .section-company-intro .intro-content p{
		font-size: 16px;
	}
	
	.container-content .section-company-ceo-intro .intro-content .content-right .right-content p,
	.container-content .section-company-object .object-left .left-content p{
		font-size: 16px;
	}
	
	.container-content .section-news-intro .intro-content p,
	.container-content .section-notice-intro .intro-content p,
	.container-content .section-servicedesign-intro .intro-content p,
	.container-content .section-servicedesign-process .process-content ul li .content-item .item-content p,
	.container-content .section-servicedesign-factory .factory-header .header-title-sub p,
	.container-content .section-servicedesign-fiveworkshop .fiveworkshop-header .header-title-sub p,
	.container-content .section-servicedesign-tenworkshop .tenworkshop-header .header-title-sub p
	{
	   font-size: 16px;
	}
	.container-content .section-customercenter-navi ul li{
		font-size: 16px;
	}
	
	
	.container-content .section-company-object{
	    padding: 0 10%;
	}
	
	.container-content .section-company-business-intro,
	 .container-content .section-company-ceo-intro {
		padding: 10% 10%;
	}
	
	.container-content .section-image-banner{
		height: 500px
	}
	
	.container-content .section-company-contact .contact-content iframe{
		height: 400px;
	}
	.container-content .section-customercenter-navi ul li{
		width: 180px;
	}
	
	.container-content .section-mobileapp-navi ul li{
      width: 180px;
   }

   .container-content .section-mobileapp-navi ul li span,
   .container-content .section-mobileapp-intro p,
   .container-content .section-mobileapp-object .object-content ul li .item-right .right-content p,
   .container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li span,
   .container-content .section-mobileapp-preview .preview-wrapper .wrapper-bottom ul li a
   {
      font-size:16px;
   }
   
   .container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li {
      width:35%;
   }

   .container-content .section-mobileapp-intro img{
      width:225px;
   }
   
   .container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day .five-day-content p,
	.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week .ten-week-content p,
	.container-content .section-promote-question-intro .intro-content .content-right .section-news .news-content p,
	.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center .customer-center-content p{
		font-size: 16px;
	}
	
	.container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day .five-day-header span,
	.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week .ten-week-header span,
	.container-content .section-promote-question-intro .intro-content .content-right .section-news .news-header span,
	.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center .customer-center-header span{
	 	
	    font-size: 22px;
	}
	
	.container-content .section-design-intro .intro-content .content-left,
	.container-content .section-design-intro .intro-content .content-right
	.container-content .section-promote-question-intro .intro-content .content-left,
	.container-content .section-promote-question-intro .intro-content .content-right{
		height: 350px;
	}
	
	/*notice*/
	.section-notice-list .list-header .section-category-list ul li a{
   		font-size: 16px;
	}
	
	.section-notice-list .notice-list-bottom .section-pagination  a
		{
		padding: 6px;
	}
	.notice .content-item {
		min-height: 530px;
	}
	
	
	/*news*/
	.container-content .section-question-list .question-list-content ul li .content-item .item-left .question-check{
		margin-top: 17px;
	}
	.section-next-prev-news table tbody tr td{
		font-size: 15px;
	}
	
	.section-news-detail .news-detail-header .header-title{
		font-size: 26px;
	}

	.section-news-detail .news-detail-header .header-date{
		font-size: 16px;	
	}
	
	.section-next-prev-news table tbody tr td:NTH-CHILD(2){
		width: 70%
	}
	
	.section-next-prev-news table tbody tr td:FIRST-CHILD,
	.section-next-prev-news table tbody tr td:LAST-CHILD{
		 width: 15%;
		
	}
	
	
	.container-content .section-news-list .news-list-content li{
		float:left;
		width:50%
	}
	.container-content .section-news-list .news-list-content  .content-info .info-title span{
	font-size: 22px;
	}
	
	.container-content .section-news-list .news-list-content  .content-info .info-date span{
		font-size: 16px;
	}
		
	
	/*question*/
	.container-content .section-question-list .question-list-content ul li .content-item{
		padding:20px;
	}
	
	.container-content .popup-container .section-password-popup .popup-item .item-left span,
	.answer-form table tbody .form-menu .mark,
	.answer-content .content-left span,
	.container-content .section-question .question-content .content-left span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-left span{
		font-size: 32px;
	}
	
	.container-content .popup-container .section-password-popup .popup-item .item-left .question-check span,
	.container-content .section-question .question-content .content-left .question-check span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-left .question-check span{
		font-size: 14px;
	}
	
	.section-question-list .question-list-header .section-category-list ul li a,
	.container-content .section-list-intro .intro-header  p{
		font-size: 16px;
	}
	
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-content span,
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-title span,
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-content .content-text,
	.answer-content .content-right .answer-memo .memo-content p,
	.container-content .section-question .question-content .content-right .question-memo .memo-content p,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-content span,
 	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-title span,	
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-memo p{
		font-size: 16px;
	}
	
	.answer-form table tbody .form-menu span,
	.container-content .section-question .question-content .question-form table tbody tr .form-menu{
		font-size: 15px;
	}
	
	.container-content .section-question .question-content .question-form table tbody tr .form-menu-content{
		width:85%
	}
	
	.answer-form table tbody .form-menu-content .profile-check,
	.answer-form table tbody .form-menu-content input[type=text],
	.answer-form table tbody .form-menu-content .content-textarea,
	.container-content .section-question .question-content .question-form table tbody tr td .content-input,
	.container-content .section-question .question-content .question-form table tbody tr td input{
		font-size: 15px;
	}
	
	
	.answer-form table tbody .form-menu,
	.container-content .section-question-list .question-list-content ul li .content-item .item-left,
	.container-content .section-question .question-content .content-left,
	.answer-content .content-left{
		width:60px;
	}
	
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-writer span,
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-category span,
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-date span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-writer span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-category span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-date span,
	.container-content .section-question .question-content .content-right .question-description .question-category span,
	.container-content .section-question .question-content .content-right .question-description .question-date span,
	.container-content .section-question .question-content .content-right .question-description .question-writer span,
	.answer-content .content-right .answer-description .answer-category span,
	.answer-content .content-right .answer-description .answer-date span,
	.answer-content .content-right .answer-description .answer-writer span{
		font-size: 13px;
	}
	
	.container-content .section-other-questions .other-questions-content .content-header span{
		font-size: 16px;
	}
	
	/*report*/
	.section-report-list .report-list-bottom .section-pagination  a
		{
		padding: 6px;
	}
	
	/*news*/
	.container-content .section-news-list .news-list-bottom .section-pagination  a
		{
		padding: 6px;
	}
	
	.container-content .section-news-list .news-list-content .content-info{
	    padding-right: 7%;
	}
	
	
	
	/*user*/
	.section-user-info .user-info-content .content-report-list .report-list-bottom .section-pagination  a{
		padding: 6px;
	}
}


@media screen and (min-width:1200px) {
	/****** Header ******/
	/*main*/
	.container.wide {
		max-width: 1200px;
	}
	.container {
		max-width: 1120px;
	}
	
	.section-main-banner .main-banner-bottom {
		bottom: 8%;
	}
	.section-main-banner .main-banner-bottom i {
		width: 80px;
		font-size: 80px;
	}
	
	.section-image-banner .image-banner-bottom {
		bottom: 8%;
	}
	
	.section-image-banner .image-banner-bottom i{
		width: 80px;
		font-size: 80px;
	}
	
	.container-content .section-customercenter-navi ul li{
		width:200px;
	}
	
	.container-content .section-promote-question-intro .intro-header .header-title h1,
		.container-content .section-healthcare-intro .intro-header .header-title h1,
		.container-content .section-design-intro .intro-header  .header-title h1,
		.section-main-banner .main-banner-content  .section-demand-intro .intro-content .content-title h1
		{
		font-size: 40px;
	}
	
	.section-main-banner .main-banner-content .section-demand-intro .intro-content p
		{
		font-size: 18px;
	}
	
	.container-content .section-customercenter-navi ul li{
		font-size: 18px;
	}
	
	.container-content .section-promote-question-intro .intro-header .header-title-sub,
		.container-content .section-healthcare-intro .intro-header .header-title-sub,
		.container-content .section-design-intro .intro-header .header-title-sub
		{
		font-size: 18px;
	}
	
	#container .section-healthcare-intro{
		/* padding: 7% 5%; */
		padding: 14% 0;
		background-color: #FAFAFA;
	}
	
	
	.container-content .section-news-intro,
	.container-content .section-notice-intro,
	.container-content .section-servicedesign-process, 
	.container-content .section-servicedesign-intro,
	.container-content .section-servicedesign-factory,
	.container-content .section-servicedesign-fiveworkshop,
	.container-content .section-servicedesign-tenworkshop,
	.container-content .section-servicedesign-experience,
	  .container-content .section-company-ceo-intro
	{
	   padding: 7% 15%;
	}
	
	.container-content .section-company-ceo-intro{
		padding: 10% 15%;
	}

	.container-content .section-news-intro .intro-content p,
	.container-content .section-notice-intro .intro-content p,
	.container-content .section-servicedesign-intro .intro-content p,
	.container-content .section-servicedesign-process .process-content ul li .content-item .item-content p,
	.container-content .section-servicedesign-factory .factory-header .header-title-sub p,
	.container-content .section-servicedesign-fiveworkshop .fiveworkshop-header .header-title-sub p,
	.container-content .section-servicedesign-tenworkshop .tenworkshop-header .header-title-sub p,
	.container-content .section-company-ceo-intro .intro-content .content-right .right-content p
	{
	   font-size: 18px;
	}
	
	.container-content .section-company-ceo-intro .intro-content .content-left img {
     	display:block;
     	position: absolute;
    	bottom: 0;
 		width:440px;
	 }
	  
	 .container-content .section-company-ceo-intro .intro-content .content-right,
     .container-content .section-company-ceo-intro .intro-content .content-left{
	     width:50%;
	  }
	  
	
	.top-content .section-logo {
		position: absolute;
		top: 20px;
		left: 15px;
	}
	
	/* .top-content .section-logo {
		margin: 0 0 0 30px;
		float: left;
	} */
	#header .section-menu {
		display: none
	}
	#header .section-gnb {
		display: block
	}
	#header .section-login {
		display: block
	}
	#header .section-mobile-gnb {
		display: none
	}
	#header .top-content .section-gnb.mobile-box {
		display: none;
	}
	.top-content #logo-image {
		width: 108px;
		height: 23px;
	}
	
	.section-main-banner video {
		display: block
	}
	.section-main-banner .main-banner-alternative {
		display: none;
	}
	
	 
	.container-content .section-promote-question-intro .intro-content .content-left,
		.container-content .section-promote-question-intro .intro-content .content-right
		{
		float: left;
		width: 50%;
		height: 400px;
	}
	
	
	.container-content .section-promote-question-intro .intro-content {
		display: flex;
	}
	
	  .container-content .section-design-intro .intro-content .content-left,
	.container-content .section-design-intro .intro-content .content-right{
		float: left;
		width: 50%;
		height: 400px;
	}
	
	 .container-content .section-design-intro .intro-content {
	 	display: flex;
	 }
	
	
	.container-content .section-company-intro .intro-content p{
		font-size: 18px;
	}
	
	.container-content .section-company-object .object-left .left-content p{
		font-size: 18px;
	    text-align: left; 
	}
	
	.container-content .section-company-object .object-right{
		display: block;
    	right: 0;
	}
	
	
	.container-content .section-company-object{
	    padding: 0 15%;
	}
	
	
	.container-content .section-company-intro,
	.container-content .section-company-business-intro	{
    	padding: 7% 15%;
		
	}
	
	.container-content .section-image-banner{
		/* height: 650px; */
		height: 720px;
	}
	
	
	.container-content .section-company-contact .contact-content iframe{
		height: 500px;
	}
	
	   .container-content .section-mobileapp-navi ul li{
      width: 200px;
   }

   .container-content .section-mobileapp-preview,
   .container-content .section-mobileapp-object,
   .container-content .section-mobileapp-intro{
      padding:7% 15%;
   }
   
   .container-content .section-mobileapp-navi ul li span,
   .container-content .section-mobileapp-intro p,
   .container-content .section-mobileapp-object .object-content ul li .item-right .right-content p,
   .container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li span,
   .container-content .section-mobileapp-preview .preview-wrapper .wrapper-bottom ul li a
   {
      font-size:18px;
   }
   
   .container-content .section-mobileapp-object .object-content ul li .item-left img{
      display:block;
      width:130px;
   }
   
   .container-content .section-mobileapp-preview .preview-wrapper .wrapper-content ul li {
      width:28%;
   }
   
   .container-content .section-mobileapp-intro img{
      width:250px;
   }
   
   .container-content .section-mobileapp-preview .preview-wrapper .wrapper-content{
      margin-top:7%;
   }
   
   	.container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day .five-day-content p,
	.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week .ten-week-content p,
	.container-content .section-promote-question-intro .intro-content .content-right .section-news .news-content p,
	.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center .customer-center-content p{
		font-size: 18px;
	}
	
	.container-content .section-design-intro .intro-content .content-left .left-detail .section-five-day .five-day-header span,
	.container-content .section-design-intro .intro-content .content-right .right-detail .section-ten-week .ten-week-header span,
	.container-content .section-promote-question-intro .intro-content .content-right .section-news .news-header span,
	.container-content .section-promote-question-intro .intro-content .content-left .section-customer-center .customer-center-header span{
	 	
	    font-size: 24px;
	    line-height: 22px;
	}
	
	
	.container-content .section-design-intro .intro-content .content-left .left-detail,
	.container-content .section-design-intro .intro-content .content-right .right-detail,
	.container-content .section-promote-question-intro .intro-content .content-right  .right-detail,
	.container-content .section-promote-question-intro .intro-content .content-left .left-detail{
		display: none;
	} 
   
   
	/*login*/
	.container-content .section-login {
		width: 370px;
	}
	
	.container-content .section-join .join-content .join-form .form-left div
		{
		width: 250px;
	}
	
	/*news*/
	.container-content .section-question-list .question-list-content ul li .content-item .item-left .question-check{
		margin-top: 13px;
	}
	.section-next-prev-news table tbody tr td:FIRST-CHILD,
	.section-next-prev-news table tbody tr td:LAST-CHILD{
		 width: 10%;
		
	}
	
	.section-next-prev-news table tbody tr td:NTH-CHILD(2){
		width: 80%
	}
	
	.section-next-prev-news table tbody tr td{
		font-size: 16px;
	}
	
	.section-news-detail .news-detail-header .header-title{
		font-size: 28px;
	}

	.section-news-detail .news-detail-header .header-date{
		font-size: 18px;	
	}
	
	.container-content .section-news-list{
		padding: 3% 5%;
	}
	
	.container-content .section-news-list .news-list-content li{
		float:left;
		width:33%
	}
	
	.container-content .section-news-list .news-list-content .content-info{
	    padding: 0 10%;
	}
	
	.container-content .section-news-list .news-list-content  .content-info .info-title span{
		font-size: 24px;
	}
	
	.container-content .section-news-list .news-list-content  .content-info .info-date span{
		font-size: 18px;
	}
	/*notice*/
	.section-notice-list .list-header .section-category-list{
		display: inline-block;
		height: 24px;
	}
	
	.section-notice-list .list-header .section-category-selector{
		display: none;
	}
	
	.section-notice-list .list-header .section-category-list ul li a{
   		font-size: 16px;
	}
	
	.section-notice .notice-content .notice-form .form-menu-content .photo-add-zone
		{
		width: 22%;
	}
	.section-notice-list .notice-list-bottom .section-pagination  a
		{
		padding: 10px 14px;
	}
	
	/*news*/
	.container-content .section-news-list .news-list-bottom .section-pagination  a
		{
		padding: 10px 14px;
	}
	.container-content .section-news-list .news-list-bottom .section-pagination  a.choice
		{
		color: red;
	}
	
	
	/*question*/
	.container-content .section-question-list .question-list-content ul li .content-item{
		padding:25px;
	}
	
	.section-question-list .question-list-header .section-category-selector
      {
      display: none;
	}
	.section-question-list .question-list-header .section-category-list
	   {
	   display: block;
	}
	
	
	.container-content .popup-container .section-password-popup .popup-item .item-left span,
	.answer-form table tbody .form-menu .mark,
	.answer-content .content-left span,
	.container-content .section-question .question-content .content-left span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-left span{
		font-size: 36px;
	}
	
	.container-content .popup-container .section-password-popup .popup-item .item-left .question-check span,
	.container-content .section-question .question-content .content-left .question-check span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-left .question-check span{
		font-size: 16px;
	}
	
	.section-question-list .question-list-header .section-category-list ul li a,
	.container-content .section-list-intro .intro-header  p{
		font-size: 18px;
	}
	
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-content span,
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-title span,
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-content .content-lock .lock-content .content-text,
	.answer-content .content-right .answer-memo .memo-content p,
	.container-content .section-question .question-content .content-right .question-memo .memo-content p,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-content span,
   	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-lock .lock-title span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-content .content-memo p{
		font-size: 18px;
	}
	
	.answer-form table tbody .form-menu span,
	.container-content .section-question .question-content .question-form table tbody tr .form-menu{
		width: 150px;
		font-size: 14px;
		
		
		
	}
	
	.answer-form table tbody .form-menu-content .profile-check,
	.answer-form table tbody .form-menu-content input[type=text],
	.answer-form table tbody .form-menu-content .content-textarea,
	.container-content .section-question .question-content .question-form table tbody tr td .content-input,
	.container-content .section-question .question-content .question-form table tbody tr td input{
		font-size: 14px;
	}
	
	
	.container-content .section-question .question-content .question-form table tbody tr .form-menu-content{
		width:90%
	}
	
	.container-content .popup-container .section-password-popup .popup-item .item-left,
	.answer-form table tbody .form-menu,
	.container-content .section-question-list .question-list-content ul li .content-item .item-left,
	.container-content .section-question .question-content .content-left,
	.answer-content .content-left{
		width:70px;
	}
	
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-writer span,
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-category span,
	.container-content .popup-container .section-password-popup .popup-item .item-right .question-date span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-writer span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-category span,
	.container-content .section-question-list .question-list-content ul li .content-item .item-right .question-date span,
	.container-content .section-question .question-content .content-right .question-description .question-category span,
	.container-content .section-question .question-content .content-right .question-description .question-date span,
	.container-content .section-question .question-content .content-right .question-description .question-writer span,
	.answer-content .content-right .answer-description .answer-category span,
	.answer-content .content-right .answer-description .answer-date span,
	.answer-content .content-right .answer-description .answer-writer span{
		font-size: 14px;
	}
	
	.container-content .section-other-questions .other-questions-content .content-header span{
		font-size: 18px;
	}
	
	/*report*/
	.section-report .report-content .report-form .form-menu-content .photo-add-zone
		{
		width: 22%;
	}
	.section-report-list .report-list-bottom .section-pagination  a
		{
		padding: 10px;
	}

	/*user*/
	.section-user-info .user-info-header .header-content .section-user-profile .user-profile-content .content-avatar 
		{
		width: 180px;
		height: 180px;
	}
	
	.section-user-info .user-info-content .content-report-list .report-list-bottom .section-pagination  a{
		padding: 10px;
	}
}

@-webkit-keyframes move-up-down { 
	0% { translateY (0); }

	50% { transform :translateY (30%); }

	100%{ translateY(0); }
}
@keyframes move-up-down { 
	0% { translateY (0);}

	50%{ transform:translateY(30%); }

	100%{ translateY(0);}
}