header{
	background:url(/assets/kr/images/customer/customer_bg.png) no-repeat center / cover;
}
.wrap{
	width:100%;
	height:max-content;
	background: url('/assets/kr/images/company/bg_effect.png') no-repeat right center/ contain;
}
.container{
	width:100%;
	height:max-content;
	max-width:1200px;
	margin:0 auto 50px;
}

.container .headtxt{
	width:100%;
	padding-top: 80px;
	padding-bottom:60px;
}

.container .headtxt img{
	width:720px;
	height:55px;
	padding:50px 240px 0;
}

.container .headtxt .title{
	font-size:25px;
	font-weight:700;
}

.container .headtxt .sub{
	padding-top:10px;
	font-size:16px;
	line-height:23px;
}

.container .contents{
	width:100%;
	height:400px;
	padding-top:40px;
}

.container_review .contents{
	width:100%;
	height:700px;
	padding-top:40px;
}

/*notice&review*/

.container .contents .cs_table{
	border:none;
}

.container .contents .cs_table thead th{
	height:70px;
	border-top:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	font-size:16px;
	color:#555;
}

.container .contents .cs_table tbody tr{
	height:60px;
	text-align:center;
	border-bottom:1px solid #b5b5b5;
	font-size:14px;
}

.container .contents .cs_table tbody tr .hit,
.container .contents .cs_table tbody tr .number{
	color:#666;
}

.container .contents .cs_table tbody tr .title a:hover{
	text-decoration:underline;
}

.container .contents .pager_wrap{
	width:130px;
	height:40px;
	margin:70px auto 0;
}

.container .contents .pager_wrap .pager{
	width:40px;
	height:40px;
	margin-right:5px;
	float:left;

	background-color:transparent;
	border:none;
	color:#b5b5b5;
}

.container .contents .pager_wrap .pager_03{
	margin-right:0;
}

.container .contents .pager_wrap .pager_01{
	background-color:#b5b5b5;
	color:#fff;
}


	/*notice sub*/
	.container .contents .content_wrap{
		width:100%;
		height:max-content;
		margin:30px auto 30px;
		float:left;
	}

	.container .contents .content_wrap .content_title{
		height:20px;
		padding:30px 30px 0 30px;
		/*border-top:1px solid rgba(0,0,0,0.2);
		border-bottom:1px solid rgba(0,0,0,0.2);*/
	}

	.container .contents .content_wrap .content_title .title{
		width:80%;
		font-size:20px;
		float:left;
		line-height:20px;
	}

	.container .contents .content_wrap .content_sub{
		height:20px;
		padding:10px 30px;
		border-bottom:1px solid #b5b5b5;
	}

	.container .contents .content_wrap .content_sub p{
		display:inline-block;
		font-size:14px;
		color:#555;
	}

	.container .contents .content_wrap .content_sub .date{
		float:right;
	}

	.container .contents .content_wrap .content_img{
		width:100%;
		height:max-content;
		padding:80px 30px;
		border-bottom:1px solid #b5b5b5;
		box-sizing:border-box;
	}

	.container .contents .content_wrap .content_img img{
		width:50%;
	}

	.container .contents .content_wrap .content_text{
		width:100%;
		height:max-content;
		padding:80px 30px;
		border-bottom:1px solid #b5b5b5;
		box-sizing:border-box;
	}

	.container .contents .content_wrap .content_text p{
		font-size:16px;
	}

	.container .contents .content_wrap .content_text p .highlight{
		background-color:#10d6af;
	}

	.container .contents .content_wrap .content_text p .img_info{
		font-size:14px;
		color:#666;
	}

	.container .contents .content_wrap .content_text p img{
		width:70%;
	}

	.container .contents .button{
		width:100%;
		height:40px;
		float:left;
		margin-bottom:100px;
	}

	.container .contents .button .movebtn{
		width:30%;
		float:left;
	}

	.container .contents .button .movebtn a{
		display:inline-block;
		background-color:#b5b5b5;
		box-sizing: border-box;
		width:100px;
		height:40px;
		line-height:38px;
		text-align: center;
		color:#fff;
	}

	.container .contents .button .movebtn .prev{
		margin-right:20px;
	}

	.container .contents .button .movebtn .prev .fa-arrow-left{
		margin-right:20px;
	}
	.container .contents .button .movebtn .next .fa-arrow-right{
		margin-left:20px;
	}

	.container .contents .listbtn{
		display:block;
		border:1px solid #b5b5b5;
		box-sizing: border-box;
		width:50px;
		height:40px;
		line-height:38px;
		text-align:center;
		color:#b5b5b5;
		float:right;
	}
	
	/*notice sub end*/

/*notice end*/



/*review*/

.write{
	width:100%;
	height:40px;
	margin-bottom:10px;
}

.write a{
	text-align:center;
	line-height:40px;
	display:block;
	width:80px;
	height:100%;
	background-color:#b5b5b5;
	color:#fff;
	float:right;
}

.container_review > .headtxt{
	padding-bottom:30px;
}

.container_review > .headtxt > .csbar{
	width:100%;
	padding:20px 0 0 0;
	height:auto;
}

.container_review > .ask-brd-wrap > .ask-brd{
	height:800px;
}

/*review end*/

/*ask*/

.ask-brd-wrap{
	width:100%;
}

.ask-brd-wrap img{
	width:100%;
}

.ask-brd-wrap .ask-brd{
	height:1100px;
}

.ask-brd-wrap .ask-brd .form-group{
	position:relative;
	width:100%;
	height:30px;
	margin-bottom:60px;
	margin-top:40px;
}

.ask-brd-wrap .ask-brd .form-group label,
.ask-brd-wrap .ask-brd .form-group input,
.ask-brd-wrap .ask-brd .form-group select,
.ask-brd-wrap .ask-brd .form-group textarea{
	outline:none;
	font-family: inherit;
}

.ask-brd-wrap .ask-brd .form-group-last{
	height:300px;
}

.ask-brd-wrap .ask-brd .form-group .form-label{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	padding-left:10px;
	transition:all 0.3s;
	font-size:1em;
	color:#777;
}

.ask-brd-wrap > .ask-brd > .form-group-last > .form-label{
	position:absolute;
	top:6%;
}

.ask-brd-wrap .ask-brd .form-group .form-style{
	border:none;
	border-bottom:1px solid #d5d5d5;
	padding-left:5px;
	width:300px;
	height:30px;
	margin:0 5px;
	font-size:1em;
	box-sizing:border-box;
	background-color:transparent;
}

.ask-brd-wrap .ask-brd .form-group .form-title{
	width:60%;
}

.ask-brd-wrap .ask-brd .form-group .ask-brd-tel{
	width:100px;
}

.ask-brd-wrap .ask-brd .form-group .email{
	width:200px;
}

.ask-brd-wrap .ask-brd .form-group select{
	width:300px;
	height:50px;
	margin:0 5px;
	font-family: inherit;
	font-weight:300;
	text-align:center;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background:url("/assets/kr/images/customer/cs_btn.png") no-repeat center right;
	cursor:pointer;
}

.ask-brd-wrap .ask-brd .form-group select option{
	font-size:0.9em;
	cursor:pointer;
}

.ask-brd-wrap .ask-brd .form-group .form-content{
	width:100%;
	height:300px;
	margin:0;
	border:1px solid #d5d5d5;
	box-sizing:border-box;
}

.ask-brd-wrap .ask-brd > .focus > .form-label{
	position:absolute;
	font-size:0.9em;
	transform:translate3d(0, -45px, 0) scale(1);
	transition:all .2s;
	-webkit-transition:all .2s;
	color:#10d6af;
}

.ask-brd-wrap > .ask-brd > .focus > .form-style{
	border-color:#10d6af;
	border-width:2px;
}

.ask-brd-wrap > .ask-brd > .value > .form-label{
	color:#45494C;
	left:auto;
	font-size:0.9em;
	font-weight:;
	transform: translate3d(0,-45px, 0) scale(1);
	-webkit-transition: all .2s;
	transition: all .2s;
	color:#10d6af;
}

.ask-brd-wrap .ask-button-wrap{
	width:100px;
	height:50px;
    text-align:center;
    margin:0 auto;
}

.ask-brd-wrap .ask-button{
	width:100px;
	height:50px;
	float:left;
	color:#10d6af;
	font-weight:500;
	background-color:transparent;
    border:2px solid #10d6af;
    box-sizing:border-box;
    border-radius:3px 20px 3px 20px;
    transition:0.3s all ease;
    -webkit- transition: 0.3s all ease;
}

.ask-brd-wrap .ask-button:hover{
	background-color:#10d6af;
	color:#fff;
}
/*ask end*/

.comming_soon{
	width: 100%;
	height:300px;
	background: url('/assets/kr/images/customer/contact_info02.png') no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;

}


/*반응형*/

@media (min-width: 1025px) and (max-width: 1280px) {
/*notice*/
.container .contents .pager_wrap{
	width:130px;
	height:40px;
	margin:40px auto 0;
}

.container .contents .content_wrap .content_img img{
	width:70%;
}


}


@media (min-width: 768px) and (max-width: 1024px) {

.container_review > .contents{
	height:600px;
}

/*notice&review*/
.container .contents .pager_wrap{
	width:130px;
	height:40px;
	margin:40px auto 0;
}

.container .contents .button .movebtn{
	width:50%;
	float:left;
}

.container .contents .content_wrap .content_img img{
	width:90%;
}
.comming_soon{
	width: 100%;
	height:600px;
	background: url('/assets/kr/images/customer/contact_info.png') no-repeat;
	-webkit-background-size: 50%;
	background-size: 50%;
	
}

}


@media (min-width: 481px) and (max-width: 767px) {
header {
    background: url(/assets/kr/images/customer/customer_bg.png) no-repeat 40% / cover;
}
/*notice&review*/
.container .contents{
	height:550px;
}

.container_review > .contents{
	height:600px;
}

.container .contents .pager_wrap{
	width:130px;
	height:40px;
	margin:30px auto 0;
}

.container .contents .notice{
	table-layout:fixed;
}

.container .contents .notice thead th{
	font-size:14px;
	height:60px;
}

.container .contents .notice tbody tr{
	height:80px;
}

.container .contents .notice tbody tr .title a{
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	height:20px;
}

/*sub*/
.container .contents .content_wrap .content_title{
	height:50px;
	padding:0;
}

.container .contents .content_wrap .content_title .title{
	width:100%;
	font-size:20px;
	line-height:25px;
}

.container .contents .content_wrap .content_sub{
	height:20px;
	padding:10px 10px;
}

.container .contents .content_wrap .content_text{
	width:100%;
	padding:30px 30px;
}

.container .contents .content_wrap .content_img{
	padding:30px 0;
}

.container .contents .content_wrap .content_img img{
	width:100%;
}

.container .contents .content_wrap .content_text p img{
	width:100%;
}

.container .contents .button .movebtn{
	width:50%;
	float:left;
}


/*ask*/
.ask-brd-wrap .ask-brd{
	height:980px;
}

.ask-brd-wrap .ask-brd .form-group{
	float:left;
	margin-bottom:30px;
	margin-top:30px;
}

.ask-brd-wrap .ask-brd .form-group:nth-child(1),
.ask-brd-wrap .ask-brd .form-group:nth-child(2){
	width:50%;
	float:left;
}

.ask-brd-wrap .ask-brd .form-group .form-style{
	width:130px;
}

.ask-brd-wrap .ask-brd .form-group .form-title{
	width:300px;
}

.comming_soon{
	width: 100%;
	height:500px;
	background: url('/assets/kr/images/customer/contact_info.png') no-repeat;
	-webkit-background-size: 70%;
	background-size: 70%;
}


}


@media (min-width: 320px) and (max-width: 480px) {

header {
    background: url(/assets/kr/images/customer/customer_bg.png) no-repeat 40% / cover;
}

/*notice&review*/
.container .contents{
	height:260px;
}

.container_review .contents{
	height:600px;
}

.container .contents .pager_wrap{
	width:130px;
	height:40px;
	margin:30px auto 0;
}

.container .contents .notice{
	table-layout:fixed;
}

.container .contents .notice thead th{
	font-size:14px;
	height:60px;
}

.container .contents .notice tbody tr{
	height:80px;
}

.container .contents .notice tbody tr td{
	padding:0 1%;
}

.container .contents .notice tbody tr .name,
.container .contents .notice tbody tr .date{
	width:15%;
	font-size:13px;
}
.container .contents .notice tbody tr .number,
.container .contents .notice tbody tr .hit{
	width:5%;
	font-size:13px;
}

.container .contents .notice tbody tr .title{
	width:60%;
}

.container .contents .notice tbody tr .title a{
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	height:20px;
}

/*sub*/
.container .contents .content_wrap .content_title{
	height:50px;
	padding:0;
}

.container .contents .content_wrap .content_title .title{
	width:100%;
	font-size:20px;
	line-height:25px;
}

.container .contents .content_wrap .content_sub{
	height:20px;
	padding:10px 0;
}

.container .contents .content_wrap .content_text{
	width:100%;
	padding:30px 0;
}

.container .contents .content_wrap .content_img{
	padding:30px 0;
}

.container .contents .content_wrap .content_img img{
	width:100%;
}

.container .contents .content_wrap .content_text p img{
	width:100%;
}

.container .contents .button .movebtn{
	width:80%;
	float:left;
}

.container .contents .button .movebtn a{
	display:inline-block;
	background-color:#b5b5b5;
	box-sizing: border-box;
	width:80px;
	height:35px;
	line-height:38px;
}

.container .contents .button .movebtn .prev{
	margin-right:5px;
}

.container .contents .button .movebtn .prev .fa-arrow-left{
	margin-right:10px;
}
.container .contents .button .movebtn .next .fa-arrow-right{
	margin-left:10px;
}

.container .contents .listbtn{
	width:50px;
	height:35px;
	line-height:35px;
}


/*reviewsub*/
.container_review > .headtxt > .csbar {
    width: 100%;
    height: 3px;
}

.container_review > .ask-brd-wrap > .ask-brd{
	height:700px;
}


/*ask*/
.ask-brd-wrap .ask-brd{
	height:980px;
}

.ask-brd-wrap img {
    width: 100%;
    height: 3px;
    margin-top:10px;
}

.ask-brd-wrap .ask-brd .form-group{
	float:left;
	margin-bottom:30px;
	margin-top:30px;
}

.ask-brd-wrap .ask-brd .form-group:nth-child(1),
.ask-brd-wrap .ask-brd .form-group:nth-child(2){
	width:50%;
	float:left;
}

.ask-brd-wrap .ask-brd .form-group #cname,
.ask-brd-wrap .ask-brd .form-group #name,
.ask-brd-wrap .ask-brd .form-group #password{
	width:100px;
}

.ask-brd-wrap .ask-brd .form-group .ask-brd-tel{
	width:85px;
}

.ask-brd-wrap .ask-brd .form-group .form-style{
	padding-left:3px;
	margin:0 3px;
}

.ask-brd-wrap .ask-brd .form-group #email_1,
.ask-brd-wrap .ask-brd .form-group #email_2,
.ask-brd-wrap .ask-brd .form-group #email_3{
	width:85px;
}

.ask-brd-wrap .ask-brd .form-group .form-title{
	width:280px;
}

.ask-brd-wrap .ask-brd .form-group .form-content{
	margin-left:0;
	margin-right:0;
}
.comming_soon{
	width: 100%;
	height:400px;
	background: url('/assets/kr/images/customer/contact_info.png') no-repeat;
	-webkit-background-size: 90%;
	background-size: 90%;
}
}

table.board-write { width:100%; margin-top:95px; border-top:1px solid #c4c4c4; }
table.board-write th { width:190px; padding:20px 0 20px 40px; font-size:16px; font-weight:600; color:#555; line-height:21px; text-align:left; vertical-align:top; border-bottom:1px solid #c4c4c4; }
table.board-write th span { margin-left:5px; color:#cc1417; }
table.board-write td { padding:10px 40px; font-size:0; line-height:0; border-bottom:1px solid #c4c4c4; }
table.board-write td.tel { font-size:0; line-height:0; }
table.board-write td span { margin:0 5px 0 10px; font-weight:600; color:#cc1417; }
table.board-write td em { display:inline-block; margin-left:10px; font-size:16px; font-weight:300; color:#555; line-height:41px; vertical-align:top; }
table.board-write td em.space { width:10px; margin-left:0; font-weight:600; text-align:center; }
table.board-write td input { height:41px; margin:0; padding:0 0 0 20px; font-size:16px; font-weight:300; color:#555; vertical-align:top; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write td input.check { width:15px; height:15px; margin:15px 10px 0 0; padding:0; }
table.board-write td input.file { padding:0; border:none; }
table.board-write td select { height:41px; margin:0; padding:0 0 0 20px; font-size:16px; font-weight:300; color:#555; vertical-align:top; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write td textarea { width:100%; height:200px; padding:15px 20px; font-size:16px; font-weight:300; color:#555; vertical-align:top; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table.board-write td .width1 { width:401px; }
table.board-write td .width2 { width:100%; }
table.board-write td .width3 { width:127px; }
table.board-write td p { margin-top:10px; }
table.board-write td a { display:inline-block; margin-left:10px; padding:0 20px; font-size:16px; color:#fff; line-height:41px; background-color:#3a3a3a; }

.button { margin-top:80px; font-size:0; line-height:0; text-align:center; }
.button a { display:inline-block; margin:0 5px; padding:0 60px; font-size:18px; font-weight:600; color:#fff; line-height:51px; background-color:#333; }
.button a.on { background-color:#51ac07; }
.button button { display:inline-block; margin:0 5px; padding:0 60px; font-size:18px; font-weight:600; color:#fff; line-height:51px; background-color:#333; border:none; }
.button button.on { background-color:#51ac07; }

@media screen and (max-width:768px) {
	.wrap { width:auto; margin:0 20px; }

	table.board-write { margin-top:55px; }
	table.board-write th { display:block; width:100%; font-size:13px; line-height:20px; padding:10px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	table.board-write td { display:block; width:100%; padding:10px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	table.board-write td em { margin-left:5px; font-size:13px; line-height:30px; }
	table.board-write td em.space { width:3.5%; margin-left:0; font-size:13px; line-height:30px; }
	table.board-write td input { height:30px; padding-left:10px; font-size:13px; }
	table.board-write td input.check { width:12px; height:12px; margin:9px 8px 0 0; }
	table.board-write td select { height:30px; padding-left:10px; font-size:13px; }
	table.board-write td textarea { height:120px; padding:5px 10px; font-size:13px; }
	table.board-write td .width1 { width:100%; }
	table.board-write td .width2 { width:100%; }
	table.board-write td .width3 { width:31%; }
	table.board-write td p { margin-top:5px; }
	table.board-write td a { width:36%; margin-left:2%; padding:0; font-size:13px; line-height:30px; text-align:center; }

	.button { margin-top:40px; }
	.button a { width:32%; margin:0 0 0 2%; padding:0; font-size:14px; line-height:37px; }
	.button a:first-child { margin:0; }
	.button button { width:32%; margin:0 0 0 2%; padding:0; font-size:14px; line-height:37px; }
	.button button:first-child { margin:0; }
}