@charset "UTF-8";

/*   공통   */
.mo-view {display: none !important;}
.pc-view {display: block !important;}

.mobile-only {display: none;}

@media screen and (max-width: 1200px) {
	.mid-item .mobile-hide {display: none !important;} 
}
@media screen and (max-width: 960px) {
	.mobile-hide {display: none !important;}
	.mobile-only {display: block;} 
}

/**  heading  **/
h3 {color: #333; font-size: 40px; font-weight: 700;}
h3 .ver {color: #222; font-size: 20px; display: inline-block; margin-left: 5px;}
h4 {font-size: 26px; color: #333; font-weight: 700; padding-top: 60px;}
h4 .right {float: right; margin-top: 0 !important;}
h5 {font-size: 20px; color: #333; font-weight: 700; padding-top: 60px;}
p, dd {line-height: 1.75;}
hr {border: none; border-top: 1px solid #d9d9d9;}
a, button {-webkit-tap-highlight-color: transparent;}

img {width: 100%;}

@media screen and (max-width: 960px) {
	h3 {font-size: 25px;}
	h4 {font-size: 18px; padding-top: 50px; line-height: 26px;}
	h5 {font-size: 16px; padding-top: 40px;}
	p, dd {font-size: 13px; line-height: 20px;}
	span, strong {font-size: 12px;}
}

.clearfix {content:""; clear:both;}
.cf:after {content:''; clear: both; display: block;}

.point {color: #005891;}
.point02 {color: #0079cd;}

.hide {font-size: 0; height: 0; line-height: 0; width: 0; overflow: hidden;}
.hidden {width: 1px; height: 1px; position: absolute; left: -9999px; top: -9999px; overflow: hidden;}
.blind {position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */  clip:rect(1px, 1px, 1px, 1px);}

*:focus {outline: 2px border #000 !important; outline-offset: -2px;}
#contents:focus {outline: none;}

select {width: 250px; padding-left: 10px; font-family: inherit; border: 1px solid #ccc; background: url(../img/select.png) no-repeat right center; background-size: contain; vertical-align: middle; height: 45px; border-radius: 0; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box;}

select::-ms-expand {display: none;}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"] {line-height: 32px; height: 32px; width: 400px; font-size: 15px; border: 1px solid #ccc; vertical-align: middle; padding-left: 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type="button"] {height: 32px; line-height: 32px; background: #005890; color: #fff; text-align: center; min-width: 90px; border: none; font-size: 14px; cursor: pointer; margin: 0 2px; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="file"] {padding: 0; margin: 0; background: #f5f5f5; border: 1px solid #d9d9d9; width: 400px;}
input[type="file"]::-webkit-file-upload-button {appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; border: 0; background: #343f4e; line-height: 45px; margin: 0px; width: 100px; cursor: pointer;}
input[type="file"]::-ms-value {border: 0; height: 45px;}
input[type="file"]::-ms-browse {color: #fff; border: 0; background: #343f4e; width: 100px;}
a.file {background: url(../img/common/btn_file.png) no-repeat 10px center; line-height: 28px; color: #005890; padding-left: 35px; padding-right: 10px; display: inline-block;}

textarea {width: 100%; min-height: 160px; padding: 10px; border: 1px solid #d9d9d9; color: #666; line-height: 24px; vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; font-family: 'Noto Sans KR','Apple SD Gothic Neo','malgun gothic','맑은 고딕','돋움','dotum';}

@media screen and (max-width: 960px) {
	select {padding-left: 10px; height: 40px;} 
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"] {line-height: 30px; height: 32px; text-indent: 10px; font-size: 16px;}
	input[type="button"] {min-width: 60px; font-size: 12px;} 
	a.file {font-size: 12px; padding-left: 30px;}
	textarea {height: 220px; padding: 15px; margin-top: 3px; line-height: 17px; font-size: 12px;}
	input[type="file"] {width: 100%;} 
}

/**  table  **/
table {border-top: 2px solid #333; width: 100%; margin-top: 20px;}
table tbody th {font-weight: 400; background: none; color: #666;}
table tbody th.bg {background: #f5f5f5; font-weight: 700;}
table thead tr.last th {font-weight: 400;}
table th {border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 12px 10px; color: #333; font-weight: 700; background: #f5f5f5; vertical-align: middle; text-align: center; line-height: 18px;}
table th.line {border-left: 1px solid #e5e5e5;}
table th:last-child {border-right: none;}

table td {border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 12px 9px; vertical-align: middle; text-align: center; line-height: 20px;}
table td.line {border-left: 1px solid #e5e5e5;}
table td.tl {padding-left: 20px; text-align: justify; word-break: keep-all;}
table td:last-child {border-right: none;}
table td .btn-wrap {padding: 20px 0;}
table.re-pd td {padding: 20px 5px;}

table.sm th, table.sm td {padding: 5px 0; font-size: 12px;}
table.sm th span, table.sm td span {font-size: 11px; line-height: 0;}

.tbl-tit {position: relative; padding-top: 30px; font-size: 16px; font-weight: 700; color: #333;}
.tbl-info {padding-top: 15px; font-size: 15px;}
.tbl-info strong { color:#2070b7; font-size: 15px;}
.tbl-info:after {content: ""; display: block; clear: both;}
.tbl-info .tl {float: left; display: inline-block; padding-bottom: 5px; width: 100%; margin-right: 5px; color: #808080; vertical-align: middle;}
.tbl-info .tl:first-child {width: 40px;}
.tbl-info .tl:last-child {vertical-align: middle;}
.tbl-info .tl > li {margin-bottom: 5px; color: #808080; margin-left: 15px; text-indent: -15px; line-height: 1.5; text-align: justify; word-break: keep-all;}

@media screen and (max-width: 960px) {
	table th, table td {padding: 8px 3px; font-size: 12px;}
	table td .ico {width: 10px !important;}
	table td img {width: 100% !important;}
	table td img.title_icon {width: 25px; height: 13px;}
	.table_inner.scroll {position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.table_inner.scroll table {width: 800px; margin-top: 15px;}
	.msg_touch_help {position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -32px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;}
	.msg_touch_help img {width: 80px; height: 80px;}
	.tbl-info {padding-top: 15px;}
	.tbl-info:after {content: ""; display: block; clear: both;}
	.tbl-info .tl {float: left; width: 85%; margin-right: 5px; color: #808080;}
	.tbl-info .tl:first-child {width: 28px;}
	.tbl-info .tl:last-child {margin-top: -3px; margin-right: 0;}
	.tbl-info .tl > li {margin-left: 12px; font-size: 12px; text-indent: -12px;} 
}

/** 모달 팝업 **/
.modal-wrap {display: none;}

#lnb {width: 100%; border-bottom: 1px solid #d9d9d9; line-height: 50px; position: relative; z-index: 11; background: #fff;}
#lnb .container {position: relative;}
#lnb .container:after {content: ""; display: block; clear: both;}
#lnb .container > ul {float: left; border-left: 1px solid #d9d9d9;}
#lnb .container > ul > li {float: left; width: 235px; position: relative; border-right: 1px solid #d9d9d9; background: url("../img/lnb_arrow.png") no-repeat right top;}
#lnb .container > ul > li.on {background-position: right bottom;}
#lnb .container > ul > li.home {width: 50px;}
#lnb .container > ul > li.home a {background: url("../img/lnb_home.png") no-repeat center; text-indent: -9999px; display: block; width: 50px; height: 50px; border-right: 1px solid #d9d9d9;}
#lnb .container > ul > li.three { width: 215px;}
.premium #lnb .container > ul > li.three {width: 250px;}
#lnb .container > ul > li.four {width: 235px;}
#lnb .container > ul > li > a {color: #333; text-indent: 20px; display: block; width: 100%; font-weight: 700; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis;}
#lnb .container > ul > li ul {display: none; border: 1px solid #d9d9d9; border-top: none; position: absolute; left: -1px; top: 51px; background-color: #fff; padding: 20px 0; width: 100%;}
#lnb .container > ul > li ul > li {border: none; width: 100%;}
#lnb .container > ul > li ul > li a {color: #333; text-indent: 20px; display: block; line-height: 35px; background: none; font-weight: 400;}
#lnb .container > ul > li ul > li a:hover, #lnb .container > ul > li ul > li a.on {color: #005890; font-weight: 700;}
#lnb .container .all-menu {position: absolute; top: 0; right: 0px;}
#lnb .container .all-menu .btn-menu {width: 50px; height: 50px; display: block; background: url("../img/lnb_menu.png") no-repeat center; background-size: contain;}
#lnb .container .share {position: absolute; top: 0; right: 15px;}
#lnb .container .share .btn-share {width: 50px; height: 50px; display: block; background: url("../img/lnb_share.png") no-repeat center; background-size: contain; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
#lnb .container .share div {display: none; background: #fff; padding-top: 60px; border: 1px solid #d9d9d9; border-top: none; position: absolute; top: 0; right: 0;}
#lnb .container .share div ul {width: 158px;}
#lnb .container .share div ul li {margin: 20px; margin-top: 0;}
#lnb .container .share div ul li a {display: block; height: 100%; line-height: 30px; padding-left: 40px; font-size: 15px; color: #222;}
#lnb .container .share div ul li a.facebook {background: url("../img/lnb_facebook.png") no-repeat 0 0;}
#lnb .container .share div ul li a.twitter {background: url("../img/lnb_twitter.png") no-repeat 0 0;}
#lnb .container .share div ul li a.kakao {background: url("../img/lnb_kakao.png") no-repeat 0 0;}
#lnb .container .share div ul li a.google {background: url("../img/lnb_google.png") no-repeat 0 0;}
#lnb .container .share div ul li a.mail {background: url("../img/lnb_mail.png") no-repeat 0 0;}
#lnb .container .share div ul li a.url {background: url("../img/lnb_url.png") no-repeat 0 0;}
#lnb .container .share div ul li a.print {background: url("../img/lnb_print.png") no-repeat 0 0;}
#lnb .container .share div .close {width: 50px; height: 50px; display: block; position: absolute; top: 0; right: 0; background: url("../img/header_close.png") no-repeat center;}
#lnb .container .share.on div {display: block;}
#lnb .greenate_logo {height: 15px;}
#lnb .innovilt_logo {height: 11px;}
#lnb .e_autopos_logo {height: 15px;}
#lnb .greenable_logo {position: relative; height: 26px; top: 8px;}
#lnb .container > ul > li.two {width: 255px;}

.eco #lnb .container > ul > li.one {width: 220px;}
.eco #lnb .container > ul > li.two {width: 200px;}
.eco #lnb .container > ul > li.three {width: 230px;}
.eco #lnb .container > ul > li.four {width: 235px;}
.eco #lnb .container > ul > li ul > li a img {margin-left: 10px;}

@media screen and (min-width: 961px) {
	#lnb.fixed {position: fixed; top: 0; left: 0; z-index: 190;} 
}

@media screen and (max-width: 960px) {
	#lnb {line-height: 38px;}
	#lnb .container {padding: 0;}
	#lnb .container > ul {width: calc(100% - 38px); border-left: none;}
	#lnb .container > ul > li {width: 100%; display: none; background-size: 38px;}
	#lnb .container > ul > li.two {display: block;}
	#lnb .container > ul > li a {text-indent: 20px; background-size: 38px; font-size: 14px;}
	#lnb .container > ul > li > ul {border: none; border-right: 1px solid #d9d9d9; width: calc(100% - 1px); top: 39px; background-color: #f5f5f5; padding: 0; left: -1px; display: none;}
	#lnb .container > ul > li > ul > li {border-bottom: 1px solid #d9d9d9; width: 100%;}
	#lnb .container > ul > li > ul > li a {line-height: 40px; width: 100%;}
	#lnb .container .share {right: 0;}
	#lnb .container .share .btn-share {width: 38px; height: 38px; border-right: 0;}
	#lnb .container .share div {background: #fff; padding-top: 40px;}
	#lnb .container .share div ul {width: 140px;}
	#lnb .container .share div ul li {margin: 20px; margin-top: 0;}
	#lnb .container .share div ul li a {line-height: 26px; padding-left: 34px; font-size: 12px; background-size: 26px !important;}
	#lnb .container .share div .close {width: 30px; height: 30px; background-size: 15px; top: 6px; right: 6px;}
	#lnb .container .share.on div {display: block;} 
	
	.automobile #lnb .container > ul > li:nth-child(3), 
	.premium #lnb .container > ul > li:nth-child(3), 
	.support #lnb .container > ul > li:nth-child(3) {display: block;}
	.automobile #lnb .container > ul > li:last-child, 
	.premium #lnb .container > ul > li:last-child, 
	.support #lnb .container > ul > li:last-child {display: none;}
	.search-center #lnb .container > ul > li:nth-child(2) {display: block;}
	.privacy #lnb {display: none;}
}

/**** 190418 웹접근성 관련 수정 ****/

nav#lnb.fixed + div#contents {padding-top:80px;}

/** FOOTER **/
footer {position: relative; padding-bottom: 30px; z-index: 10;}
footer .ft-wrap {background: #5a6473; max-height: 165px;  }
footer .ft-wrap .container {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;} /*240509 제조공정> footer 늘어나는 현상 개선 추가 */
footer .ft-wrap .container .sitemap {width: 100%;}/*240509 제조공정> footer 늘어나는 현상 개선 추가 */
footer .container {position: relative;} /* 190423 웹접근성 마크 추가 */
footer .container:after {content: ""; display: block; clear: both;}

/* ------------- 필요할 수도 있으므로 남겨둠 ---------------------
footer .container .sitemap .menu {width: 20%; float: left; margin: 43px 0 28px;}
footer .container .sitemap .menu:first-child {width: 40%;}
footer .container .sitemap .menu:first-child:after {content: ""; display: block; clear: both;}
footer .container .sitemap .menu:first-child ul {float: left; width: 50%;}
footer .container .sitemap .menu:after {content: ""; display: block; clear: both;}
footer .container .sitemap .menu > ul > li {margin-bottom: 15px;}
footer .container .sitemap .menu > ul > li a {color: #fff; font-size: 16px; font-weight: 700; opacity: 1;}
footer .container .sitemap .menu strong {display: block; margin-bottom: 20px; float: left; width: 100%;}
footer .container .sitemap .menu strong a {color: #fff; font-weight: 700; font-size: 16px;}
footer .container .sitemap .menu .sub li {font-size: 15px; margin-bottom: 10px;}
footer .container .sitemap .menu .sub li a {color: #fff; opacity: .7;}
footer .container .sitemap > ul {width: 20%; float: left; margin-top: 43px;}
footer .container .sitemap > ul li {}
footer .container .sitemap > ul li a {color: #fff; font-weight: 700;}
footer .container .right-ui {width: 30%; float: right; margin: 15px 0;}
footer .container .right-ui li {text-align:right;}
footer .container .right-ui li:nth-child(1) {font-weight:bold; color:#fff; font-size:16px;}
footer .container .right-ui li:nth-child(2) a:before {background-position: 0 0;}
footer .container .right-ui li:nth-child(3) a:before {background-position: 0 -64px;}
footer .container .right-ui li:nth-child(4) a:before {background-position: 0 -95px;}
footer .container .right-ui a {display: block; color: #fff; font-weight: 700;}
footer .container .right-ui a:before {display: inline-block; content: ''; margin-right: 10px; width: 16px; height: 16px; vertical-align: middle;}
footer .container .right-ui ul li a .footer_ci {width:67px; margin-left:-2px; margin-right:5px; position:relative;}
*/
footer .container .foot-links {padding-top: 40px;}
footer .container .foot-links:after {content: ""; display: block; clear: both;}
footer .container .foot-links li {float: left;}
footer .container .foot-links li a {display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #dedede; border-right: 1px solid #d9d9d9; font-size: 14px;}
footer .container .foot-links li strong {color: #333;}
footer .container .foot-links li:last-child a {border: none; padding-right: 0; margin-right: 0;}
footer .container .address {margin-top: 10px;}
footer .container .address:after {content: ""; display: block; clear: both;}
footer .container .address li {float: left; font-size: 14px;}
footer .container .address li:nth-child(2) {margin-left: 10px; padding-left: 10px; border-left: 1px solid #d9d9d9;}
footer .container .address li:last-child {margin-left: 10px; padding-left: 10px; border-left: 1px solid #d9d9d9;}
footer .container .copyright {margin-top: 10px; margin-bottom: 30px; font-size: 14px;}
footer .container .waWrap {position: absolute; right: 15px; bottom: 100px;} /* 190423 웹접근성 마크 추가 */
footer .container .waWrap img {width:100%;}

.footer_e {display: inline-block; width: 35%;}
.m_footer_e {display:none;}

@media screen and (max-width: 960px) {
	footer {/* border-top: 1px solid #5a6473; */ position: relative; z-index: 10;}
	footer .ft-wrap {max-height: none;}/*240509 제조공정> footer 늘어나는 현상 개선 추가 */
	footer .ft-wrap .container {display: block;}/*240509 제조공정> footer 늘어나는 현상 개선 추가 */

/* ------------- 필요할 수도 있으므로 남겨둠 ---------------------
	footer .container .sitemap .menu-wrap {display: none;}
	footer .container .sitemap .tit {color: #333; font-weight: 700; margin-bottom: 0; float: none; line-height: 40px; border-bottom: 1px solid #d9d9d9; background: #fff; background: url("../img/mobile_footer_accodion.png") no-repeat right top #fff; background-size: 40px; font-size: 13px; text-indent: 21px; cursor: pointer;}
	footer .container .sitemap .tit.on {background-position: right bottom;}
	footer .container .sitemap.on .menu-wrap {display: block;}
	footer .container .sitemap > ul {float: left; padding-top: 15px; margin-top: 0; width: 50%; text-indent: 21px;}
	footer .container .sitemap > ul:after {content: ""; display: block; clear: both;}
	footer .container .sitemap > ul li {float: left; width: 100%;}
	footer .container .sitemap > ul li a {font-size: 13px;}
	footer .container .sitemap .menu {width: 100%; float: none; margin: 0; background: #f5f5f5; text-indent: 21px;}
	footer .container .sitemap .menu:first-child {padding-top: 15px; width: 100%;}
	footer .container .sitemap .menu strong a {color: #333; font-size: 13px;}
	footer .container .sitemap .menu > ul > li a {font-size: 13px; color: #333;}
	footer .container .sitemap .menu strong {display: block; margin-bottom: 10px;}
	footer .container .sitemap .menu .sub {padding: 15px 0 5px 0; font-size: 12px;}
	footer .container .sitemap .menu .sub ul {padding-top: 10px; margin: 0 20px; text-indent: 0;}
	footer .container .sitemap .menu .sub ul:after {content: ""; display: block; clear: both;}
	footer .container .sitemap .menu .sub li {float: left; padding-left: 20px;}
	footer .container .sitemap .menu .sub li:first-child {padding-left: 0;}
	footer .container .sitemap .menu .sub li a {font-size: 12px; color: #666; opacity: 1;}
	footer .container .right-ui {width: 50%; float: right; padding-bottom: 15px; margin-top: 10px;}
	footer .container .right-ui ul:after {content: ""; display: block; clear: both;}
	footer .container .right-ui ul li {width: 100%; padding-right:10px; box-sizing:border-box;}
	footer .container .right-ui ul li:nth-child(1) {font-size:14px;}
	footer .container .right-ui ul li:last-child {margin-bottom: 0;}
	footer .container .right-ui ul li a {font-size: 12px;}
	footer .container .right-ui > a {margin-bottom: 0; font-size: 12px; line-height: 40px; background: url(../img/mobile_footer_accodion.png) no-repeat right top #fff; background-size: 40px; text-indent: 21px; border-top: 1px solid #e5e5e5;}
	footer .container .right-ui > a img {display: none;}
	footer .container .right-ui > a.on {background-position: right bottom;}
*/
	footer .container .foot-links {padding-top: 10px; padding: 15px 20px 0;}
	footer .container .foot-links li {padding: 5px 0;}
	footer .container .foot-links li a {letter-spacing: 0; font-size: 12px;}
	footer .container .foot-links li a strong {font-size: 12px;}
	footer .container .address {padding: 0 21px; line-height: 1.6;}
	footer .container .address li {float: none; font-size: 12px;}
	footer .container .address li:nth-child(2) {margin-left: 0; padding-left: 0; border-left: none;}
	footer .container .address li:last-child {margin-left: 0; padding-left: 0; border-left: none;}
	footer .container .copyright {padding-left: 21px; margin-top: 10px; margin-bottom: 30px; font-size: 12px;}
	footer .container .waWrap {display: inline-block; bottom: 10%; right: 10px;} /* 190423 웹 접근성 마크 추가 */
	.footer_e {display: none; width: 35%;}
	.m_footer_e {display:inline-block;} 
}

@media screen and (max-width: 575px) {
    footer .container .copyright {margin-bottom: 20px;}
	footer .container .waWrap {position: static; width: 120px; margin-left: 20px;}
}

/*     서브페이지 공통     */
.subtop {background-size: cover !important; height: 252px; width: 100%;}
.subtop .container {display: table; height: 252px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.subtop .container .mid {display: table-cell; vertical-align: middle;}
.subtop .container .mid h2 {padding-top: 0;}
.subtop .container .mid span.e_autopos_logo {width: 262px; height: 50px; padding-top: 20px; float: right;}
.subtop .container .mid span.e_autopos_logo img {width: 100%;}
.subtop .container .top {font-size: 18px; color: #fff; display: block; margin-bottom: 10px;}
.subtop h2 {padding: 5px 0 0; font-size: 48px; color: #fff; font-weight: 350; text-shadow: 2px 2px 3px black;}
.subtop h2 strong {font-size: 48px; color: #fff; font-weight: 700;}
.subtop em {display: block; padding-bottom: 5px; color: #fff; font-size: 18px; font-weight: 350; text-shadow: 2px 2px 3px black;}
.subtop em strong {color: #fff; font-size: 18px; font-weight: 500;}
.subtop p {padding-top: 20px; color: #fff; font-size: 15px; text-shadow: 2px 2px 3px black;}

@media screen and (max-width: 960px) {
	.subtop {display: table; height: 150px;}
	.subtop .container {display: table-cell; padding-top: 0; vertical-align: middle; height: 150px;}
	.subtop .container .top {display: none;}
	.subtop em {font-size: 1.000em;}
	.subtop em strong {font-size: 1.000em;}
	.subtop h2 {padding: 10px 0; font-size: 28px;}
	section.greenate .subtop h2 strong {font-size: 0.8em; white-space: nowrap;}
	.subtop h2 strong {font-size: 1.0em;}
	.subtop p {display: none; font-size: 0.800em;}
	.subtop p.txt01 {display: block; padding-top: 0; font-size: 13px;} 
}

/** 컨텐츠 상단 시작 **/
.content-heade {overflow: visible; /* hideen 사용하면 안됨 */ padding: 40px 0 20px;}
.content-heade:after {content: ''; display: block; clear: both;}
.content-heade .title-area {float: left;}
.content-heade .title {font-size: 25px; line-height: 36px;}
.content-heade .right-area {float: right;}
.content-heade p.txt {font-size:17px; margin-top:20px;}
.content-heade p.txt a {font-weight:bold; color:blue; text-decoration:underline;}

@media screen and (min-width: 961px) {
	.ico-play {width: 60px; height: 60px; background-size: 60px;}
	.content-heade {padding: 60px 0 40px;}
	.content-heade .title {font-size: 40px; line-height: 40px;} 
}
@media screen and (max-width: 767px) {
	.content-heade .title-area h3.title {font-size: 26px;}
}
/** 컨텐츠 상단 끝 **/

/*  고객지원  */
.support .subtop.sub01 {background: url("../img/subtop01.jpg") no-repeat 50% 50%;}
.support .subtop.sub02 {background: url("../img/subtop02.jpg") no-repeat 50% 50%;}
.support .subtop.sub03 {background: url("../img/subtop03.jpg") no-repeat 50% 50%;}
.support .subtop.sub04 {background: url("../img/subtop04.jpg") no-repeat 50% 50%;}
.support .subtop.sub05 {background: url("../img/subtop05.jpg") no-repeat 50% 50%;}
.support .subtop.sub06 {background: url("../img/subtop06.jpg") no-repeat 50% 50%;}

.customer-service {padding: 40px;}
.customer-service .sevice-innr:after {content: ""; display: block; clear: both;}

.customer-service .call-scvc {position: relative; top: -1px; padding: 30px 0 35px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center;}
.customer-service .call-scvc span {font-size: 20px;}
.customer-service .call-scvc span.txt {padding-right: 30px; color: #666633;}
.customer-service .call-scvc span.txt:before {position: relative; top: 2px; display: inline-block; margin-right: 10px; content: ''; width: 35px; height: 26px; background: url("../img/ico_call_b.png") no-repeat;}
.customer-service .call-scvc span.numb {font-weight: 700; color: #333;}

@media screen and (max-width: 400px) {
	.customer-service .service-list > li {width: 100%;} 
}

/*============== Bottom To top Scroll ==============*/

#back2Top.top-scroll1 {width: 60px; height: 60px; line-height: 50px; overflow: hidden; z-index: 999; cursor: pointer; position: fixed; bottom: 15px; right: 10%; text-align: center; font-size: 18px; border: 4px solid #fff; border-radius: 30px; box-shadow: 0 0 7px #282d37; text-decoration: none !important; background: #CA1F27; color: #fff; transition: 0.3s all;}

#back2Top.top-scroll1 i {color: #fff;}

#back2Top.top-scroll1:hover {background-color: #FF9900 !important; color: #fff;}

#back2Top.top-scroll2 {width: 60px; height: 60px; line-height: 50px; overflow: hidden; z-index: 999; cursor: pointer; position: fixed; bottom: 151px; right: 10%; text-align: center; font-size: 18px; border: 4px solid #fff; border-radius: 30px; box-shadow: 0 0 7px #282d37; text-decoration: none !important; background: #ff3333; color: #fff; transition: 0.3s all;}

#back2Top.top-scroll2:hover {background-color: #FF9900 !important; color: #fff;}

#back2Top.top-scroll3 {width: 60px; height: 60px; line-height: 50px; overflow: hidden; z-index: 999; cursor: pointer; position: fixed; bottom: 83px; right: 10%; text-align: center; font-size: 18px; border: 4px solid #fff; border-radius: 30px; box-shadow: 0 0 7px #282d37; text-decoration: none !important; background: #ff9900; color: #fff; transition: 0.3s all;}

#back2Top.top-scroll3:hover {background-color: #FF9900 !important; color: #fff;}

@media (max-width: 1599px) {
	#back2Top.top-scroll1, #back2Top.top-scroll2, #back2Top.top-scroll3 {right: 5%;}
}

@media (max-width: 1399px) {
	#back2Top.top-scroll1, #back2Top.top-scroll2, #back2Top.top-scroll3 {right: 3%;}
}

@media (max-width: 767px) {
	#back2Top.top-scroll1 {width: 50px; height: 50px; line-height: 40px; font-size: 16px; right: 1%;}
	#back2Top.top-scroll2 {width: 50px; height: 50px; line-height: 40px; font-size: 16px; right: 1%; bottom: 131px;}
	#back2Top.top-scroll3 {width: 50px; height: 50px; line-height: 40px; font-size: 16px; right: 1%; bottom: 73px;}
}