@charset "utf-8";
a:link,
a:visited,
a:active,
a:hover { color:#222; }

/* 공통 */
/* padding */
.pT150 { padding-top:150px !important; }


/*e고객센터 홈*/

+ 서브비쥬얼 +

.basic_wrap .sub_visual { width:100%; height:auto; }
.basic_wrap .sub_visual .sv_inner { text-align:center; background:url('../img/home_e_center.jpg') no-repeat; background-position:center center; height:459px; }
.basic_wrap .sub_visual .sv_inner img { display:inline-block; }
.basic_wrap .sub_visual .sv_inner .sv_center { max-width:1200px; margin:0 auto; }
.basic_wrap .sub_visual .sv_inner .e_quick { text-align:center; padding-top:90px; }
.basic_wrap .sub_visual .sv_inner .e_quick ul { display:inline-block; }
.basic_wrap .sub_visual .sv_inner .e_quick li { float:left; margin-left:5px; }
.basic_wrap .sub_visual .sv_inner .e_quick li a:link,
.basic_wrap .sub_visual .sv_inner .e_quick li a:visited,
.basic_wrap .sub_visual .sv_inner .e_quick li a:active {
	background:url('../img/li_box_off.png') no-repeat;
	width:118px; height:118px;
	display:inline-block; 
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:86px 0 0 18px;
	text-align:left;
}
.basic_wrap .sub_visual .sv_inner .e_quick li a:hover {
	background:url('../img/li_box_on.png') no-repeat;
	color:#000;
}
.basic_wrap .container .container_inner { 
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.basic_wrap .container .container_inner .faq_tap { 
	margin-top:50px;
}
.basic_wrap .container .container_inner .faq_tap li a { 
	float:left;
	border-right:1px solid #ececec;
	width:24.9%;
	/* width:20%; */
	display:inline-block; 
	background:#fff;
	padding:23px 0px;
	font-size:17px;
	letter-spacing:-1px;
	color:#000;
	font-weight:bold;
	border-top:2px solid #ececec;
}
.faq_tap li:last-child {
	border-right:none;
	}
.faq_tap li.on a {
	color:#fff;
	font-weight:bold;
	background:#55556b;
}
.faq_box { 
	clear:both;
	padding-top:10px;
}
.faq_box li {
	float:left;
	width:24.9%;
	background:#fff url('../img/icon_q.png') no-repeat;
	display:inline-block; 
	height:80px;
	font-size:15px;
	color:#212121;
	background-position:center 41px;
	border-bottom:1px solid #ececec;
	border-right:1px solid #ececec;
	letter-spacing:-1px;
	padding-top:93px;
}
.faq_box li a {
	margin:0 auto;
	width:89%;
	display:inline-block; 
}
.faq_box li a:hover {
	color:#f35241;
	text-decoration:underline;
}
.faq_box li.more_faq {
	color:#212121;
	background:#fff url('../img/icon_more_faq.png') no-repeat;
	background-position:center 25px;
}
.faq_box li.more_faq a {
	color:#f35241;
	font-size:17px;
	letter-spacing:-1px;
	font-weight:bold;
	padding-top:7px;
}
.basic_wrap .faq_search { 
	width:100%;
	padding:39px 0;
	background:#55556b;
	clear:both;
}
.basic_wrap .faq_search .fs_inner {
	max-width:1200px;
	margin:0 auto;
}
.basic_wrap .faq_search .fs_inner > p {
	text-align:center;
	font-size:17px;
	color:#fff;
	letter-spacing:-1px;
}
.basic_wrap .faq_search .fs_inner .ip_fs {
	width:350px;
	height:30px;
	border-bottom:1px solid #fff;
	background:none;
	color:#fff;
	font-size:20px;
	letter-spacing:-2px;
	border-top:none;
	border-left:none;
	border-right:none;
	margin-left:24px;
}

.basic_wrap .container .container_inner .direct_box {
	clear:both;
	margin-top:85px;
}
.basic_wrap .container .container_inner .direct_box dl {
	float:left;
	width:399px;
	border-right:1px solid #ececec;
	text-align:center;
}
.basic_wrap .container .container_inner .direct_box dl.brn {
	border-right:none;
}
.basic_wrap .container .container_inner .direct_box dl img {
	padding:0;
	margin:0;
}
.basic_wrap .container .container_inner .direct_box dl a img {
	padding-top:25px;
}
.basic_wrap .container .container_inner .direct_box dl dt {
	font-size:24px;
	letter-spacing:-3px;
	color:#000;
	padding-top:7px;
}
.basic_wrap .container .container_inner .direct_box dl dd {
	font-size:14px;
	letter-spacing:-1px;
	color:#666;
	padding-top:11px;
}

.basic_wrap .container .container_inner .notice_box { 
	clear:both;
	padding-top:104px;
	text-align:left;
	width:100%;
}
.basic_wrap .container .container_inner .notice_box .notice a.posi,
.basic_wrap .container .container_inner .notice_box .work a.posi {
	position:absolute;
	right:20px;
	top:20px;
}
.basic_wrap .container .container_inner .notice_box .notice {
	float:left;
	position:relative;
}
.basic_wrap .container .container_inner .notice_box .work {
	position:relative;
	display:inline-block;
	float:right;
}
.basic_wrap .container .container_inner .notice_box .n_radius { 
	border:1px solid #ccc;
	background:#fff;
	width:592px;
	height:180px;
	border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; 
	border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; 
	border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; 
	border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px;
}
.basic_wrap .container .container_inner .notice_box dl {
	padding:30px 0 20px 32px;
}
.basic_wrap .container .container_inner .notice_box dt { 
	font-size:15px;
	font-weight:bold;
	color:#000;
}
.basic_wrap .container .container_inner .notice_box dd {
	font-size:13px;
	color:#656565;
	padding:4px 0 0 9px;
	background:url('../img/black_box.gif') 0 13px no-repeat;
	overflow:hidden;
	width:460px;
	height:21px;
}
.basic_wrap .container .container_inner .notice_box dd a:hover {
	color:#000;
	text-decoration:underline;
}

.actionBtn11 {
	 position:relative;
	 display:block;
	 width:40px;
	 height:40px;
	 margin:auto;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionBtn11 span {
	 display:block;
}
.actionBtn11 .hover:after {
	 display:block;
	 content:"";
	 position:relative;
	 width:38px;
	 height:38px;
	 border:1px solid #ccc;
	 background-color:#FFF;
	 transition:transform .5s;
	 -webkit-transition:-webkit-transform .5s;
	 -moz-transition:-moz-transform .5s;
}
.actionBtn11 .hover .line1, .actionBtn11 .hover .line2 {
	 position:absolute;
	 z-index:10;
	 left:8px;
	 top:18px;
	 width:24px;
	 height:4px;
	 background-color:#ccc;
	 transition:transform .7s;
	 -webkit-transition:-webkit-transform .7s;
	 -moz-transition:-moz-transform .7s;
} .actionBtn11 .hover .line1 {
	 transform:rotate(90deg);
	 -webkit-transform:rotate(90deg);
	 -moz-transform:rotate(90deg);
}
.actionBtn11 .hover .line2 {
	 transform:rotate(0deg);
	 -webkit-transform:rotate(0deg);
	 -moz-transform:rotate(0deg);
}
.actionBtn11:hover .hover .line1 {
	 transform:rotate(-45deg);
	 -webkit-transform:rotate(-45deg);
	 -moz-transform:rotate(-45deg);
	 background-color:#fff;
}
.actionBtn11:hover .hover .line2 {
	 transform:rotate(-135deg);
	 -webkit-transform:rotate(-135deg);
	 -moz-transform:rotate(-135deg);
	 background-color:#fff;
}
.actionBtn11:hover .hover:after {
	 transform:rotate(45deg);
	 -webkit-transform:rotate(45deg);
	 -moz-transform:rotate(45deg);
	 background-color:#ccc;
}

.basic_wrap .container .container_inner .sub_List { 
	float:left;
	position:relative;
	border-top:1px solid #212121;
	width:100%;
	clear:both;
	padding-bottom:50px;
	margin-top:100px;
	/*margin-top:-100px;*/
}
.basic_wrap .container .container_inner .bugalist {
	text-align:left;
}
.basic_wrap .container .container_inner .bugalist > ul {
	margin-top:34px;
}
.basic_wrap .container .container_inner .bugalist > ul > li {
	width:120px; /* 추가 */
	float:left;
	margin-right:30px;
	font-size:14px;
	font-weight:bold;
}
.basic_wrap .container .container_inner .bugalist > ul > li.eCus_news {
	width:90px !important;
}
.basic_wrap .container .container_inner .bugalist > ul > li.single_menu {
	width:160px !important;
}
.basic_wrap .container .container_inner .bugalist > ul > li > ul {
	padding-top:20px;
	font-size:13px;
	font-weight:normal;
}
.basic_wrap .container .container_inner .bugalist > ul > li > ul > li {
	margin-bottom:5px;
}
.basic_wrap .container .container_inner .bugalist > ul > li > a {
	font-weight:bold;
	font-size:14px;
	color:#222;
}
.single_menu a { 
	display:block;
	margin-bottom:20px;
} 
.basic_wrap .container .container_inner .sub_List .call_center {
	position:absolute;
	right:15px;
	top:47px;
	letter-spacing:-1px;
	color:#222;
	border-left:1px solid #ccc;
	padding-left:60px;
}
.basic_wrap .container .container_inner .sub_List .call_center .c1 {
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
}
.basic_wrap .container .container_inner .sub_List .call_center .c2 {
	font-family:'Arial';
	font-weight:bold;
	font-size:25px;
}
.basic_wrap .container .container_inner .sub_List .call_center .c3 {
	font-size:12px;
	padding-top:11px;
}

/* 공지사항 한줄 */
.basic_wrap .mInform {
	width:100%;
	float:left; 
	/*margin-top:20px; */
	background:#fff; 
	clear:both; 
	height:86px; 
	border-bottom:1px solid #ececec;
	position:relative; 
}
.basic_wrap .mInform .mInform_inner { 
	max-width:1200px; 
	margin:0 auto; 
}
.basic_wrap .mInform .mInform_inner .Tit { 
	font-size:16px; 
	color:#000; 
	font-weight:bold; 
	letter-spacing:-1px; 
	margin-top:34px; 
	text-align:left; 
	float:left;
}
.basic_wrap .mInform .mInform_inner li a:link,
.basic_wrap .mInform .mInform_inner li a:visited,
.basic_wrap .mInform .mInform_inner li a:active { 
	font-size:14px; 
	color:#666; 
}
.basic_wrap .mInform .mInform_inner li a:hover { 
	color:#222; 
	text-decoration:underline; 
}
.basic_wrap .mInform .notice { 
	width:100%;
	float:left; 
	/*width:599px; 
	border-right:1px solid #ececec; */
	height:86px;
	/*background-color:yellow;*/
}
.basic_wrap .mInform .rollstory {
	float:left;
	margin-top:36px;
	margin-left:20px; 
}
.basic_wrap .mInform .rollstory li {
	width:950px;
	float:left;
	text-align:left; 
	/*width:390px; */
	overflow:hidden;
	min-height:17px; 
	line-height:135%; 
	color:#666; 
} 
.basic_wrap .mInform .rollstory li a {
	width:100%;
	float:left;
	text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden;
}
.basic_wrap .mInform .btn { 
	position:absolute; 
	top:33px; 
	right:30px;
}
.basic_wrap .mInform .btn li { 
	float:left; 
	padding-left:5px;
}


.container_inner .faq_box .faq_content{ display:none;}
.container_inner .faq_box .faq_content:first-child{display:block;}


/* 20200518 가입상담 */
.SubscriptionBar {
	position:fixed;
	bottom:0;
	left:0;
	z-index:9999;
	width:100%;
	height:78px;
	background:#55556b;
}
.Subscription {	width:1200px;	margin:0 auto; }
.Subscri50 { 
	width:50%; 
	float:left; 
	line-height:78px;
	font-size:17px; 
}
.Subscri1 .btn_openNew { 
	width:35%; 
	float:right; 
	background:#343399; 
	color:#fff; 
	text-align:center;
	letter-spacing:-1px;
}
.Subscri1 p { 
	width:65%; 
	float:left; 
	line-height:78px; 
	color:#fff; 
}

.Subscri1 p span { display:block; text-align:center; font-size:17px; }
.Subscri1 .btn_openNew span { 
	margin-left:3px; 
	vertical-align:2px; 
	font-size:13px;
}
.Subscri2 {
	display:block;
	float:right;
	text-align:center;
	background:#ffd200;
	color:#383838;
}
.Subscri2 b { font-size:17px; letter-spacing:-1px; }
.Subscri2 span.ico_cellNumMark {
	vertical-align:1px;
	font-size:19px;
}


/* AS자가조치가이드 영상 20200105 추가 */
/* AS자가조치 TAB */
.selfcare_tap { 
	width:100%; 
	float:left; 
	margin-top:50px; 
}
.selfcare_tap ul li {
	width:25%;
	float:left;
	padding:23px 0;
	border-right:1px solid #ececec;
	background:#fff;
	box-sizing:border-box;
}
.selfcare_tap ul li a {
	font-weight:bold;
	font-size:17px;
	letter-spacing:-1px;
}
.selfcare_tap ul li.on { background:#55556b; }
.selfcare_tap ul li.on a { color:#fff; }

.tab_asGuide_box { width:100%; float:left; margin-top:10px; padding-bottom:30px; }
.tabcontents_asguide { width:100%; float:left; }
/* 자가조치 동영상 tab */
.main_asGuideVideo { width:100%; float:left; }
.main_asGuideVideo img { width:100%; }
.asGuideVideoListBox { 
	width:100%; 
	float:left; 
	margin-top:16px; 
	position:relative;
}
.asGuideVideoList { width:100%; float:left; }
.asGuideVideoList li {
	width:24%;
	float:left;
	margin-right:16px;
	background:#fff;
	position:relative;
	box-shadow:1px 1px 2px #a4a4a4;
}
.asGuideVideoList li.last { float:right; margin-right:0; }
.asGuideVideoList li .s_videoBox { width:100%; float:left; /* height:170px; */ }
.asGuideVideoList li .s_videoBox img { width:100%; }
.s_videoBox .comingsoon { 
	width:100%;
	float:left;
	height:100%;
	text-align:center;
	background:#fff;
	color:#df5049;
	font-size:20px;
	letter-spacing:-1px;
}
.s_videoBox .comingsoon b { display:block; margin-top:70px; line-height:100%; }
.s_video_title {
	width:260px !important;
	float:left;
	padding:10px 0;
	margin-left:15px;
  overflow:hidden;
  text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
}
.s_video_title:link,
.s_video_title:visited,
.s_video_title:active { color:#000; }
.s_video_title:hover { text-decoration:underline; color:#f54f3e; }
.ico_itemPart {
	position:absolute;
	top:0;
	left:0;
	z-index:4001;
	display:block;
	padding:3px 8px;
	background:#ddd;
	color:#fff;
	font-size:14px;
}
.ico_itP_internet {
	background:#ff4444;
}
.ico_itP_disital {
	background:#0c1ea2;
}
.ico_itP_8vsb {
	background:#17c5a2;
}

.ico_self_time {
	display:block;
	padding:3px 8px;
	background:#000;
	font-size:14px;
	position:absolute;
	right:10px;
	bottom:42px;
	z-index:4001;
	color:#fff;
}

.btn_asVideo {
	position:absolute;
	top:86px;
	z-index:6001;
	width:50px;
	height:50px;
	/* margin-top:-10px; */
}
.btn_prevVideo {
	left:0;
	background:url(../img/btn_prevVideo.png) no-repeat;
}
.btn_nextVideo {
	right:0;
	background:url(../img/btn_nextVideo.png) no-repeat;
}
.asGuideBlit { width:100%; float:left; margin-top:30px; }
.asGuideBlit ul li {
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:10px;
	border:1px solid #fff;
	border-radius:25px;
	background:#fff;
	box-sizing:border-box;
	text-align:center;
}
.asGuideBlit ul li.last { margin-right:0; }
.asGuideBlit ul li.on { background:#343399; border-color:#343399; }

/* AS자가조치 TEXT box */
.asGuide_textBox { 
	width:100%; 
	float:left; 
}
.asGuide_textBox ul li {
	width:25%;
	float:left;
	height:170px;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	box-sizing:border-box;
	background:#fff;
}
.asGuide_textBox ul li .in_text_asGBox {
	width:90%;
	margin:0 auto;
}
.asgu_text_title {
	width:100%;
	float:left;
	padding-top:90px;
	letter-spacing:-1px;
	background:url('../img/icon_q.png') no-repeat center 40px;
}
.btn_more_selfGuide {
	width:100%;
	float:left;
	padding-top:100px;
	letter-spacing:-1px;
	background:url('../img/icon_more_faq.png') no-repeat center 30px;
	color:#f35241;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px;
}
.asgu_text_title:hover,
.btn_more_selfGuide:hover { text-decoration:underline; color:#f35241; }

/*
.asGuideVideoBox { width:100%; float:left; }
.main_asGuideVideo { width:100%; float:left; }
.main_asGuideVideo img { width:100%; }
.asGuide_box .asGuideVideoListBox { 
	width:100%; 
	float:left; 
	margin-top:16px; 
	position:relative;
}
.asGuide_box .asGuideVideoListBox ul.asGuideVideoList { width:100%; float:left; }
.asGuide_box .asGuideVideoListBox ul.asGuideVideoList li {
	background:#fff !important;
	clear:both;
	width:23% !important;
	float:left !important;
	margin-right:12px;
	padding-top:0;
}
.asGuideVideoListBox ul.asGuideVideoList li a {
 clear:both;
}
.asGuideVideoListBox ul.asGuideVideoList li a.s_videoBox {
 clear:both;
 width:100%;
 float:left;
}
.asGuideVideoListBox ul.asGuideVideoList li a.s_videoBox img { width:100%; }
.asGuideVideoListBox .btn_asVideo {
	position:absolute;
	top:50%;;
	z-index:6001;
	width:50px;
	height:50px;
	margin-top:-25px;
}
.asGuideVideoListBox .btn_prevVideo {
	left:0;
	background:url(../img/btn_prevVideo.png) no-repeat;
}
.asGuideVideoListBox .btn_nextVideo {
	right:0;
	background:url(../img/btn_nextVideo.png) no-repeat;
}

*/