@charset 'euc-kr';

/* ¹öÆ° °øÅë */
#sub_viwecont .btn_areaC a.btnwhite.txt {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 500;
	margin-left: 15px;
}
#sub_viwecont .btn_areaC a.btnwhite.txt:first-child {
	margin-left: 0px;
}

/* °í°´¼¾ÅÍ °øÅë */
ul.cscenter_contact_us {
	margin-top: 80px;
	overflow: hidden;
}
section#contents > p.intro_guide + ul.cscenter_contact_us {
	margin-top: 50px;
}
ul.cscenter_contact_us li {
	float: left;
	width: 50%;
	height: 310px;
	padding: 70px 0px 0px 260px;
	box-sizing: border-box;
}
ul.cscenter_contact_us li.cs_center {
	color: white;
	background: #1B9C9E url(../images/cscenter/ico_common_cscenter.png) no-repeat 113px 119px;
}
ul.cscenter_contact_us li.inquiry {
	background: #ECECEC url(../images/cscenter/ico_common_inquiry.png) no-repeat 113px 119px;
}
ul.cscenter_contact_us li h2 {
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 14px;
}
ul.cscenter_contact_us li.cs_center h2 {
	color: white;
}
ul.cscenter_contact_us li p.guide {
	font-size: 18px;
	line-height: 30px;
}
ul.cscenter_contact_us li p.tel {
	margin-top: 15px;
	font-weight: bold;
	font-size: 50px;
	line-height: 64px;
	color: #90E9E7;
}
ul.cscenter_contact_us li.inquiry .btn {
	margin-top: 25px;
}
ul.cscenter_contact_us li.inquiry .btn a {
	display: block;
	width: 178px;
	padding: 9px 0px;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	font-weight: 500;
	border: 1px solid #101010;
	border-radius: 100px;
	background-color: transparent;
	transition: 0.3s ease color,0.3s ease background-color;
}
ul.cscenter_contact_us li.inquiry .btn a:hover,
ul.cscenter_contact_us li.inquiry .btn a:focus {
	color: white;
	background-color: #101010;
}

/* °í°´¼¾Å;ȳ»(¸ÞÀÎ) */
ul.csmain_guide_check {
	width: 880px;
	overflow: hidden;
	margin: 80px auto 0px;
}
ul.csmain_guide_check li {
	float: left;
	width: 180px;
	margin-left: 170px;
}
ul.csmain_guide_check li:first-child {
	margin-left: 0px;
}
ul.csmain_guide_check li a {
	display: block;
}
ul.csmain_guide_check li a span {
	display: block;
}
ul.csmain_guide_check li a span.ico {
	position: relative;
	width: 178px;
	height: 178px;
	border: 1px solid #C7C7C7;
	border-radius: 90px;
	transition: 0.3s ease border-color;
}
ul.csmain_guide_check li a:hover span.ico,
ul.csmain_guide_check li a:focus span.ico {
	border-color: #1B9C9E;
}
ul.csmain_guide_check li a span.ico img {
	position: absolute;
}
ul.csmain_guide_check li a span.ico.office img {
	top: 55px;
	left: 57px;
}
ul.csmain_guide_check li a span.ico.price img {
	top: 62px;
	left: 63px;
}
ul.csmain_guide_check li a span.ico.as img {
	top: 63px;
	left: 54px;
}
ul.csmain_guide_check li a span.txt {
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	margin-top: 24px;
}
.csmain_latest {
	position: relative;
	min-height: 240px;
	padding: 53px 0px 0px 300px;
	border-top: 3px solid #101010;
	margin-top: 80px;
}
.csmain_latest h2 {
	position: absolute;
	top: 53px;
	left: 0px;
	font-size: 28px;
	line-height: 41px;
}
.csmain_latest a.btn_more {
	position: absolute;
	top: 108px;
	left: 0px;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	padding-right: 16px;
	background: url(../images/template/bullet_more.png) no-repeat right 7px;
}
.csmain_latest ul {
	overflow: hidden;
}
.csmain_latest ul li.empty {
	float: none !important;
	width: 100% !important;
	padding: 56px 0px 87px !important;
	text-align: center;
	color: #A8A8A8;
	font-size: 18px;
	line-height: 27px;
}
.csmain_latest ul li a {
	display: block;
	font-size: 18px;
	line-height: 27px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.csmain_latest ul li a strong.category {
	color: #1B9C9E;
	margin-right: 15px;
}
.csmain_latest ul li time {
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #5E5E5E;
	font-family: HK Nova;
	letter-spacing: 0px;
}
.csmain_latest ul.faq {
	margin-top: -21px;
}
.csmain_latest ul.faq li {
	position: relative;
	overflow: hidden;
	padding: 21px 180px 21px 0px;
	border-bottom: 1px solid #C7C7C7;
}
.csmain_latest ul.faq li time {
	position: absolute;
	top: 24px;
	right: 40px;
}
.csmain_latest ul.news {
	margin-top: -26px;
}
.csmain_latest ul.news li {
	float: left;
	width: 48.5%;
	padding: 26px 0px;
	margin-left: 3%;
	border-bottom: 1px solid #C7C7C7;
}
.csmain_latest ul.news li:nth-child(2n-1) {
	margin-left: 0px;
}
.csmain_latest ul.news li time {
	margin-top: 8px;
}

/* FQA */
dl.faq_list {
	border-top: 4px solid #101010;
	margin: 60px 0px 50px;
}
dl.faq_list dt a {
	position: relative;
	display: block;
	padding: 35px 160px 37px 130px;
	border-bottom: 1px solid #C7C7C7;
}
dl.faq_list dt a.active {
	border-bottom-width: 0px;
	background-color: #1B9C9E;
}
dl.faq_list dt a:before {
	position: absolute;
	top: 50%;
	left: 40px;
	content: '';
	display: block;
	width: 45px;
	height: 45px;
	margin-top: -22px;
	background: url(../images/cscenter/ico_faq_q.png) no-repeat left top;
}
dl.faq_list dt a.active:before {
	background-position: left bottom;
}
dl.faq_list dt a:after {
	position: absolute;
	top: 50%;
	right: 50px;
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: url(../images/cscenter/btn_faq.png) no-repeat left top;
}
dl.faq_list dt a:hover:after,
dl.faq_list dt a:focus:after {
	background-position: center left;
}
dl.faq_list dt a.active:after,
dl.faq_list dt a.active:hover:after,
dl.faq_list dt a.active:focus:after {
	background-position: left bottom;
}
dl.faq_list dt a strong.category,
dl.faq_list dt a span.subject {
	display: block;
}
dl.faq_list dt a strong.category {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 24px;
	color: #907E72;
}
dl.faq_list dt a.active strong.category {
	color: #B8FFFE;
}
dl.faq_list dt a span.subject {
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
}
dl.faq_list dt a:hover span.subject,
dl.faq_list dt a:focus span.subject {
	color: #1B9C9E;
}
dl.faq_list dt a.active span.subject {
	color: white;
}
dl.faq_list dd {
	position: relative;
	display: none;
	color: white;
	padding: 40px 160px 60px 130px;
	margin-top: -1px;
	background: #1B9C9E;
}
dl.faq_list dd:before {
	content: '';
	display: block;
	width: 18px;
	height: 30px;
	position: absolute;
	top: 45px;
	left: 52px;
	background: url(../images/cscenter/ico_faq_a.png) no-repeat left top;
}
dl.faq_list dd:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-width: 0px 40px;
	border-style: solid;
	border-color: #1B9C9E;
	box-sizing: border-box;
	background-color: #68C8C6;
}
dl.faq_list dd p {
	font-size: 17px;
	line-height: 30px;
	font-weight: 500;
}
dl.faq_list dd a {
	color: white;
}

/* ¹®ÀÇÇϱâ ÀÛ¼º */
.qna_write {
	position: relative;
	padding: 70px 120px;
	border-top: 4px solid #101010;
	background-color: white;
}
.qna_write h3 {
	font-size: 28px;
	line-height: 41px;
	margin-bottom: 20px;
}
.qna_write p.require_guide {
	position: absolute;
	top: 65px;
	right: 120px;
	line-height: 52px;
	height: 52px;
}
.qna_write p.require_guide img.ico {
	position: relative;
	top: -2px;
	margin-right: 6px;
}
.qna_write p.require_guide a.btn {
	position: relative;
	top: -2px;
	display: inline-block;
	padding: 13px 30px;
	border: 1px solid #907E72;
	border-radius: 3px;
	vertical-align: middle;
	margin-left: 30px;
	font-weight: 500;
	font-size: 16px;
	color: #907E72;
	line-height: 24px;
	transition: 0.3s ease color,0.3s ease background-color;
}
.qna_write p.require_guide a.btn:hover,
.qna_write p.require_guide a.btn:focus {
	color: white;
	background-color: #907E72;
}
.qna_write table.write_form {
	border-bottom: 1px solid #101010;
}
.qna_write table.write_form tbody tr th[scope="row"],
.qna_write table.write_form tbody tr td {
	vertical-align: top;
	border-top: 1px solid #C7C7C7;
}
.qna_write table.write_form tbody tr:first-child th[scope="row"],
.qna_write table.write_form tbody tr:first-child td {
	border-top-width: 0px;
}
.qna_write table.write_form tbody tr th[scope="row"] {
	padding: 33px 0px 32px;
	text-align: left;
	font-size: 17px;
	line-height: 25px;
}
.qna_write table.write_form tbody tr th[scope="row"] strong.require img {
	vertical-align: top;
	margin: 2px 0px 0px 3px;
}
.qna_write table.write_form tbody tr td {
	padding: 20px 0px;
}
.qna_write table.write_form tbody tr td input,
.qna_write table.write_form tbody tr td textarea {
	width: 100%;
}
.qna_write table.write_form tbody tr td p.warning {
	font-size: 15px;
	color: #FF0000;
	padding: 0 0 0 27px;
	margin: 10px 0 0;
	line-height: 22px;
	background: url(../images/member/ic_warning.png) no-repeat left 1px;
}
.qna_write table.write_form tbody tr td p.text_limit {
	margin-top: 10px;
	text-align: right;
	font-size: 14px;
	line-height: 21px;
	color: #888888;
}
.qna_write table.write_form tbody tr td p.text_limit + p.warning {
	margin-top: -22px;
}
.qna_write table.write_form tbody tr td p.text_limit span.length {
	color: #444444;
}
.qna_write table.write_form tbody tr td .check_agree {
	margin-top: 20px;
	line-height: 1;
}
.qna_write table.write_form tbody tr td .check_agree h4,
.qna_write table.write_form tbody tr td .check_agree ul,
.qna_write table.write_form tbody tr td .check_agree ul li {
	display: inline-block;
	vertical-align: middle;
}
.qna_write table.write_form tbody tr td .check_agree h4 {
	width: 445px;
	color: #1B9C9E;
	font-size: 16px;
	line-height: 24px;
	padding-left: 13px;
	background: url(../images/cscenter/ico_mail_check.png) no-repeat left center;
}
.qna_write table.write_form tbody tr td .check_agree ul li {
	margin-left: 25px;
}


/*200712*/

.check_AGree {
	margin-top: 20px; padding-bottom:20px;
	line-height: 1;
}

 .check_AGree ul { float:right;}
 .check_AGree ul,
.check_AGree ul li {
	display: inline-block;
	vertical-align: middle;
}
.check_AGree h4 {
	width: 445px; float:left;
	color: #1B9C9E;
	font-size: 16px;
	line-height: 24px;
	padding-left: 13px;
	background: url(../images/cscenter/ico_mail_check.png) no-repeat left center;
}
.check_AGree ul li {
	margin-left: 25px;
}
/*200712*/
.qna_write table.write_form tbody tr td ul.addfile_list li {
	margin-top: 10px;
}
.qna_write table.write_form tbody tr td ul.addfile_list li:first-child {
	margin-top: 0px;
}
.qna_write table.write_form tbody tr td ul.addfile_list li input[type="text"] {
	width: 628px;
}
.qna_write table.write_form tbody tr td ul.addfile_list li span.find_file {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 130px;
	padding: 13px 0px;
	margin: 0px 10px;
	text-align: center;
	line-height: 24px;
	border-radius: 3px;
	background-color: #444444;
}
.qna_write table.write_form tbody tr td ul.addfile_list li span.find_file b.txt {
	color: white;
}
.qna_write table.write_form tbody tr td ul.addfile_list li span.find_file input[type="file"] {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.qna_write table.write_form tbody tr td ul.addfile_list li a.add_delete {
	margin-left: 10px;
}
.qna_write table.write_form tbody tr td p.explain {
	margin-top: 20px;
	padding-left: 30px;
	font-size: 15px;
	color: #444444;
	line-height: 25px;
	background: url(../images/template/ico_explain.png) no-repeat left 3px;
}
.qna_write .btn_area {
	margin: 58px 0px 2px;
}

/* ¹®ÀÇÇϱ⠳»¿ª */
.qna_history ul.history_list {
	border-top: 4px solid #101010;
}
.qna_history ul.history_list li {
	border-bottom: 1px solid #C7C7C7;
}
.qna_history ul.history_list li a {
	display: block;
	position: relative;
	height: 122px;
	padding: 30px 410px 30px 50px;
}
.qna_history ul.history_list li a p.category {
	line-height: 24px;
	color: #1B9C9E;
	margin: 11px 0px 5px;
	font-weight: 500;
}
.qna_history ul.history_list li a p.subject {
	font-size: 20px;
	line-height: 38px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.qna_history ul.history_list li a p.subject:first-child {
	margin-top: 24px;
}
.qna_history ul.history_list li a p.subject b {
	padding-bottom: 3px;
}
.qna_history ul.history_list li a:focus p.subject b,
.qna_history ul.history_list li a:hover p.subject b {
	border-bottom: 1px solid #101010;
}
.qna_history ul.history_list li a p.date {
	margin-top: 14px;
	line-height: 20px;
	font-family: HK Nova;
}
.qna_history ul.history_list li a p.date img.ico {
	position: relative;
	top: -2px;
	margin-right: 8px;
}
.qna_history ul.history_list li a p.condition {
	position: absolute;
	top: 30px;
	right: 50px;
	width: 240px;
	height: 122px;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
}
.qna_history ul.history_list li a p.condition.waiting {
	background-color: #F2F2F2;
}
.qna_history ul.history_list li a p.condition.complete {
	border: 2px solid #1B9C9E;
	background-color: white;
}
.qna_history ul.history_list li a p.condition:before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 100%;
	margin-left: -2px;
	vertical-align: middle;
}
.qna_history ul.history_list li a p.condition span.txt {
	display: inline-block;
	vertical-align: middle;
}
.qna_history ul.history_list li a p.condition span.txt strong {
	display: block;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
}
.qna_history ul.history_list li a p.condition.waiting span.txt strong {
	color: #5E5E5E;
}
.qna_history ul.history_list li a p.condition.complete span.txt strong {
	color: #1B9C9E;
}
.qna_history ul.history_list li a p.condition.complete span.txt time {
	display: block;
	margin-top: 4px;
	line-height: 20px;
	font-family: HK Nova;
	color: #A8A8A8;
}
.qna_history .paging {
	margin-top: 50px;
}

/* ¹®ÀÇÇÏ±â »ó¼¼ */
.qna_view {
	border-bottom: 1px solid #101010;
}
.qna_view .qv_detail {
	position: relative;
	padding: 60px 0px 100px 180px;
	border-top: 2px solid #101010;
}
.qna_view .qv_detail:first-child {
	border-top-width: 0px;
}
.qna_view .qv_detail h2 {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 84px;
	height: 84px;
	padding: 26px 0px;
	border: 1px solid #907E72;
	border-radius: 42px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	color: #907E72;
}
.qna_view .qv_detail h2.answer {
	color: white;
	background-color: #907E72;
}
.qna_view .qv_detail .content {
	font-size: 17px;
	line-height: 30px;
}
.qna_view .qv_detail h2.question + .content {
	color: #444444;
}
.qna_view .qv_detail ul.addfile_list {
	overflow: hidden;
	padding: 11px 16px 10px;
	border: 1px solid  #C7C7C7;
	margin-top: 50px;
}
.qna_view .qv_detail ul.addfile_list li {
	float: left;
	padding: 9px 15px;
	line-height: 20px;
}
.qna_view .qv_detail ul.addfile_list li:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	background: url(../images/times/file.png) no-repeat left top;
}
.qna_view .qv_detail ul.addfile_list li a {
	color: #5E5E5E;
}
.qna_view .qv_detail ul.addfile_list li a:hover,
.qna_view .qv_detail ul.addfile_list li a:focus {
	color: #101010;
	border-bottom: 1px solid #101010;
}

/* °è¾àÁ¤º¸¼öÁ¤ & ºÐ¾ç´ë±ÝÁ¶È¸ */
ul.cscenter_modify_inquiry {
	text-align: right;
	margin-bottom: 30px;
}
ul.cscenter_modify_inquiry li {
	display: inline-block;
	line-height: 0;
	margin-left: 7px;
}
ul.cscenter_modify_inquiry li a {
	display: block;
	width: 178px;
	padding: 13px 0px;
	border: 1px solid #101010;
	border-radius: 100px;
	line-height: 1;
	text-align: center;
	font-weight: 500;
	background-color: white;
	transition: 0.3s ease color,0.3s ease baackground-color;
}
ul.cscenter_modify_inquiry li a.light {
	border-color: #1B9C9E;
	color: #1B9C9E;
}
ul.cscenter_modify_inquiry li a:hover,
ul.cscenter_modify_inquiry li a:focus {
	color: white;
	background-color: #101010;
}
ul.cscenter_modify_inquiry li a.light:hover,
ul.cscenter_modify_inquiry li a.light:focus {
	background-color: #1B9C9E;
}

/* »ç¾÷¼Ò ¾È³» */
ul.cscenter_office > li {
	overflow: hidden;
	margin-top: 40px;
	padding: 60px 40px;
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color: #006466 #C7C7C7 #C7C7C7 #C7C7C7;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
}
ul.cscenter_office > li:first-child {
	margin-top: 0px;
}
ul.cscenter_office > li .office_info {
	float: left;
	padding: 0px 30px 0px 40px;
	box-sizing: border-box;
}
ul.cscenter_office > li .office_info:nth-child(1) {
	width: 658px;
}
ul.cscenter_office > li .office_info:nth-child(2) {
	width: 622px;
	border-left: 1px solid #C7C7C7;
}
ul.cscenter_office > li .office_info img.ico {
	position: relative;
	top: -1px;
	margin-right: 10px;
}
ul.cscenter_office > li .office_info p.name {
	font-weight: bold;
	font-size: 25px;
	line-height: 36px;
	color: #444444;
	margin-bottom: 20px;
}
ul.cscenter_office > li .office_info p.tel {
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	color: #006466;
	font-family: 'HK Nova';
}
ul.cscenter_office > li .office_info p.work {
	font-weight: 500;
	font-size: 18px;
	line-height: 35px;
	color: #006466;
	margin-bottom: 4px;
}
ul.cscenter_office > li .office_info > ul.location_time > li {
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px;
	color: #444444;
	text-indent: -35px;
	padding-left:35px;
}


/* ÇØ»óµµ 1440 ÀÌÇÏ ÀÏ ¶§ */
@media all and (max-width: 1440px) {

	/* °í°´¼¾ÅÍ °øÅë */
	ul.cscenter_contact_us li {
		padding: 70px 0px 0px 210px;
	}
	ul.cscenter_contact_us li.cs_center,
	ul.cscenter_contact_us li.inquiry {
		background-position: 75px 119px;
	}

	/* ¹®ÀÇÇϱâ ÀÛ¼º */
	.qna_write {
		padding: 60px;
	}
	.qna_write p.require_guide {
		position: absolute;
		top: 55px;
		right: 60px;
	}
	.qna_write table.write_form tbody tr td ul.addfile_list li input[type="text"] {
		width: 518px;
	}


	/* »ç¾÷¼Ò ¾È³» */
	ul.cscenter_office > li {
		padding: 60px 0px;
	}
	ul.cscenter_office > li .office_info:nth-child(1) {
		width: 590px;
	}
	ul.cscenter_office > li .office_info:nth-child(2) {
		width: 602px;
	}

}