@charset "utf-8";
/*-------------------------------------------------------------------
속성순서 :레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
형태 :display visibility
흐름 :float clear
위치 :position left right top bottom z-index
크기 :width height overflow
박스 :margin padding border
배경 :background
글자 :text font color
기타 :cursor
-------------------------------------------------------------------*/

/* Layout */
.html {
	position: relative;
}
#wrap {
	overflow: hidden;
}
#header {
	position: fixed;
	width: 100%;
	z-index: 40;
	padding: 0 32px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	transition: top 0.4s ease;
}
#header .inner {
	position: relative;
	max-width: 1600px;
	height: 79px;
	margin: 0 auto;
}
#header .logo {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 10;
	width: 92px;
	height: 48px;
	margin-top: -24px;
	background: url(/img/common/img_logo.png) no-repeat 0 0;
}
#header .logo .txt,
.btn_icon .txt,
.close_search .txt {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#header .sub_area .inner {
	max-width: 1240px;
	height: auto;
	margin: 0 auto;
	padding: 16px 0;
}
#header .sub_area .inner:after {
	content: "";
	display: block;
	clear: both;
}
#header .language_menu {
	display: none;
}
.header_up {
	top: -90px;
}
.header_down {
	top: 0;
}
.gnb_menu:after,
.link_menu:after {
	content: "";
	display: block;
	clear: both;
}
.gnb_menu {
	display: block;
	padding: 22px 0 0 0;
	width: 80%;
	margin-left: 9.9%;
}
.gnb_menu > li {
	float: left;
}
.gnb_menu .menu {
	display: block;
	position: relative;
	padding: 10px 20px 29px;
	font-size: 18px;
	color: #212121;
}
.gnb_menu .menu:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	transform: scaleX(0);
	height: 4px;
	background-color: #ff6600;
	transition: all 0.3s ease;
}
.gnb_menu .menu:hover::after,
.gnb_menu .menu:focus::after,
.gnb_menu .menu.on:after {
	transform: scaleX(0.7);
}
.gnb_menu > li .menu.link:after {
	height: 0;
	transition: none;
	transform: none;
}
.gnb_menu > li .menu.link:hover::after,
.gnb_menu > li .menu.link:focus::after {
	position: absolute;
	left: auto;
	right: 0;
	top: 14px;
	bottom: auto;
	width: 12px;
	height: 12px;
	background: url(/img/common/ico_link_s.png) no-repeat 0 0;
	background-size: 100%;
}

.gnb_menu .sub_area {
	position: absolute;
	left: 0;
	right: 0;
	top: 80px;
}
.gnb_menu .sub_area:after {
	content: "";
	position: absolute;
	left: -50%;
	right: -50%;
	bottom: 0;
	top: 0;
	z-index: -1;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
}
.gnb_menu > li:nth-child(1) .gnb_depth1 {
	max-width: 1024px;
	margin-left: -2%;
}
.gnb_menu > li:nth-child(2) .gnb_depth1 {
	max-width: 1020px;
	table-layout: auto;
}
.gnb_menu > li:nth-child(3) .gnb_depth1 {
	max-width: 848px;
	margin-left: -2%;
}
.gnb_menu > li:nth-child(4) .gnb_depth1 {
	max-width: 496px;
	margin-left: 18.7%;
}
.gnb_menu > li:nth-child(4) .gnb_depth1 > li {
	padding-left: 6.6%;
}
.gnb_menu .depth0 {
	display: none;
}
.gnb_depth1 {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.gnb_depth1 > li {
	display: table-cell;
	padding-left: 2.6%;
	border-left: 1px solid #e5e5e5;
}
.gnb_depth1 > li:first-child {
	border-left: 0;
}
.gnb_depth1 .depth1 {
	display: block;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 700;
	color: #3e3e3e;
}
.gnb_depth2 {
	padding: 23px 0 25px;
}
.gnb_depth2 > li {
	padding-top: 13px;
}
.gnb_depth2 > li:first-child {
	padding-top: 0;
}
.gnb_depth2 .depth2 {
	font-size: 14px;
	color: #3e3e3e;
	font-weight: 400;
	word-break: keep-all;
}
.gnb_depth1.sus .gnb_depth2 .depth2 {
	font-weight: 700;
}
.gnb_depth1.sus .gnb_depth2.inline {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding-top: 10px;
}
.gnb_depth1.sus .gnb_depth2.inline > li {
	display: table-cell;
}
.gnb_depth1.sus .gnb_depth2.inline > li:first-child {
	padding-left: 0;
}
.gnb_depth1.sus .depth1 {
	display: inline-block;
	font-size: 18px;
}
.gnb_depth1.sus > li:first-child {
	padding-left: 0;
}
.gnb_depth1.sus > li:last-child .depth2 {
	font-weight: 400;
}
.gnb_depth1.sus > li:last-child .gnb_depth2 > li:first-child,
.gnb_depth1.sus > li:last-child .gnb_depth2 > li:last-child {
	white-space: nowrap;
}
.gnb_depth3 {
	margin-top: 20px;
}
.gnb_depth3 > li {
	margin-top: 11px;
}
.gnb_depth3 > li:first-child {
	margin-top: 0;
}
.gnb_depth3 .depth3 {
	font-size: 14px;
	color: #3e3e3e;
}
.gnb_depth3 .depth3.sub {
	position: relative;
}
.gnb_depth3 .depth3.sub:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 6px;
	height: 6px;
	margin-left: 7px;
	border-left: 1px solid #212121;
	border-bottom: 1px solid #212121;
	transform: rotate(-45deg);
	vertical-align: top;
	transition: all 0.3s;
}
.gnb_depth3 .depth3.sub.open:after {
	top: 8px;
	transform: rotate(135deg);
}
.gnb_depth4 {
	margin: 11px 0 0 6px;
}
.gnb_depth4 > li {
	margin-top: 8px;
}
.gnb_depth4 > li:first-child {
	margin-top: 0;
}
.gnb_depth4 .depth4 {
	display: block;
	position: relative;
	padding-left: 7px;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}
.gnb_depth4 .depth4:before {
	content: "-";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
.gnb_depth1 a.depth1:hover,
.gnb_depth2 a.depth2:hover,
.gnb_depth3 a.depth3:hover,
.gnb_depth3 a.depth4:hover,
.gnb_depth1 a.depth1:focus,
.gnb_depth2 a.depth2:focus,
.gnb_depth3 a.depth3:focus,
.gnb_depth3 a.depth4:focus {
	color: #4747b3;
	text-decoration: underline;
}
.gnb_depth3 .depth3.sub:hover,
.gnb_depth3 .depth3.sub:focus {
	color: #4747b3;
	text-decoration: none;
}

.gnb_depth1 .depth1.esg_link {
	position: relative;
	padding-right: 20px;
}
.gnb_depth1 .depth1.esg_link:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 3px;
	width: 12px;
	height: 12px;
	background: url(/img/common/ico_link_s.png) no-repeat 0 0;
	background-size: 100%;
}

.gnb_depth2 .depth2.esg_link {
	position: relative;
	padding-right: 20px;
}
.gnb_depth2 .depth2.esg_link:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	background: url(/img/common/ico_link_s.png) no-repeat 0 0;
	background-size: 100%;
}

.link_area,
.util_area {
	position: absolute;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
}
.link_menu,
.language_area,
.search_area {
	float: left;
}
.qr_area {
	position: absolute;
	width: 100px;
	height: 100px;
	z-index: 100;
}
.qr_area .qr {
	border: 1px solid #bdbdbd;
}
.link_area {
	right: 13%;
}
.link_area .wechat {
	position: relative;
}
.link_area .qr_area {
	left: 9px;
	top: 28px;
}
.link_area .qr_area .qr {
	border: 1px solid #bdbdbd;
}
.language_area {
	position: relative;
}
.language_area .menu {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	color: #666;
	line-height: 28px;
	text-align: center;
}
.language_area .menu:hover {
	background-color: #f5f5f5;
	color: #000;
	text-decoration: underline;
}
.language_area .menu.on {
	color: #000;
}
.language_sub {
	position: absolute;
	left: 50%;
	top: 58px;
	z-index: 20;
	width: 80px;
	margin-left: -40px;
	padding-bottom: 4px;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	background-color: #fff;
}
.language_sub:before {
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: 50%;
	width: 6px;
	height: 6px;
	margin-left: -3px;
	border-left: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	background-color: #fff;
	transform: rotate(135deg);
}
.search_area .btn_icon {
	display: block;
	float: left;
}
.top_search {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
	height: 128px;
	padding-top: 35px;
	background-color: #fff;
	text-align: center;
}
.top_search .input_area {
	position: relative;
	max-width: 916px;
	height: 58px;
	margin: 0 auto;
}
.top_search .input {
	display: block;
	width: calc(100% - 92px);
	height: 58px;
	padding-right: 60px;
	border: 0;
	border-bottom: 2px solid #212121;
	font-size: 18px;
	color: #212121;
	text-indent: 16px;
}
.input_area input[type="text"]::-ms-clear {
	display: none;
}
.input_area .btn_icon.search {
	position: absolute;
	right: 92px;
	top: 0;
	z-index: 20;
	width: 56px;
	height: 56px;
}
.close_search {
	display: inline-block;
	position: absolute;
	right: 6px;
	top: 0;
	z-index: 20;
	width: 56px;
	height: 56px;
}
.close_search:before,
.close_search:after {
	content: "";
	display: block;
	position: absolute;
	left: 15px;
	top: 29px;
	width: 50%;
	height: 2px;
	background-color: #3e3e3e;
}
.close_search:before {
	transform: rotate(45deg);
}
.close_search:after {
	transform: rotate(-45deg);
}
.util_area {
	right: 0;
}
.link_menu:after {
	content: "";
	display: block;
	clear: both;
}
.link_menu > li {
	float: left;
	position: relative;
	padding-left: 26px;
}
.link_menu > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 12px;
	top: 4px;
	width: 2px;
	height: 12px;
	background-color: #e5e5e5;
}
.link_menu > li:first-child::before {
	display: none;
}
.link_menu .menu {
	color: #666;
}
.link_menu .menu:hover {
	color: #212121;
	text-decoration: underline;
}
.btn_icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	background-position: 50%;
	background-repeat: no-repeat;
}
.btn_icon.language {
	background-image: url(/img/common/ico_global.png);
}
.btn_icon.search {
	background-image: url(/img/common/ico_search.png);
}
.btn_icon.all {
	background-image: url(/img/common/ico_menu.png);
}
.btn_icon.language:hover,
.btn_icon.search:hover,
.btn_icon.all:hover {
	opacity: 0.75;
}
.vm.allmenu_wrap {
	top: 0;
	margin-top: 0 !important;
	min-width: 100vw;
	max-height: 100vh;
	height: 100vh;
}
.vm.allmenu_wrap .vm-titlebar {
	display: none;
}
.vm.allmenu_wrap .vm-content {
	max-height: 100vh;
	padding: 0;
}
.allmenu_area .inner {
	position: relative;
	display: table;
	width: 100%;
	max-width: 1216px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border-right: 1px solid #e5e5e5;
}
.allmenu_area {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9000;
	background-color: #f5f5f5;
	overflow-y: auto;
}
.allmenu_area:before {
	content: "";
	display: block;
	position: absolute;
	top: 79px;
	left: 0;
	right: 0;
	z-index: 10;
	height: 1px;
	background-color: #e5e5e5;
}
.allmenu_con {
	display: table-cell;
	width: 22%;
	height: 100%;
	border-left: 1px solid #e5e5e5;
}
.allmenu_con.company:hover,
.allmenu_con.sus:hover,
.allmenu_con.ir:hover,
.align_vertical .vertical_con.career:hover {
	background-color: #fff;
}
.allmenu_con.company:hover .tit:after,
.allmenu_con.sus:hover .tit:after,
.allmenu_con.ir:hover .tit:after,
.align_vertical .vertical_con.career:hover .tit:after,
.align_vertical .vertical_con.quality:hover .tit:after {
	content: "";
	position: absolute;
	right: 24px;
	top: 30px;
	width: 20px;
	height: 20px;
	background: url(/img/common/ico_allmenu_tit.png) no-repeat 0 0;
}
.allmenu_con.nospace {
	padding: 0;
}
.allmenu_area:after,
.allmenu_con:after {
	content: "";
	display: block;
	clear: both;
}
.allmenu_con.sus {
	width: 34%;
}
.allmenu_close {
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	z-index: 20;
	padding: 0 32px;
}
.allmenu_close .inner_con {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}
.vm.allmenu_wrap .allmenu_area .btn_close {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	width: 60px;
	height: 60px;
	background: none;
}
.vm.allmenu_wrap .allmenu_area .btn_close:before,
.allmenu_area .btn_close:after {
	content: "";
	display: block;
	position: absolute;
	left: 15px;
	top: 29px;
	width: 50%;
	height: 2px;
	background-color: #3e3e3e;
}
.vm.allmenu_wrap .allmenu_area .btn_close:before {
	transform: rotate(45deg);
}
.vm.allmenu_wrap .allmenu_area .btn_close:after {
	transform: rotate(-45deg);
}
.allmenu_area .tit {
	display: block;
	position: relative;
	padding: 30px 24px;
	font-size: 20px;
	font-weight: 700;
	color: #212121;
}
.allmenu_area .stit {
	float: left;
	display: block;
	width: 68px;
	font-size: 16px;
	font-weight: 500;
	color: #212121;
}
.allmenu_area .stit.esg_outlink {
	position: relative;
	color: #212121;
}
.allmenu_area .stit.esg_outlink:after {
	content: "";
	display: block;
	position: absolute;
	left: 37px;
	top: 3px;
	width: 12px;
	height: 12px;
	background: url(/img/common/ico_link_s.png) no-repeat 0 0;
	background-size: 100%;
}
.allmenu_area .depth1.esg_outlink {
	position: relative;
}
.allmenu_area .depth1.esg_outlink:after {
	content: "";
	display: block;
	position: absolute;
	left: 125px;
	top: 14px;
	width: 12px;
	height: 12px;
	background: url(/img/common/ico_link_s.png) no-repeat 0 0;
	background-size: 100%;
}
.allmenu_area .allmenu_depth1 {
	padding: 24px;
}
.allmenu_area .allmenu_depth2 {
	margin-bottom: 22px;
}
.allmenu_area .allmenu_depth3 {
	margin-bottom: 9px;
}
.allmenu_area .depth1 {
	display: block;
	position: relative;
	padding: 10px 0;
	color: #212121;
}
.allmenu_area .depth1.arrow:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 4px;
	width: 6px;
	height: 6px;
	margin-left: 9px;
	border-left: 1px solid #212121;
	border-bottom: 1px solid #212121;
	transform: rotate(-45deg);
	vertical-align: top;
	transition: all 0.3s;
}
.allmenu_area .depth1.arrow.open:after {
	top: 8px;
	transform: rotate(135deg);
}
.allmenu_area .depth2 {
	display: block;
	position: relative;
	padding: 7px 0 7px 13px;
	font-size: 14px;
	font-weight: 500;
	color: #212121;
}
.allmenu_area .depth2:before {
	content: "";
	display: block;
	position: absolute;
	left: 3px;
	top: 14px;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #666;
}
.allmenu_area .depth3 {
	display: block;
	position: relative;
	padding: 7px 0 7px 13px;
	font-size: 14px;
	color: #666;
}
.allmenu_area .depth1:hover,
.allmenu_area .depth3:hover {
	color: #4747b3;
	text-decoration: underline;
}
.allmenu_area .depth3:hover::before {
	background-color: #4747b3;
}
.allmenu_area .allmenu_sa {
	padding: 24px;
	border-bottom: 1px solid #e5e5e5;
}
.allmenu_area .allmenu_sa:after {
	content: "";
	display: block;
	clear: both;
}
.allmenu_area .allmenu_sa .allmenu_depth1 {
	float: left;
	margin-top: -10px;
	padding: 0;
}
.allmenu_area .link_menu {
	float: none;
	padding: 24px;
}
.allmenu_area .link_menu > li {
	float: none;
	position: relative;
	margin-top: 24px;
	padding: 0;
}
.allmenu_area .link_menu > li:first-child {
	margin-top: 0;
}
.allmenu_area .link_menu > li:before {
	display: none;
}
.allmenu_area .link_menu .menu {
	display: block;
	color: #212121;
}
.allmenu_area .link_menu .menu:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 0;
	width: 22px;
	height: 18px;
	margin-right: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: top;
}
.allmenu_area .link_menu .menu.newsroom:before {
	background-image: url(/img/common/ico_newsroom_on.png);
}
.allmenu_area .link_menu .menu.youtube:before {
	background-image: url(/img/common/ico_youtube_on.png);
}
.allmenu_area .link_menu .menu.facebook:before {
	background-image: url(/img/common/ico_facebook_on.png);
}
.allmenu_area .link_menu .menu.wechat:before {
	background-image: url(/img/common/ico_wechat_on.png);
}
.allmenu_area .link_menu .menu.instagram:before {
	background-image: url(/img/common/ico_instagram_on.png);
}
.allmenu_area .link_menu .menu:hover {
	text-decoration: none;
}
.allmenu_area .link_menu .qr_area {
	top: 28px;
}
.align_vertical {
	display: table;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
.align_vertical .vertical_con {
	display: table-row;
	width: 100%;
	vertical-align: top;
	height: auto;
}
.align_vertical .vertical_con:hover {
	background-color: #fff;
}
.align_vertical .vertical_con.career {
	height: 260px;
}
.align_vertical .vertical_con.product {
	height: 80px;
}
.align_vertical .vertical_con.career,
.align_vertical .vertical_con.product,
.align_vertical .vertical_con.quality {
	border-bottom: 1px solid #e5e5e5;
}
.align_vertical .vertical_con.product .tit:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	background: url(/img/common/ico_link_s.png) no-repeat 0 0 / contain;
}
.btn_close_allmenu {
	display: none;
}
#container {
	margin-top: 80px;
}
#content {
	padding-bottom: 192px;
}
#footer {
	position: relative;
	z-index: 30;
}
#footer .inner {
	position: relative;
	max-width: 1216px;
	margin: 0 auto;
	background-color: #000;
}
#footer .inner:after,
.shortcut_area:after,
.footer_menu:after,
.shortcut_menu:after,
.bottom_area:after {
	content: "";
	display: block;
	clear: both;
}
#footer .gnb_area {
	display: table-cell;
	width: calc(100% - 280px);
	padding: 56px 0;
	vertical-align: top;
}
.footer_bg {
	position: relative;
}
.footer_bg:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	width: 50%;
	background-color: #000;
}
.footer_bg:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	width: 50%;
	background-color: #212121;
}
.footer_bg .inner {
	display: table;
	width: 100%;
}
.footer_menu {
	float: left;
	width: 100%;
}
.footer_menu > li {
	float: left;
	width: 20%;
}
.footer_menu .tit {
	font-size: 18px;
	color: #eee;
	line-height: 1.5;
}
.footer_menu .tit.product, .footer_menu .tit.research {
	display: inline-block;
	margin-top: 30px;
}
.footer_menu .tit.product:after, .footer_menu .tit.research:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	background: url(/img/common/ico_link_s_on.png) no-repeat 0 0 / contain;
}
.footer_menu .tit:hover {
	text-decoration: underline;
}
.footer_sub {
	padding-top: 20px;
}
.footer_sub > li {
	margin-top: 16px;
}
.footer_sub > li:first-child {
	margin-top: 0;
}
.footer_sub .sub {
	font-size: 15px;
	color: #999;
	line-height: 1.5;
}
.footer_sub .sub.esg_outlink {
	position: relative;
	padding-right: 20px;
}
.footer_sub .sub.esg_outlink:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	background: url(/img/common/ico_link_s_on.png) no-repeat 0 0;
	background-size: 100%;
	opacity: 0.5;
}
.footer_sub .sub.esg_outlink:hover::after {
	opacity: 1;
}
.footer_sub .sub:hover {
	color: #fff;
	text-decoration: underline;
}
.support_area {
	display: table-cell;
	width: 280px;
	padding: 56px 0;
	background-color: #212121;
	text-align: center;
	vertical-align: top;
}
.support_menu {
	display: inline-block;
}
.support_menu > li {
	margin-top: 20px;
	text-align: left;
}
.support_menu .menu {
	position: relative;
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
}
.support_menu .menu:hover {
	text-decoration: underline;
}
.support_menu span.menu:hover {
	text-decoration: none;
}
.support_menu .menu.down:after {
	content: "";
	display: none;
	position: relative;
	top: 4px;
	width: 7px;
	height: 7px;
	margin-left: 18px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
	vertical-align: top;
}
.support_menu .menu.up:after {
	content: "";
	display: none;
	position: relative;
	top: 9px;
	width: 7px;
	height: 7px;
	margin-left: 18px;
	border-left: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	transform: rotate(135deg);
	vertical-align: top;
}
.support_sub {
	padding-top: 16px;
}
.support_sub > li {
	position: relative;
	margin-top: 16px;
}
.support_sub .sub {
	font-size: 15px;
	color: #999;
	line-height: 1.5;
}
.support_sub .sub:hover {
	text-decoration: underline;
}
.shortcut_area {
	clear: both;
	position: relative;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #000;
}
#footer .shortcut_area .inner {
	min-height: 60px;
	padding: 20px 380px 20px 0;
}
.shortcut_menu {
	float: left;
	margin-top: -16px;
}
.shortcut_menu > li {
	float: left;
	position: relative;
	margin-top: 16px;
	padding: 0 14px 0 17px;
}
.shortcut_menu > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #666;
}
.shortcut_menu > li:first-child {
	padding-left: 0;
}
.shortcut_menu > li:first-child::before {
	display: none;
}
.shortcut_menu .menu {
	font-size: 15px;
	color: #bdbdbd;
}
.footer_link {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.footer_link > li {
	float: left;
	position: relative;
	margin-left: 24px;
}
.footer_link > li:first-child {
	margin-left: 0;
}
.footer_link .menu {
	display: inline-block;
	position: relative;
	font-size: 14px;
	color: #bdbdbd;
}
.footer_link .menu:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 0;
	width: 22px;
	height: 18px;
	margin-right: 7px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: top;
}
.footer_link .menu.newsroom:before {
	background-image: url(/img/common/ico_newsroom.png);
}
.footer_link .menu.youtube:before {
	background-image: url(/img/common/ico_youtube.png);
}
.footer_link .menu.facebook:before {
	background-image: url(/img/common/ico_facebook.png);
}
.footer_link .menu.wechat:before {
	background-image: url(/img/common/ico_wechat.png);
}
.footer_link .menu.instagram:before {
	background-image: url(/img/common/ico_instagram.png);
}
.footer_link .qr_area {
	left: 50%;
	top: -110px;
	margin-left: -50px;
}
#footer .language_menu {
	display: none;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 10;
	width: 280px;
	margin-top: -18px;
	text-align: center;
}
#footer .language_menu .link_txt {
	display: inline-block;
	position: relative;
	width: 200px;
	height: 36px;
	padding: 0 16px;
	border: 1px solid #3e3e3e;
	border-radius: 4px;
	background-color: #202020;
	color: #bdbdbd;
	line-height: 34px;
	text-align: left;
}
#footer .language_menu .link_txt:after {
	content: "";
	display: block;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 6px;
	height: 6px;
	margin-left: 9px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	transform: rotate(135deg);
}
#footer .language_menu .language_sub {
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 38px;
	width: 200px;
	margin-left: -100px;
	padding: 6px 0;
	border: 1px solid #3e3e3e;
	border-radius: 4px;
	background-color: #212121;
}
#footer .language_menu .language_sub:before {
	display: none;
}
#footer .language_menu .language_sub .menu {
	display: block;
	height: 24px;
	padding: 0 16px;
	color: #bdbdbd;
	line-height: 24px;
	text-align: left;
}
#footer .language_menu .language_sub .menu:hover {
	background-color: #3e3e3e;
}
.bottom_area {
	position: relative;
	padding: 24px 0;
	background-color: #000;
}
.bottom_area:after {
	content: "";
	display: block;
	clear: both;
}
.bottom_area .copyright {
	font-size: 12px;
	color: #888;
}
.bottom_area .info {
	padding: 16px 0 8px;
	font-size: 0;
}
.bottom_area .info .menu {
	font-size: 14px;
	color: #888;
	position: relative;
	padding-right: 10px;
	padding-left: 11px;
}
.bottom_area .info .menu:first-child {
	padding-left: 0;
}
.bottom_area .info .menu:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
	width: 1px;
	height: 14px;
	background-color: #333;
}
.bottom_area .info .menu:first-child::before {
	display: none;
}
.bottom_area .mark {
	position: absolute;
	right: 32px;
	bottom: 12px;
}
.bottom_menu:after {
	content: "";
	display: block;
	clear: both;
}
.bottom_menu .menu {
	font-size: 14px;
	color: #888;
}
.bottom_menu > li {
	float: left;
	position: relative;
	padding: 0 9px 0 12px;
}
.bottom_menu > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #666;
}
.bottom_menu > li:first-child {
	padding-left: 0;
}
.bottom_menu > li:first-child::before {
	display: none;
}

.wa{
	position: absolute;
    bottom: 30px;
    right: 0;
}
.ffsb{
	position: absolute;
    bottom: 30px;
    right: 70px;
}

.footer_link > li:first-child,
.support_menu > li:first-child,
.support_sub > li:first-child {
	margin-top: 0;
}
.sitemap {
	display: none;
}
.link_top {
	display: block;
	position: absolute;
	right: 20px;
	bottom: 582px;
	z-index: 900;
	width: 52px;
	height: 52px;
	border: 1px solid #e5e5e5;
	background: url(/img/common/ico_up.png) no-repeat 50% 50% #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.link_top:hover {
	border-color: #ff5a00;
	background-color: #ff5a00;
	background-image: url(/img/common/ico_up_on.png);
}
.link_top .txt {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.link_top.fixed {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

/* Title */
#content > .tit_wrap {
	max-width: 1216px;
	margin: 0 auto;
	padding: 80px 0;
}
#content > .tit_wrap .tit_con {
	font-size: 48px;
	font-weight: 700;
	color: #212121;
	line-height: 1.3;
	letter-spacing: 0;
}
#content > .tit_wrap .tit_con .pc {
	display: block;
	margin-top: 6px;
}
#content .inner > .tit_type02.nospace {
	padding-top: 0;
}
#content .inner > .tit_type02.type {
	padding: 192px 0 24px;
}
#content .inner > .tit_type02.type:first-of-type {
	padding-top: 0;
}
.tit_type {
	font-size: 64px;
	font-weight: 700;
	color: #212121;
	line-height: 1.3;
	letter-spacing: 0;
}

.tit_type.sub_title span{
	font-size: 25px;
}

.tit_type02,
.tit_type02.type {
	padding: 192px 0 24px;
	font-size: 24px;
	font-weight: 700;
	color: #212121;
	line-height: 1.5;
	word-break: keep-all;
}
.tit_type02.pt_0 {
	padding: 0 0 24px;
}
.tit_type02.pt_28 {
	padding: 28px 0 24px 0;
}
.tit_type02.pt_80 {
	padding: 80px 0 24px 0;
}
.tit_type02 .con {
	display: block;
	padding-top: 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
.tit_type02 .pc {
	display: block;
}
.tit_type02 .pc + .pc {
	margin-top: 14px;
}
.tit_type02 .sub {
	font-size: 16px;
	font-weight: 400;
}
.tit_type03 {
	padding: 127px 0 20px;
	font-size: 20px;
	font-weight: 700;
	color: #212121;
	line-height: 1.5;
	word-break: keep-all;
}
.tit_type03.type {
	padding-top: 80px;
}
.tit_type03.nospace {
	padding-top: 0;
}
.tit_type03.line {
	position: relative;
	padding-left: 12px;
}
.tit_type03.line:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 7px;
	width: 4px;
	height: 16px;
	background-color: #888;
}
.tit_type04 {
	padding-bottom: 18px;
	font-size: 18px;
	font-weight: 700;
	color: #212121;
	line-height: 1.5;
}
.tit_type04.type {
	padding-top: 128px;
}
.tit_type05 {
	padding: 64px 0 16px;
	font-size: 16px;
	font-weight: 700;
	color: #212121;
	line-height: 1.5;
}
.tit_type05.type {
	padding-top: 12px;
}
.tit_type05.type_1 {
	font-size: 17px;
}
.tit_type05.nospace {
	padding-top: 0;
}
.tit_type.no_con {
	font-size: 64px;
}
.tit_type06 {
	padding: 64px 0 16px;
	font-size: 20px;
	font-weight: 700;
	color: #212121;
	line-height: 1.5;
}
.tit_type06.type_1{
	font-size: 22px;
}
.tit_layer {
	font-size: 28px;
	font-weight: 400;
	color: #212121;
}
.tit_layer02 {
	margin-bottom: 32px;
	font-size: 18px;
	font-weight: 700;
	color: #212121;
}

/* Text */
.txt_type {
	padding-bottom: 126px;
	font-size: 28px;
	font-weight: 500;
	color: #212121;
	line-height: 1.5;
	letter-spacing: -0.01em;
}
.txt_type dt {
	margin-bottom: 25px;
	font-size: 28px;
	font-weight: 500;
	color: #212121;
	line-height: 1.5;
}
.txt_type dt:first-child + dd {
	margin-top: 0;
}
.txt_type dd {
	margin-top: 2px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
.txt_type .pc {
	display: block;
	line-height: 1.29;
}
.txt_type .pc + .pc {
	margin-top: 6px;
}
.txt_type02 {
	padding: 39px 32px 29px;
	border-top: 2px solid #212121;
	border-bottom: 1px solid #212121;
}
.txt_type02 dt {
	margin-bottom: 23px;
	font-size: 28px;
	font-weight: 500;
	color: #212121;
}
.txt_type02 dd {
	margin-top: 2px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
.txt_type02 dd:after {
	content: "";
	display: block;
	clear: both;
}
.txt_type02 .stress {
	padding: 4px 0 7px;
	font-weight: 700;
	color: #212121;
}
.txt_type02 dd.btn_area {
	margin-top: 37px;
}
.txt_type02 .txt {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
.txt_type03 {
	margin-bottom: 128px;
	font-size: 20px;
	font-weight: 400;
	color: #212121;
	line-height: 1.5;
}
.txt_type03 dt {
	position: relative;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #212121;
	line-height: 1.5;
}
.txt_type03 dt .btn_base.layer {
	position: absolute;
	right: 0;
	bottom: -7px;
}
.txt_type03 dd {
	margin-bottom: 128px;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	line-height: 1.5;
}
.txt_type03 dd:last-child {
	margin-bottom: 0;
}
.txt_type03 .sub {
	font-weight: 400;
}
.txt_type03 .box_type {
	margin-top: 32px;
}
.txt_type03 .txt_con04 {
	margin-bottom: 16px;
}
.txt_type03 .num_type {
	padding-top: 0;
}
.txt_type03.line {
	margin-bottom: 0;
	padding-top: 64px;
	border-top: 1px solid #e5e5e5;
}
.txt_type03.line dd {
	margin-bottom: 64px;
	padding-bottom: 64px;
	border-bottom: 1px solid #e5e5e5;
}
.txt_type03.line dd:last-child {
	margin-bottom: 0;
}
.txt_type04 {
	margin-bottom: 128px;
	font-size: 20px;
	font-weight: 700;
	color: #212121;
}
.txt_type05 {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: 700;
	color: #212121;
}
.txt_type06 {
	font-size: 18px;
	font-weight: 700;
	color: #212121;
}
.txt_type07 {
	font-size: 18px;
	font-weight: 500;
	color: #212121;
}
.txt_type08 {
	font-size: 18px;
}
.box_type .txt_type {
	padding-bottom: 0;
}
.box_type .txt_type dt {
	margin-bottom: 14px;
	font-size: 20px;
	font-weight: 400;
}
.box_type .txt_type dd {
	color: #666;
}
.txt_base {
	position: relative;
	font-size: 16px;
	color: #212121;
	line-height: 1;
}
.txt_base:after {
	content: "";
	display: inline-block;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: top;
}
.txt_base.link:after {
	top: 3px;
	width: 12px;
	height: 12px;
	margin-left: 7px;
	background-image: url(/img/common/ico_link_s.png);
}
.txt_base.layer:after {
	top: 1px;
	width: 14px;
	height: 14px;
	margin-left: 7px;
	background-image: url(/img/common/ico_layerpop_s.png);
}
.txt_base.more:after {
	top: 5px;
	width: 6px;
	height: 6px;
	margin-left: 5px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	transform: rotate(-135deg);
}
.txt_sup {
	font-size: 11px;
	font-weight: 400;
}
.txt_con03 .txt_sup {
	font-size: 14px;
	font-weight: 500;
	color: #212121;
}
.txt_more {
	color: #212121;
}
.link_more {
	position: relative;
	padding: 0 30px;
	color: #212121;
	line-height: 1;
}
.link_more:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 3px;
	width: 15px;
	height: 13px;
	background: url(/img/common/ico_more_b.png) no-repeat;
	background-size: cover;
	transition: all 0.3s;
}
.link_more:hover::after {
	right: -10px;
}
.tc {
	text-align: center;
}
.img {
	overflow: hidden;
}

/* Color */
.txt_blue {
	color: #4747b3;
}
a.txt_blue {
	text-decoration: underline;
}
.txt_black {
	color: #000;
}
.txt_black02 {
	color: #212121;
}
label.txt_red,
.txt_red {
	color: red !important;
}

/* block */
.block {
	display: block;
}

/* List */
.list_type {
	border-top: 2px solid #212121;
	border-bottom: 1px solid #212121;
}
.list_type > li {
	display: table;
	width: 100%;
	padding: 22px 24px;
	border-top: 1px solid #e5e5e5;
}
.list_type > li:first-child {
	border-top: 0;
}
.list_type .tit_wrap {
	display: table-cell;
	width: 52%;
	margin: 0;
	vertical-align: middle;
}

.list_type .btn_area {
	display: table-cell;
	font-size: 0;
	text-align: right;
	vertical-align: middle;
}
.list_type .btn_area .btn_base {
	margin: 2px 0 2px 4px;
}
.list_type .btn_area .btn_base:first-child {
	margin-left: 0;
}
.list_type .tit {
	font-size: 20px;
	color: #212121;
	line-height: 1.5;
}
.list_type .date {
	display: block;
	margin-bottom: 10px;
}
.list_type .txt_type {
	padding-bottom: 0;
}
.list_type02 {
	margin: 0 -32px;
}
.list_type02:after {
	content: "";
	display: block;
	clear: both;
}
.list_type02 > li {
	float: left;
	position: relative;
	width: 50%;
	margin-bottom: 60px;
	padding: 0 32px;
}
.list_type03 {
	margin: -64px -16px 0;
}
.list_type03:after {
	content: "";
	display: block;
	clear: both;
}
.list_type03 > li {
	float: left;
	position: relative;
	width: 50%;
	margin-top: 64px;
	padding: 0 16px;
}
.list_type03 .img {
	position: relative;
	width: 100%;
	padding-bottom: 56.84%;
}
.list_type03 .img img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.list_type03 .tit {
	margin-top: 16px;
	color: #212121;
}
.list_type.acc {
	margin-top: 40px;
}
.tit_type03 + .list_type.acc {
	margin-top: 0;
}
.list_type.acc > li {
	padding: 0;
}
.list_type.acc .acc_header .tit_type05 {
	padding: 0;
}
.list_type.acc .acc_tit {
	display: block;
	position: relative;
	padding: 24px 16px;
	color: #212121;
	line-height: 1.5;
}
.list_type.acc .acc_tit:after {
	content: "";
	display: block;
	position: absolute;
	right: 11px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -10px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(-45deg);
	transition: all 0.3s;
}
.list_type.acc .acc_header.open .acc_tit:after {
	margin-top: -5px;
	border-color: #4747b3;
	transform: rotate(135deg);
}
.list_type.acc .acc_panel {
	padding: 32px;
	border-top: 1px solid #e5e5e5;
	background-color: #f5f5f5;
}
.list_type.acc .acc_con {
	color: #3e3e3e;
	line-height: 1.5;
}
.list_type.acc .acc_con .tit_type05 {
	padding-top: 32px;
}
.list_type.acc .acc_con .tit_type05.nospace {
	padding-top: 0;
}
.list_top {
	position: relative;
	width: 100%;
	margin-bottom: 16px;
	text-align: right;
}
.list_top.type {
	margin-top: 128px;
}
.list_top.type02 {
	margin-bottom: 40px;
}
.list_top:after {
	content: "";
	display: block;
	clear: both;
}
.list_top .tit_type02 {
	float: left;
	padding-top: 9px;
	text-align: left;
}
.list_top .tit_type02.type {
	padding-top: 12px;
	padding-bottom: 0;
}
.list_top .tit_type03 {
	float: left;
	padding-top: 29px;
	padding-bottom: 0;
	text-align: left;
}
.content_type .list_top .tit_type03.nospace {
	padding-top: 0;
}
.list_top .check_area {
	float: right;
	text-align: right;
}
.list_top .check_area.video .btn_base.link {
	position: absolute;
	top: 0;
	right: 272px;
}
.list_top .all_paging {
	position: absolute;
	left: 0;
	bottom: 16px;
}
.list_top .all_paging .stress {
	font-weight: 500;
	color: #212121;
}
.list_top .all_paging:only-child {
	position: static;
	margin-bottom: 28px;
	text-align: left;
}
.list_top .tag_area {
	float: right;
	margin-bottom: 16px;
}
.list_top .search_area {
	float: right;
	position: relative;
}
.list_top .search_area .input {
	width: 506px;
	height: 48px;
	font-size: 16px;
	font-weight: 400;
	text-indent: 16px;
	line-height: 46px;
}
.list_top .search_area .btn {
	width: 60px;
	height: 48px;
	margin-left: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 16px;
	color: #212121;
	text-align: center;
}
.list_top .search_area input[type="text"]::-ms-clear {
	display: none;
}
.list_top .search_area .delete_search {
	position: absolute;
	right: 84px;
	top: 50%;
	z-index: 10;
	width: 24px;
	height: 24px;
	margin-top: -12px;
}
.list_top .date_area {
	float: left;
	text-align: left;
}
.list_top .date_area .picker_area {
	display: inline-block;
	margin-left: -16px;
}
.list_top .date_area .input {
	width: 165px;
	height: 48px;
	font-size: 16px;
	text-indent: 16px;
}
.list_top .date_area + .search_area .input {
	width: 260px;
}
.list_top .txt_unit {
	float: right;
	font-size: 14px;
}
.picker_area .input.from {
	border-right: none;
	background: url(/img/common/ico_date_from.png) no-repeat 100% 50%;
	background-size: 16px;
}
.picker_area .input.to {
	border-left: none;
	margin-left: -8px;
	background: url(/img/common/ico_calendar.png) no-repeat 90% 50%;
	background-size: 14px;
}
label.custom {
	position: relative;
	padding: 0 40px 0 20px;
	cursor: pointer;
}
label.custom input {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}
label.custom span {
	display: inline-block;
	padding-left: 8px;
}
label.custom input:not(:checked):disabled + span {
	color: #b2b2b2;
}
label.custom span::before,
label.custom span::after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
label.custom span::before {
	content: "";
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #b0b1b5;
	background: #fff;
}
label.custom input[type="radio"] + span::before,
label.custom input[type="radio"] + span::after {
	border-radius: 50%;
}
label.custom input[type="radio"]:checked + span::before {
	border-color: #4747b3;
}
label.custom input[type="checkbox"]:checked + span::before {
	border-color: #4747b3;
	background: #4747b3;
}
label.custom input[type="radio"]:checked + span::after {
	content: "";
	left: 6px;
	width: 10px;
	height: 10px;
	background: #4747b3;
}
label.custom input[type="checkbox"]:checked + span::after {
	content: "";
	left: 4px;
	bottom: 4px;
	width: 12px;
	height: 7px;
	border-color: #fff;
	border-style: solid;
	border-width: 0 0 2px 2px;
	transform: rotate(-45deg);
}
label.custom input:disabled:not(:checked) + span::before {
	border-color: #d0d1d6 !important;
	background: #eaeaed !important;
}
label.custom input[type="radio"]:disabled:not(:checked) + span::after {
	background: #d0d1d6;
}
label.custom input[type="checkbox"]:disabled:not(:checked) + span::after {
	border-color: #d0d1d6;
}
.list_top.line {
	margin-bottom: 0;
	padding-bottom: 16px;
	border-bottom: 2px solid #212121;
}
.tbl_wrap + .list_top {
	margin-top: 128px;
}
.txt_con02 + .list_top {
	margin-top: 192px;
}
.txt_con02.type + .list_top {
	margin-top: 0;
}
.list_bottom {
	margin-top: 17px;
}
.accordion_wrap .acc_area:first-child .tit_bar {
	margin-top: 0;
}
.accordion_wrap .acc_area:first-child .tit_type04.type {
	padding-top: 32px;
}
.accordion_wrap .acc_tit {
	display: inline-block;
	position: relative;
	font-size: 20px;
	font-weight: 700;
	color: #212121;
	line-height: 1.5;
	text-align: left;
	cursor: default;
}
.accordion_wrap .tit_bar {
	position: relative;
	margin-top: 96px;
	padding: 0 0 24px 12px;
}
.accordion_wrap .tit_bar:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 7px;
	width: 4px;
	height: 16px;
	background: #888;
}
.accordion_wrap .tit_type04 {
	padding-top: 40px;
}
.accordion_wrap .tit_type04.type {
	padding-top: 64px;
}
.accordion_wrap .acc_panel > .tit_type04:first-child {
	padding-top: 0;
}
.content_type.space .accordion_wrap .acc_panel .txt_con {
	padding-bottom: 24px;
	font-size: 16px;
}

/* Bullet */
.bul_type > li {
	position: relative;
	margin-top: 10px;
	padding-left: 11px;
	line-height: 1.5;
}
.bul_type > li:first-child {
	margin-top: 0;
}
.bul_type > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 3px;
	height: 3px;
	background-color: #666;
	border-radius: 3px;
}
.bul_type strong {
	color: #212121;
}
.bul_type ul {
	margin: 0 0 0 0;
}
.bul_type ul > li {
	line-height: 1.4;
}
.bul_type .sub {
	position: relative;
	margin-top: 8px;
	padding-left: 11px;
	line-height: 1.5;
	color: #3e3e3e;
}
.bul_type .sub:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 5px;
	height: 1px;
	background-color: #666;
}
.txt_con + .bul_type {
	margin-top: -24px;
}
.txt_con + .bul_type.indent {
	margin-top: 15px;
}

.bul_type02 {
	margin-top: 16px;
}
.bul_type02 > li {
	position: relative;
	margin-top: 10px;
	padding-left: 8px;
	line-height: 1.4;
}
.bul_type02 > li:first-child {
	margin-top: 0;
}
.bul_type02 > li:before {
	content: "*";
	position: absolute;
	left: 0;
	top: 3px;
}
.bul_type02:not(ul) {
	position: relative;
	margin-top: 10px;
	padding-left: 8px;
	line-height: 1.4;
}
.bul_type02:not(ul):before {
	content: "*";
	position: absolute;
	left: 0;
	top: 3px;
}
.bul_type02 .txt {
	display: inline-block;
	margin-right: 17px;
	vertical-align: baseline;
}

.bul_type03:not(ul) {
	position: relative;
	margin-top: 10px;
	padding-left: 16px;
	line-height: 1.4;
}
.bul_type03:not(ul):before {
	content: "**";
	position: absolute;
	left: 0;
	top: 3px;
}
/* Table */
.tbl_wrap {
	position: relative;
}
.tbl_wrap .ico_area {
	display: none;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -35px;
}
.tbl_wrap .ico_touch {
	display: block;
	position: relative;
	width: 70px;
	height: 20px;
	background: rgba(0, 0, 0, 0.75);
	border-radius: 10px;
}
.tbl_wrap .ico_touch::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 50%;
	width: 50px;
	height: 14px;
	background: url(/img/common/ico_touch.png) no-repeat 0 0 / 100%;
	animation: swipe 1s infinite;
}
@keyframes swipe {
	0% {
		transform: translateX(-55%);
	}
	50% {
		transform: translateX(-45%);
	}
	100% {
		transform: translateX(-55%);
	}
}
[class^="tbl"] .cdata {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
[class^="tbl"] .ldata {
	text-align: left;
}
[class^="tbl"] .rdata {
	text-align: right;
}
[class^="tbl"] .p0 {
	padding: 0;
}
.tbl_list {
	width: 100%;
	border-top: 2px solid #212121;
	border-bottom: 1px solid #212121;
}
.tbl_list thead th {
	padding: 24px 0;
	border-bottom: 1px solid #212121;
	color: #212121;
	line-height: 1.5;
}
.tbl_list tbody td {
	padding: 24px 0;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	line-height: 1.5;
}
.tbl_list .subject {
	display: inline-block;
	color: #212121;
}
.tbl_list .subject:hover {
	text-decoration: underline;
}
.tbl_list .ldata {
	text-align: left;
}
.tbl_data_list {
	width: 100%;
	border-top: 2px solid #212121;
	border-bottom: 1px solid #212121;
	border-collapse: separate;
}
.tbl_data_list thead th {
	padding: 24px 16px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #212121;
	line-height: 1.5;
	color: #212121;
	text-align: center;
}
.tbl_data_list thead th.bborder {
	border-bottom: 1px solid #e5e5e5;
}
.tbl_data_list tbody th {
	padding: 24px 16px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	background-color: #f5f5f5;
	font-weight: 400;
	color: #3e3e3e;
	text-align: center;
	line-height: 1.5;
	word-break: normal;
}
.tbl_data_list tbody th.sub {
	background-color: #fff;
}
.tbl_data_list tbody td {
	padding: 24px 16px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	line-height: 1.5;
}

.tbl_data_list tbody td div.p2416{
	padding: 24px 16px;
}
.tbl_data_list tbody td div.border_t{
	border-top: 1px solid #e5e5e5;
}

.tbl_data_list tfoot tr {
	background-color: #f5f5f5;
}
.tbl_data_list tfoot tr th,
.tbl_data_list tfoot tr td {
	padding: 24px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-weight: 700;
	color: #212121;
	text-align: center;
}
.tbl_data_list thead th:last-child,
.tbl_data_list tbody td:last-child,
.tbl_data_list tfoot td:last-child {
	border-right: 0;
}
.tbl_data_list .br1{
	border-right: 1px solid #e5e5e5 !important;
}
.tbl_data_list tbody tr:first-child th,
.tbl_data_list tbody tr:first-child td {
	border-top: 0;
}
.tbl_data_list.ldata tbody td {
	padding-left: 32px;
	text-align: left;
}
.tbl_data_list .btn_block .btn_base {
	display: block;
	width: 100%;
	min-width: auto;
	padding-right: 50px;
}
.tbl_data_list .btn_block .btn_base:after {
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -9px;
}
.tbl_data_list tbody td.rborder:last-child {
	border-right: 1px solid #e5e5e5;
}
.tbl_data_list tbody th.bborder,
.tbl_data_list tbody td.bborder {
	border-bottom: 1px solid #212121;
}

.tbl_data_list .mt20{
	margin-top: 20px;
}

.hyper_pdf, .hyperlink {
	color:#4747b3;
}
.hyper_pdf:hover, .hyperlink:hover {
    text-decoration-line: underline !important;
}
.hyper_pdf:after {
	background-image: url(/img/common/ico_pdf.png);
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    width: 18px;
    height: 18px;
    margin:0 10px 0 5px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    vertical-align: top;
}

/* 테이블안의 테이블 */
.tbl_in {
	width: 100%;
	border-top: 2px solid #212121;
	border-bottom: 1px solid #212121;
	border-collapse: separate;
}
.tbl_in thead th {
	padding: 10px 8px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #212121;
	line-height: 1.5;
	color: #212121;
	text-align: center;
	background: none;
}
.tbl_in thead th.bborder {
	border-bottom: 1px solid #e5e5e5;
}
.tbl_in tbody th {
	padding: 10px 8px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	background-color: #f5f5f5;
	font-weight: 400;
	color: #3e3e3e;
	text-align: center;
	line-height: 1.5;
	word-break: normal;
}
.tbl_in tbody th.sub {
	background-color: #fff;
}
.tbl_in tbody td {
	padding: 10px 8px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5 !important;
	text-align: center;
	line-height: 1.5;
}
.tbl_in tfoot tr {
	background-color: #f5f5f5;
}
.tbl_in tfoot tr th,
.tbl_in tfoot tr td {
	padding: 24px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-weight: 700;
	color: #212121;
	text-align: center;
}
.tbl_in thead th:last-child,
.tbl_in tbody td:last-child,
.tbl_in tfoot td:last-child {
	border-right: 0;
}
.tbl_in tbody tr:first-child th,
.tbl_in tbody tr:first-child td {
	border-top: 0;
}
.tbl_in.ldata tbody td {
	padding-left: 32px;
	text-align: left;
}
.tbl_in .btn_block .btn_base {
	display: block;
	width: 100%;
	min-width: auto;
	padding-right: 50px;
}
.tbl_in .btn_block .btn_base:after {
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -9px;
}
.tbl_in tbody td.rborder:last-child {
	border-right: 1px solid #e5e5e5;
}
.tbl_in tbody th.bborder,
.tbl_in tbody td.bborder {
	border-bottom: 1px solid #212121;
}

.acc_con .tbl_in thead th,
.acc_con .tbl_in tbody td {
	padding: 16px 8px;
	background-color: #fff;
}
.tbl_data_view {
	width: 100%;
	border-top: 2px solid #212121;
	border-bottom: 1px solid #212121;
}
.tbl_data_view tbody tr:first-child th,
.tbl_data_view tbody tr:first-child td th:first-child,
.tbl_data_view tbody td:first-child {
	border-top: 0;
}
.tbl_data_view tbody th {
	padding: 24px 0 24px 16px;
	border-top: 1px solid #e5e5e5;
	font-weight: 400;
	color: #212121;
	text-align: left;
	line-height: 1.5;
}
.tbl_data_view tbody td {
	padding: 24px 16px;
	border-top: 1px solid #e5e5e5;
	line-height: 1.5;
}
.tbl_data_view .sub {
	background-color: #f5f5f5;
}
.tbl_data_view .sub + td {
	font-weight: 700;
	color: #212121;
}
.tbl_data_view tfoot tr th,
.tbl_data_view tfoot tr td {
	padding: 24px 16px;
	border-top: 1px solid #e5e5e5;
	font-weight: 700;
	color: #212121;
	text-align: center;
}
.tbl_data_view tfoot tr th {
	background-color: #f5f5f5;
	font-weight: 400;
	text-align: left;
}
.tbl_data_view:not(table) {
	padding: 23px 0 24px;
}
.tbl_data_view:not(table):after {
	content: "";
	display: block;
	clear: both;
}
.tbl_data_view:not(table) dt {
	float: left;
	clear: left;
	width: 23%;
	margin-top: 24px;
	padding-left: 24px;
	font-weight: 700;
	color: #212121;
	line-height: 1.5;
}
.tbl_data_view:not(table) dt:first-child,
.tbl_data_view:not(table) dt:first-child + dd {
	margin-top: 0;
}
.tbl_data_view:not(table) dd span.checkbox{
	padding-top: 10px;
}
.tbl_data_view:not(table) dd {
	float: left;
	width: 77%;
	margin-top: 24px;
	line-height: 1.5;
}
.tbl_data_view.type {
	padding: 0;
	display: table;
	margin-bottom: 40px;
}
.tbl_data_view.type .tr {
	display: table-row;
}
.tbl_data_view.type dt,
.tbl_data_view.type dd {
	display: table-cell;
	position: relative;
	float: none;
	margin-top: 0;
	padding: 24px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
}
.tbl_data_view.type dd::after {
	content: "";
	display: block;
}
.tbl_data_view.type .th {
	background: #f5f5f5;
	font-weight: 400;
}
.tbl_data_view.type .th.inq::after {
	content: "*";
	padding-left: 3px;
	color: #ff0000;
}
.tbl_data_view.type .input {
	height: 40px;
	text-indent: 16px;
	font-size: 16px;
}
.tbl_data_view.type .select {
	height: 40px;
	line-height: 38px;
}
.tbl_data_view.type .input.full {
	width: 100%;
}
.tbl_data_view.type .textarea {
	min-width: 100%;
	padding: 16px;
	min-height: 200px;
	overflow: auto;
	border: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 16px;
}
.tbl_view {
	border-top: 2px solid #212121;
	border-bottom: 1px solid #212121;
}
.tbl_view .thead {
	display: table;
	width: 100%;
	border-bottom: 1px solid #bdbdbd;
}
.tbl_view .title {
	display: table-cell;
	width: 90%;
	text-align: left;
	padding: 32px 0 32px 24px;
	font-size: 22px;
	font-weight: 400;
	color: #212121;
}
.tbl_view .source {
	display: table-cell;
	width: 10%;
	font-weight: 400;
	color: #666;
}
.tbl_view .td {
	padding: 32px 24px;
	line-height: 1.5;
}
.view_area .btn_area {
	text-align: center;
	margin: 40px 0 128px;
}
.view_area .btn_area .btn_base {
	margin: 0;
	text-align: center;
	padding: 14px;
}
.view_area .btn_area .btn_base::after {
	content: none;
}
.view_area .tbl_list {
	border-top: 1px solid #212121;
}
.view_area .tbl_list .td.title a {
	color: #666;
}
.view_area .tbl_list .td.source {
	width: 10%;
	text-align: left;
	color: #212121;
	padding-left: 24px;
	font-weight: 500;
}
.textarea_limit {
	position: absolute;
	bottom: 38px;
	right: 36px;
	font-size: 14px;
}
.captcha_area {
	width: 305px;
	height: 80px;
	background: #eee;
	margin-bottom: 12px;
}
.btn_area.type02 {
	text-align: center;
}
.btn_area.type02 .btn_base.blue.big {
	height: 64px;
	font-size: 18px;
	padding: 0 40px;
}
.tbl_top {
	text-align: right;
}
.box_type + .tbl_wrap,
.box_type + .tbl_data_list {
	margin-top: 33px;
}

/* Box */
.box_type {
	padding: 26px 32px;
	background-color: #f5f5f5;
}
.txt_con04.type + .box_type,
.box_type + .txt_con04.type {
	margin-top: 32px;
}
.bul_type + .box_type,
.btn_area + .box_type {
	margin-top: 40px;
}
.box_type02 {
	border: 1px solid #e5e5e5;
}

/* Tab */
.tab_area {
	max-width: 1216px;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 64px;
	border-bottom: 1px solid #e5e5e5;
}
.tab_area + .tab_area {
	margin-top: -56px;
}
.tab_menu {
	max-width: 1216px;
	height: 64px;
	margin: 0 auto;
}
.tab_menu:after {
	content: "";
	display: block;
	clear: both;
}
.tab_menu > li {
	float: left;
	padding-left: 64px;
}
.tab_menu > li:first-child {
	padding-left: 0;
}
.tab_menu .menu {
	display: block; /*overflow:hidden;*/
	position: relative;
	font-size: 20px;
	color: #212121;
	line-height: 64px;
}
.tab_menu .menu:hover,
.tab_menu .menu.on,
.tab_menu .menu:focus {
	font-weight: 700;
}
.tab_menu .menu:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleX(0);
	height: 4px;
	background-color: #ff5a00;
	transition: all 0.3s ease;
}
.tab_menu .menu.on:before,
.tab_menu .menu:hover::before,
.tab_menu .menu:focus::before {
	transform: scaleX(1);
}
.tab_menu02 {
	max-width: 1216px;
	margin: 0 auto;
	height: 64px;
	border-bottom: 1px solid #e5e5e5;
}
.tab_menu02:after {
	content: "";
	display: block;
	clear: both;
}
.tab_menu02 > li {
	float: left;
	width: 200px;
}
.tab_menu02 .menu {
	display: block;
	position: relative;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	font-size: 24px;
	color: #212121;
	line-height: 62px;
	text-align: center;
}
.tab_menu02 .menu.on {
	font-weight: 700;
	color: #ff5a00;
}
.tab_menu02 .menu.on:before {
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	right: -1px;
	top: -1px;
	bottom: -1px;
	border: 1px solid #ff5a00;
}
.tab_con {
	max-width: 1216px;
	margin: 0 auto;
}

/* Btn */
.btn_base {
	display: inline-block;
	position: relative;
	min-width: 100px;
	padding: 12px 50px 12px 16px;
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 16px;
	font-weight: 400;
	color: #212121;
	line-height: 1.4em;
	text-align: left;
	vertical-align: middle;
}
.btn_base.call {
	display: inline-block;
	width: 52px;
	height: 48.4px;
	padding: 0;
}
.btn_base.big {
	min-width: 120px;
	padding: 14px 66px 14px 24px;
	font-size: 18px;
}
.btn_base.big.call {
	min-width: 230px;
	height: auto;
}
.btn_base.large {
	min-width: 120px;
	height: 64px;
	padding: 0 50px 0 24px;
	font-size: 18px;
	line-height: 62px;
}
.btn_base.large.error {
	min-width: 120px;
	height: 64px;
	padding: 0 54px 0 24px;
	font-size: 18px;
	line-height: 62px;
}
.btn_base.two_line {
	text-align: left;
    line-height: 25px;
    padding: 20px 30px;
	height: auto;
	width: 49%;
}
.btn_base.two_line:last-child {
 margin-right: 0px;
}

.btn_base.two_line:after  {
	top: 4px;
}

.btn_base.two_line.more:after {
	top: 40%;
	width: 17px;
	height: 17px;
	margin-top: 0;
	background-image: url(/img/common/ico_plus.png);
	position: absolute;
    right: 30px;
}

.btn_base.two_line .big{
	font-size: 18px;
	font-weight: bold;
}

.btn_base.two_line .small{
	font-size: 14px;
}
.btn_base.link.newsroom {
	width: 52px;
	height: 48.4px;
	padding: 0;
}

.btn_base:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.btn_base.pdf:after {
	background-image: url(/img/common/ico_pdf.png);
}
.btn_base.link:after {
	background-image: url(/img/common/ico_link.png);
}
.btn_base.call:after {
	background-image: url(/img/common/ico_call.png);
}
.btn_base.jpg:after {
	background-image: url(/img/common/ico_jpg.png);
}
.btn_base.layer:after {
	background-image: url(/img/common/ico_layerpop.png);
}
.btn_base.ppt:after {
	background-image: url(/img/common/ico_ppt.png);
}
.btn_base.big.pdf:after {
	background-image: url(/img/common/ico_pdf_b.png);
	right: 24px;
}
.btn_base.big.call:after {
	background-image: url(/img/common/ico_call_b.png);
}
.btn_base.big.link:after {
	background-image: url(/img/common/ico_link_b.png);
}
.btn_base.big.layer:after {
	background-image: url(/img/common/ico_layerpop_b.png);
}
.btn_base.large.more:after {
	width: 21px;
	height: 15px;
	background-image: url(/img/common/ico_more_b02.png);
}
.btn_base.large.error:after {
	top: 31px;
	width: 21px;
	height: 15px;
	background-image: url(/img/common/ico_more_b02.png);
}
.btn_base.blue {
	min-width: 200px;
	height: 48px;
	border-color: #4747b3;
	background-color: #4747b3;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 46px;
	text-align: center;
}
.btn_base.blue:after {
	display: none;
}

.btn_base.blue.color_w {
	color: #fff !important;
	padding: 0;
}

.btn_check {
	display: inline-block;
	width: 60px;
	height: 48px;
	border: 1px solid #ddd;
	font-size: 16px;
	color: #212121;
	line-height: 46px;
	text-align: center;
	vertical-align: middle;
}
.tag {
	min-width: 80px;
	font-size: 14px;
	text-align: center;
	padding: 8px 12px;
	transition: all 0.2s;
}
.tag:hover {
	background-color: #4747b3;
	border-color: #4747b3;
	color: #fff;
}
.tag:after {
	display: none;
}
.btn_base.small {
	min-width: 90px;
	padding: 5px 44px 5px 16px;
	font-size: 14px;
	font-weight: 400;
	color: #212121;
}
.btn_base.small:after {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: 0;
	vertical-align: top;
}
.btn_base.small.more:after {
	width: 9px;
	height: 9px;
	margin-top: -5px;
	background-image: url(/img/common/ico_plus.png);
}
.btn_base.small.link:after {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background-image: url(/img/common/ico_link_s.png);
}
.btn_base .txt {
	display: inline-block;
	min-width: 135px;
	margin-right: 12px;
}

.ir_vod .btn_base {
	width: 100%;
}
.ir_vod .btn_base.more:after {
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background-image: url(/img/common/ico_plus.png);
}
.ir_vod .btn_base.link:after {
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background-image: url(/img/common/ico_link_s.png);
}

.list_type .btn_base,
.tbl_data_list .btn_base {
	min-width: 48px;
	background-color: #f5f5f5;
}
.list_type .btn_base:after {
	margin-left: 0;
}
.btn_wrap {
	margin-right: -8px;
}
.btn_wrap:after {
	content: "";
	display: block;
	clear: both;
}
.btn_wrap .btn_base {
	float: left;
	width: calc((100% - 24px) / 3);
	margin-right: 8px;
	min-width: auto;
}
.btn_wrap .btn_base.big.press {
	min-width: 230px;
	height: auto;
}
.btn_wrap .btn_base.ceo,
.btn_wrap .btn_base.etc {
	min-width: 200px;
}
.btn_wrap .btn_base:after {
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -9px;
}
.btn_wrap .btn_base.big:after {
	right: 24px;
}
.btn_area {
	margin-top: -8px;
	font-size: 0;
}
.btn_area.type {
	margin-top: 16px;
}
.content_type .content_detail .tit_type05.nospace + .btn_area {
	margin-top: -8px;
}
.content_type .content_detail .tit_type05 + .btn_area.mt0 {
	margin-top: 0;
}
.btn_area .btn_base {
	margin: 8px 8px 0 0;
}
.btn_area .btn_base:only-child {
	margin: 0;
}
.btn_area.sv2030 {
	text-align: right;
	margin-bottom:10px;
}
.btn_area.mt20 {
	margin-top: 20px;
}
.btn_area.return {
	margin-top:64px;
}
.btn_area.return .btn_base.more:after {
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background-image: url(/img/common/ico_plus.png);
}
.btn_area.return .btn_base.more.open:after {
	background-image: url(/img/common/ico_minus.png);
}
.btn_width .btn_base.pdf {
	width: 260px;
}
.btn_width .btn_base.pdf:after {
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -9px;
}
.txt_type07 + .btn_area {
	margin: 64px 0 190px;
}
.outlink:after{
	content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 8px;
    background-image: url(/img/common/ico_link_FAQ.png);
    background-position: 0 0;
    background-size: contain;
    vertical-align: top;
    margin-left: 2px;
	margin-right: 5px;
}

.icon_link:after{
	content: "";
    display: inline-block;
	position: relative;
    top: 4px;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 5px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
	background-image: url(/img/common/ico_link.png);
}

.content_type .content_detail .btn_box .btn_area{
	margin-top: 60px;
}
.content_type .content_detail .btn_base.fw_500{
	font-weight: 500;
}

/* Form */
.select {
	min-width: auto;
	height: 48px;
	padding: 0 46px 0 22px;
	border: 1px solid #ddd;
	background: url(/img/common/ico_select_down.png) no-repeat 100% 50% /34px 10px;
	font-size: 16px;
	font-weight: 400;
	color: #212121;
	line-height: 46px;
	vertical-align: middle;
}
.list_top .select {
	min-width: 196px;
}
.input {
	height: 56px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.input:focus {
	border-color: #999;
}
.input::-webkit-input-placeholder {
	color: #bdbdbd; /* Chrome/Opera/Safari */
}
.input::-moz-placeholder {
	color: #bdbdbd;
	opacity: 1; /* Firefox 19+ */
}
.input:-ms-input-placeholder {
	color: #bdbdbd; /* IE 10+ */
}
.input:-moz-placeholder {
	color: #bdbdbd;
	opacity: 1; /* Firefox 18- */
}
.form_group {
	text-align: left;
}
.form_group .checkbox {
	display: block;
}
.form_group .checkbox + .checkbox {
	margin-top: 8px;
}
.checkbox {
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.checkbox input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.checkbox label {
	position: relative;
	display: inline-block;
	min-height: 18px;
	padding: 0 0 0 24px;
	color: #212121;
}
.checkbox input + label:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 39;
	width: 16px;
	height: 16px;
	border: 1px solid #b0b1b5;
	border-radius: 0;
	background: #fff;
}
.checkbox input:checked + label:before {
	border-color: #4747b3;
	background-color: #4747b3;
}
.checkbox input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	left: 3px;
	top: 4px;
	z-index: 900;
	width: 9px;
	height: 4px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg);
}
.checkbox input:focus + label, .checkbox.radio_btn input:focus + label {
	outline: 2px dotted #000;
}

/* 정보주체 권리보장 */
.checkbox.radio_btn {
	padding-top: 30px;
}
.checkbox.radio_btn > span {
	padding-left: 10px;
}
.checkbox.radio_btn label {
	padding: 0 23px 0 0;
}
.checkbox.radio_btn input + label:before {
	left: auto;
	right: 0;
	border-radius: 50%;
}
.checkbox.radio_btn input:checked + label:before {
	width: 11px;
	height: 11px;
	border:5px solid #4747b3;
	background-color: #fff;
}
.checkbox.radio_btn input:checked + label:after {
	display: none;
}

/* Layer Pop */
.vm {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0px auto;
	width: 100%;
	min-width: 110px;
	max-height: 740px;
	background-color: #fff;
	cursor: default;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.vm.pop_wrap {
	max-width: 640px;
}
.vm.pop_wrap02 {
	max-width: 960px;
}
.vm.pop_wrap03 {
	max-width: 720px;
}
.vm.pop_wrap04 {
	width: 770px;
	height: 700px;
	max-width: 770px;
}
.vm.search .vm-titlebar {
	height: 0;
	border-bottom: none;
}
.vm.search .vm-content {
	padding: 0;
}
.vm.search .vm-content::after {
	padding-bottom: 0;
}
.vm.printing_popup {
	width: 0;
	min-width: 0;
}
.vm .vm-titlebar {
	height: 89px;
	padding: 0 40px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.vm.heightauto {
	max-height: 780px;
}
.vm.heightauto .vm-titlebar {
	height: auto;
	padding: 0 40px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
.vm .vm-title {
	margin: 0;
	font-size: 28px;
	color: #212121;
	line-height: 88px;
}
.vm.heightauto .vm-titlebar .vm-title {
	margin: 0;
	font-size: 28px;
	color: #212121;
	line-height: 1.5;
	padding: 20px 0;
}
.vm .vm-content {
	max-height: 650px;
	padding: 48px 40px 0;
	overflow: auto;
	overflow-x: hidden;
	line-height: 1.5;
}
.vm .vm-content:after {
	content: "";
	display: block;
	padding-bottom: 48px;
}
.vm .vm-content .txt_con02.type {
	margin-bottom: 40px;
}
.vm .vm-content div {
	line-height: 1.5;
}
.vm .vm-content a {
	color: #666;
}
.vm .vm-content .checkbox {
	display: block;
	text-align: right;
}
.vm .btn_close {
	position: absolute;
	right: 51px;
	top: 35px;
	width: 19px;
	height: 19px;
	background: url(/img/common/ico_pop_close.png) no-repeat 0 0;
}
.vm .printing_dimm .btn_close {
	background-image: none;
}
.vm-content .bul_type02 > li {
	font-size: 14px;
	text-align: left;
}
.vm-content .txt_bottom {
	padding-top: 16px;
	font-size: 14px;
}
.vm-content .tbl_data_list thead th,
.vm-content .tbl_data_list tbody th,
.vm-content .tbl_data_list tbody td {
	padding: 16px 8px;
}
.vm-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.75);
}
.vm-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	outline: 0;
}
.vm-btn-close {
	color: #ccc;
	padding: 0px;
	cursor: pointer;
	background: 0 0;
	border: 0;
	float: right;
	font-size: 24px;
	line-height: 1em;
}
.vm-btn-close:before {
	content: "×";
	font-family: Arial;
}
.vm-btn-close:hover,
.vm-btn-close:focus,
.vm-btn-close:focus:hover {
	color: #bbb;
	border-color: transparent;
	background-color: transparent;
}
.vm-fadeIn {
	animation-name: vm-fadeIn;
}
@keyframes vm-fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.vm-fadeOut {
	animation-name: vm-fadeOut;
}
@keyframes vm-fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.vm-fadeIn,
.vm-fadeOut {
	animation-duration: 0.25s;
	animation-fill-mode: both;
}

/* @media all and (max-width: 1500px) {
	.gnb_menu > li {
		padding: 0 1.4%;
	}
} */

@media all and (max-width: 1500px) {
	.link_area {
	display: none;
	}
}

@media all and (max-width: 1280px) {
	.gnb_menu > li:nth-child(4) .gnb_depth1 {
		margin-left: 37.4%;
	}
	.btn_base.two_line{
		width: 100%;
	}
	.gnb_menu > li .menu.link:focus::after {
		background: none;
	}
	
	.btn_icon {
		width: 50px;
	}
	.footer_link .txt {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
	.footer_link .menu.newsroom:before {
		background-image: url(/img/common/ico_newsroom_m.png);
	}
	.footer_link .menu.youtube:before {
		background-image: url(/img/common/ico_youtube_m.png);
	}
	.footer_link .menu.facebook:before {
		background-image: url(/img/common/ico_facebook_m.png);
	}
	.footer_link .menu.wechat:before {
		background-image: url(/img/common/ico_wechat_m.png);
	}
	.footer_link .menu.instagram:before {
		background-image: url(/img/common/ico_instagram_m.png);
	}
	.footer_link .menu:before {
		width: 26px;
		height: 24px;
	}
}

/* Tablet */
@media all and (max-width: 1024px) {
	/* Layout */
	.gnb_menu > li:nth-child(2) .gnb_depth1 {
		max-width: 896px;
	}
	.gnb_menu > li:nth-child(4) .gnb_depth1 {
		margin-left: 44.4%;
	}
	.gnb_depth1.sus .gnb_depth2.inline.dbl {
		display: block;
		width: 272px;
		overflow: hidden;
	}
	.gnb_depth1.sus .gnb_depth2.inline.dbl > li {
		display: block;
		float: left;
		width: 136px;
	}
	.gnb_depth1.sus .gnb_depth2.inline.dbl > li:first-child {
		padding-top: 13px;
	}
	.gnb_depth1.sus .gnb_depth2.inline.dbl > li:nth-child(2) {
		clear: left;
	}
	.gnb_depth1.sus .gnb_depth2.inline.dbl > li:nth-child(3) {
		margin-top: -30px;
	}
	.link_menu .txt {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
	.link_menu .link_txt {
		padding-left: 0;
	}
	.link_menu .link_txt:before {
		margin-right: 0;
	}
	.list_top .search_area {
		float: left;
		clear: both;
		margin-top: 12px;
	}
	#content {
		padding-bottom: 128px;
	}
	#footer .inner {
		padding-left: 32px;
		padding-right: 32px;
	}
	#footer .footer_bg .inner {
		padding: 0 0 0 32px;
	}
	#footer .inner:before {
		width: 200px;
	}
	#footer .logo {
		width: 160px;
	}
	#footer .gnb_area {
		width: calc(100% - 200px);
	}
	.support_area {
		width: 200px;
	}
	#footer .shortcut_area .inner {
		padding: 20px 186px 20px 32px;
	}
	.footer_link {
		right: 32px;
	}
	.footer_link .menu:before {
		margin-right: 0;
	}

	.footer_link .qr_area {
		margin-left: -55px;
	}
	#footer .language_menu {
		width: 168px;
		text-align: right;
	}
	#footer .language_menu .link_txt,
	#footer .language_menu .language_sub {
		width: 136px;
	}
	#footer .language_menu .language_sub {
		left: auto;
		right: 0;
		margin-left: 0;
	}

	.wa, .ffsb{
		position: initial;
    	margin-top: 20px;
		display: inline-block;
	}
	.ffsb {
		margin-right: 15px;
	}

	/* Title */
	#content > .tit_wrap {
		padding: 80px 32px;
	}

	.ir .tab_menu > li {
		float: left;
		padding-left: 30px;
	}
	.ir .tab_menu > li:first-child{
		padding-left: 0;
	}
}

@media all and (max-width: 1024px) {
	/* Layout */
	#header .gnb_area {
		display: none;
	}
}

/* Mobile */
@media all and (max-width: 768px) {
	/* Layout */
	#header {
		padding: 0 24px;
		border-bottom: 0;
	}
	#header .inner {
		height: 56px;
	}
	#header .logo {
		width: 66px;
		height: 36px;
		margin-top: -18px;
		background: url(/img/common/img_logo_m.png) no-repeat 0 0 / 100%;
	}
	#header .gnb_area {
		display: none;
	}
	#header .language_area {
		display: none;
	}
	#header.header_fixed {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 9000;
		padding: 0;
		background-color: #fff;
	}
	#header.header_fixed .gnb_top_m {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 56px;
		z-index: 10;
		border-bottom: 1px solid #e5e5e5;
		background-color: #fff;
	}
	#header.header_fixed > .inner {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 5;
		height: 100%;
		padding-top: 56px;
	}
	#header.header_fixed .util_area {
		display: none;
	}
	#header.header_fixed .btn_icon.all,
	#header.header_fixed .btn_icon.search {
		display: none;
	}
	#header.header_fixed .logo {
		left: 24px;
		top: 10px;
		width: 66px;
		margin-top: 0;
		background-image: url(/img/common/img_logo_m.png);
	}
	#header.header_fixed .btn_close_allmenu {
		display: block;
		position: absolute;
		right: 16px;
		top: 16px;
		z-index: 20;
		width: 24px;
		height: 24px;
	}
	#header.header_fixed .btn_close_allmenu:before,
	#header.header_fixed .btn_close_allmenu:after {
		content: "";
		display: block;
		position: absolute;
		left: 3px;
		top: 10px;
		width: 71%;
		height: 2px;
		background-color: #666;
	}
	#header.header_fixed .btn_close_allmenu:before {
		transform: rotate(45deg);
	}
	#header.header_fixed .btn_close_allmenu:after {
		transform: rotate(-45deg);
	}
	#header.header_fixed .gnb_area {
		display: block;
		height: 100%;
		border-top: 1px solid #e5e5e5;
	}
	#header.header_fixed .gnb_menu {
		position: relative;
		height: 100%;
		width: 100%;
		padding: 10px 0 0 0;
		margin-left: 0;
	}
	#header.header_fixed .gnb_menu > li {
		float: none;
		width: 149px;
		padding: 8px 0;
	}
	#header.header_fixed .gnb_menu > li:first-child {
		padding-top: 0;
	}
	#header.header_fixed .gnb_menu > li:nth-child(4) .gnb_depth1 {
		margin-left: 0;
	}
	#header.header_fixed .gnb_menu .menu {
		padding-left: 24px;
		padding: 10px 0 0 29px;
		font-size: 16px;
		font-weight: 700;
	}
	#header.header_fixed .gnb_menu .menu:after {
		display: none;
	}
	#header.header_fixed .gnb_menu .menu.link {
		padding-right: 0;
	}
	#header.header_fixed .gnb_menu .menu.link:after {
		content: "";
		display: inline-block;
		position: relative;
		top: 2px;
		width: 12px;
		height: 12px;
		margin-left: 10px;
		background: url(/img/common/ico_link_s.png) no-repeat 0 0;
		background-size: 100%;
		vertical-align: top;
	}
	#header.header_fixed .gnb_menu .menu.on {
		font-weight: 700;
		color: #4747b3;
	}
	#header.header_fixed .gnb_menu > li:last-child .menu.link:hover::after,
	#header.header_fixed .gnb_menu > li:last-child .menu.link:focus::after {
		right: 0;
	}
	.gnb_menu > li .menu.link:hover::after,
	.gnb_menu > li .menu.link:focus::after {
		right: auto;
	}
	#header.header_fixed .gnb_menu .sub_area {
		left: 149px;
		top: 0;
		bottom: 0;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		border-left: 1px solid #e5e5e5;
		background-color: #f8f8f9;
	}
	#header.header_fixed .sub_area .inner {
		padding: 14px 24px 24px;
	}
	#header.header_fixed .gnb_menu .depth0 {
		display: block;
		padding: 16px 8px;
		border-bottom: 1px solid #e5e5e5;
		font-size: 14px;
		color: #3e3e3e;
	}
	#header.header_fixed .gnb_menu .depth0:after {
		content: "";
		display: inline-block;
		position: relative;
		top: 4px;
		width: 6px;
		height: 6px;
		margin-left: 7px;
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;
		vertical-align: top;
		transform: rotate(-135deg);
	}
	#header.header_fixed .gnb_depth1 {
		display: block;
	}
	#header.header_fixed .gnb_depth1 > li {
		display: block;
		margin-top: 10px;
		padding-left: 0;
		border-left: 0;
	}
	#header.header_fixed .gnb_depth1 > li:first-child {
		margin-top: 16px;
	}
	#header.header_fixed .gnb_depth1 .depth1 {
		min-width: 100%;
		margin-top: 0;
		padding: 8px;
		font-size: 14px;
		font-weight: 400;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth2.inline.dbl {
		width: 100%;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth2.inline.dbl > li {
		width: 100%;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth2.inline {
		display: block;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth2.inline > li {
		display: block;
		float: none;
		margin-top: 0;
	}
	#header.header_fixed .gnb_depth2 {
		margin-left: 17px;
		padding: 0 0 3px;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth2 {
		padding-bottom: 12px;
		margin-left: 0;
	}
	#header.header_fixed .gnb_depth2 > li {
		padding-top: 4px;
	}
	#header.header_fixed .gnb_depth2 .depth2 {
		display: block;
		position: relative;
		padding: 5px 0 5px 11px;
		line-height: 1.2;
	}
	#header.header_fixed .gnb_depth2 .depth2:before {
		content: "";
		display: inline-block;
		position: absolute;
		left: 0;
		top: 13px;
		width: 4px;
		height: 1px;
		background-color: #3e3e3e;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth2,
	#header.header_fixed .gnb_depth1.sus .gnb_depth2.inline {
		display: block;
	}
	#header.header_fixed .gnb_depth1.sus > li {
		border-bottom: 1px solid #e5e5e5;
	}
	#header.header_fixed .gnb_depth1.sus > li:first-child {
		margin-top: 10px;
		width: 100%;
	}
	#header.header_fixed .gnb_depth1.sus > li:last-child {
		border-bottom: 0;
	}
	#header.header_fixed .gnb_depth1.sus .depth1 {
		display: block;
		position: relative;
		padding: 18px 8px;
		font-weight: 700;
		color: #212121;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth2 > li {
		padding-top: 9px;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth2 > li:first-child {
		padding-top: 1px;
	}
	#header.header_fixed .gnb_depth1.sus .depth2 {
		padding: 8px;
		font-weight: 400;
		color: #212121;
	}
	#header.header_fixed .gnb_depth1.sus .depth2 strong {
		font-weight: 400;
	}
	#header.header_fixed .gnb_depth1.sus .depth2:before {
		display: none;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth3 {
		margin: 0 0 0 12px;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth3 > li {
		margin-top: 4px;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth3 .depth3 {
		display: block;
		position: relative;
		padding: 7px 0 7px 10px;
		line-height: 1.2;
	}
	#header.header_fixed .gnb_depth1.sus .gnb_depth3 .depth3:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 14px;
		width: 3px;
		height: 3px;
		border-radius: 3px;
		background-color: #666;
	}
	#header.header_fixed .gnb_depth4 {
		margin: 2px 0 9px 6px;
	}
	#header.header_fixed .gnb_depth4 .depth4 {
		padding-left: 11px;
	}
	#header.header_fixed .gnb_depth1 .depth1:hover,
	#header.header_fixed .gnb_depth2 .depth2:hover,
	#header.header_fixed .gnb_depth3 .depth3:hover,
	#header.header_fixed .gnb_depth3 .depth4:hover,
	#header.header_fixed .gnb_depth1 .depth1:focus,
	#header.header_fixed .gnb_depth2 .depth2:focus,
	#header.header_fixed .gnb_depth3 .depth3:focus,
	#header.header_fixed .gnb_depth3 .depth4:focus {
		color: #3e3e3e;
		text-decoration: none;
	}
	.gnb_depth1 .depth1.esg_link:after {
		top: 20px;
		left: 45px;
	}
	.gnb_depth2 .depth2.esg_link:after {
		top: 10px;
		left: 120px;
	}
	#header.header_fixed .link_area {
		display: block;
		position: absolute;
		left: 0;
		right: auto;
		top: auto;
		bottom: 68px;
		z-index: 30;
		width: 149px;
		border-top: 1px solid #e5e5e5;
		transform: none;
	}
	#header.header_fixed .link_menu > li {
		float: none;
		margin: 10px 0;
		padding-left: 24px;
	}
	#header.header_fixed .link_menu > li:first-child {
		margin-top: 20px;
	}
	#header.header_fixed .link_menu > li:before {
		display: none;
	}
	#header.header_fixed .link_menu .menu {
		font-size: 14px;
	}
	#header.header_fixed .link_menu .menu:before {
		content: "";
		display: inline-block;
		position: relative;
		top: -2px;
		width: 26px;
		height: 24px;
		margin-right: 8px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: cover;
		vertical-align: top;
	}
	#header.header_fixed .link_menu .menu.newsroom:before {
		background-image: url(/img/common/ico_newsroom_on_m.png);
	}
	#header.header_fixed .link_menu .menu.youtube:before {
		top: -3px;
		background-image: url(/img/common/ico_youtube_on_m.png);
	}
	#header.header_fixed .link_menu .menu.facebook:before {
		background-image: url(/img/common/ico_facebook_on_m.png);
	}
	#header.header_fixed .link_menu .menu.wechat:before {
		background-image: url(/img/common/ico_wechat_on_m.png);
	}
	#header.header_fixed .link_menu .menu.instagram:before {
		background-image: url(/img/common/ico_instagram_on_m.png);
	}

	#header.header_fixed .language_menu {
		display: block;
		position: absolute;
		left: 24px;
		bottom: 24px;
		z-index: 40;
		width: 102px;
		text-align: center;
	}
	#header.header_fixed .language_menu .link_txt {
		display: inline-block;
		position: relative;
		width: 102px;
		height: 36px;
		padding: 0 12px;
		border: 1px solid #bdbdbd;
		background-color: #fff;
		font-size: 14px;
		color: #212121;
		line-height: 34px;
		text-align: left;
	}
	#header.header_fixed .language_menu .link_txt:after {
		content: "";
		display: block;
		position: absolute;
		right: 16px;
		top: 16px;
		width: 6px;
		height: 6px;
		margin-left: 9px;
		border-left: 1px solid #212121;
		border-bottom: 1px solid #212121;
		transform: rotate(135deg);
		transition: all 0.3s;
	}
	#header.header_fixed .language_menu .link_txt.open:after {
		top: 13px;
		border-color: #4747b3;
		transform: rotate(-45deg);
	}
	#header.header_fixed .language_menu .language_sub {
		position: absolute;
		left: 0;
		top: auto;
		bottom: 35px;
		width: 102px;
		margin-left: 0;
		padding: 0;
		border: 1px solid #bdbdbd;
		border-bottom: 0;
		border-radius: 0;
		background-color: #fff;
	}
	#header.header_fixed .language_menu .language_sub:before {
		display: none;
	}
	#header.header_fixed .language_menu .language_sub .menu {
		display: block;
		height: 36px;
		padding: 0 12px;
		font-size: 14px;
		color: #212121;
		line-height: 36px;
		text-align: left;
	}
	#header.header_fixed .language_menu .language_sub .menu:hover {
		background-color: #f5f5f5;
		color: #4747b3;
	}
	#header.header_fixed .language_menu .language_sub .menu.on {
		background-color: #f5f5f5;
		color: #4747b3;
	}
	#header.header_fixed .link_area .qr_area {
		left: 118px;
		top: -29px;
		z-index: 20;
	}
	.btn_menu {
		width: 24px;
		height: 24px;
		margin-left: 16px;
	}
	.btn_menu.search {
		background-size: 20px 20px;
	}
	.btn_menu.all {
		background-image: url(/img/common/ico_menu_m.png);
		background-size: 16px 14px;
	}
	.btn_icon {
		width: 24px;
		height: 24px;
	}
	.btn_icon.search {
		background-image: url(/img/common/ico_search_m.png);
		background-size: 20px 20px;
	}
	.btn_icon.all {
		background-image: url(/img/common/ico_menu_m.png);
		background-size: 18px 16px;
	}
	.search_area {
		margin-right: 24px;
	}
	.top_search {
		height: auto;
		padding: 56px 16px;
		background-color: #fff;
		text-align: center;
	}
	.top_search .input {
		display: block;
		width: 100%;
	}
	.input_area .btn_icon.search {
		right: 0;
	}
	.close_search {
		top: -46px;
		right: -4px;
		width: 36px;
		height: 36px;
	}
	.close_search:before,
	.close_search:after {
		left: 10px;
		top: 18px;
	}
	#container {
		margin-top: 56px;
	}
	#footer {
		padding-bottom: 24px;
		background-color: #212121;
	}
	#footer .inner {
		padding: 0;
		background-color: #212121;
	}
	#footer:after,
	#footer .logo,
	#footer .gnb_area,
	#footer .inner:before {
		display: none;
	}
	.support_menu {
		float: none;
		width: 100%;
		padding: 0 16px 20px;
	}
	.support_menu > li {
		margin-top: 0;
	}
	.support_menu > li:first-child {
		border-top: 0;
	}
	.support_menu .menu {
		display: block;
		position: relative;
		height: 52px;
		line-height: 52px;
	}
	.support_menu .menu:after {
		content: "";
		display: block;
		position: absolute;
		right: 6px;
		top: 50%;
		width: 7px;
		height: 7px;
		margin-top: -4px;
		border-left: 1px solid #bdbdbd;
		border-bottom: 1px solid #bdbdbd;
		transform: rotate(-135deg);
	}
	.support_menu .menu.down {
		width: 100%;
		text-align: left;
	}
	.support_menu .menu.down:after {
		position: absolute;
		right: 19px;
		top: 50%;
		margin-top: -4px;
		border-color: #bdbdbd;
		transform: rotate(-45deg);
	}
	.support_menu .menu.up {
		width: 100%;
		text-align: left;
	}
	.support_menu .menu.up:after {
		position: absolute;
		right: 19px;
		top: 50%;
		margin-top: -4px;
		border-color: #ff6600;
		transform: rotate(135deg);
	}
	.support_sub {
		display: block;
		padding: 0;
	}
	.support_sub > li {
		margin-top: 0;
	}
	.support_sub .sub {
		display: block;
		padding: 10px 0 10px 5px;
	}
	.shortcut_area {
		margin-bottom: 0;
		padding: 0;
		border: 0;
		background-color: #212121;
	}
	#footer .shortcut_area .inner {
		padding: 0;
	}
	.shortcut_menu {
		float: left;
		margin: 0 16px;
		padding-bottom: 24px;
		border-bottom: 1px solid #333;
		width: calc(100% - 32px);
	}
	.shortcut_menu > li {
		padding: 0 12px 0 15px;
	}
	.shortcut_menu .menu {
		font-size: 13px;
		color: #bdbdbd;
		letter-spacing: -0.04em;
	}
	#footer .language_menu {
		display: none;
	}
	.footer_link {
		position: static;
		margin-bottom: 0;
		padding: 14px 16px;
		background-color: #111;
		transform: none;
	}
	.footer_link:after {
		content: "";
		display: block;
		clear: both;
	}
	.footer_link > li {
		margin-left: 30px;
	}
	.footer_link > li:first-child {
		margin-left: 0;
	}
	.footer_link .menu:before {
		width: 26px;
		height: 24px;
		margin-right: 0;
	}
	.footer_link .menu.newsroom:before {
		background-image: url(/img/common/ico_newsroom_m.png);
	}
	.footer_link .menu.youtube:before {
		background-image: url(/img/common/ico_youtube_m.png);
	}
	.footer_link .menu.facebook:before {
		background-image: url(/img/common/ico_facebook_m.png);
	}
	.footer_link .qr_area {
		margin-left: -50px;
	}
	.sitemap {
		display: block;
		position: absolute;
		right: 16px;
		top: 17px;
		font-size: 14px;
		color: #999;
	}
	.bottom_area {
		padding: 24px 16px 0;
		background-color: #212121;
	}
	.bottom_area .info {
		padding: 8px 0 16px;
	}
	.bottom_menu {
		position: static;
		line-height: 1.8em;
	}
	.bottom_menu > li {
		display: inline-block;
		float: none;
	}
	.bottom_menu .menu {
		font-size: 13px;
	}
	.bottom_area .info .menu,
	.bottom_area .copyright {
		font-size: 11px;
	}
	.bottom_area .info .menu {
		display: inline-block;
		margin-top: 8px;
		padding: 0 21px 0 0;
		letter-spacing: -0.06em;
	}
	.bottom_area .info .menu:before {
		display: none;
	}
	.bottom_area .copyright {
		/* float: left; */
		width: 80%;
	}
	.bottom_area .mark {
		position: static;
		float: right;
		width: 20%;
		text-align: right;
	}
	.bottom_area .mark img {
		width: 52px;
		height: auto;
	}
	.footer_bg:before,
	.footer_bg:after {
		display: none;
	}
	#footer .footer_bg .inner {
		padding: 0;
	}

	.support_area {
		float: none;
		width: 100%;
		padding: 0;
	}
	.link_top {
		position: static;
		width: 100%;
		height: 52px;
		margin: 0;
		border: 0;
		background: none;
		background-color: #212121;
		box-shadow: none;
		text-align: center;
	}
	.link_top:hover {
		background-color: #212121;
		background-image: none;
	}
	.link_top .txt {
		position: relative;
		display: block;
		width: auto;
		height: 52px;
		margin: 0;
		clip: auto;
		color: #bdbdbd;
		line-height: 52px;
	}
	.link_top .txt:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		height: 1px;
		background-color: #111;
	}
	.link_top .txt:after {
		content: "";
		display: inline-block;
		position: relative;
		top: 18px;
		width: 16px;
		height: 16px;
		margin-left: 8px;
		background: url(/img/common/ico_up_m.png) no-repeat 0 0 / contain;
		vertical-align: top;
	}
	.date_area {
		width: 100%;
	}
	.picker_area {
		display: block;
		width: 100%;
		margin: 17px 0 0;
	}
	.picker_area .input {
		width: 50%;
	}
	.list_top .search_area {
		width: 100%;
	}
	.list_top .date_area + .search_area .input {
		width: calc(100% - 65px);
	}
	.tbl_data_view.type {
		display: block;
		padding-bottom: 24px;
	}
	.tbl_data_view.type .tr {
		display: block;
		margin-top: 24px;
	}
	.tbl_data_view.type dt,
	.tbl_data_view.type dd {
		display: block;
		width: 100%;
		padding: 0;
		border-bottom: none;
	}
	.tbl_data_view.type .th {
		background: none;
		margin-bottom: 8px;
		font-weight: 400;
	}
	.tbl_data_view.type .select {
		width: 100%;
	}
	.textarea_limit {
		position: absolute;
		bottom: 12px;
		right: 8px;
		font-size: 12px;
	}
	.captcha_area {
		width: 100%;
	}

	/* Title */
	#content > .tit_wrap .tit_con .pc {
		display: inline;
	}
	#content > .tit_wrap .tit_con .pc02 {
		display: block;
	}
	#content .inner > .tit_type02.type {
		padding-top: 128px;
	}
	.tit_wrap .pc {
		display: block;
	}
	.tit_type {
		padding: 0;
		font-size: 40px;
		box-sizing: content-box;
	}
	.tit_type.sub_title {
		line-height: 0.6em;
	}
	.tit_type.ir {
		font-size: 28px;
	}
	.tit_type02 .pc {
		display: inline;
	}
	.tit_type02 .mo {
		display: block;
	}
	.tit_type02,
	.tit_type02.type {
		padding-top: 128px;
	}
	.tit_type03 {
		padding-top: 64px;
	}
	.tit_type03.type {
		padding-top: 40px;
	}
	.tit_type04.type {
		padding-top: 64px;
	}
	.ir .tit_type,
	.search .tit_type,
	.tit_type.no_con {
		font-size: 40px;
	}
	#content > .tit_wrap {
		padding: 40px 20px 40px 16px;
		max-width: 100%;
		box-sizing: content-box;
	} /* ios 테스트용 */
	#content > .tit_wrap .tit_con {
		padding: 7px 0 0;
		font-size: 16px;
		font-weight: 400;
		color: #666;
		line-height: 1.75;
		letter-spacing: 0;
	}
	#content > .tit_wrap h1.hidden {
		position: static;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		font-size: 40px;
		font-weight: 700;
		color: #212121;
		line-height: 1.3;
		letter-spacing: 0;
		clip: unset;
	}
	#content.ir > .tit_wrap.line {
		margin-bottom: 64px;
		border-bottom: 1px solid #e5e5e5;
	}
	.tit_type05 {
		padding-top: 40px;
	}
	.tit_layer02 {
		font-size: 16px;
	}
	.tit_type06 {
		padding-top: 40px;
		font-size: 17px;
	}
	.tit_type06.type_1{
		font-size: 19px;
	}
	.tit_type06.type_2{
		font-size: 20px;
	}

	/* Text */
	.txt_type {
		padding-bottom: 64px;
		font-size: 18px;
	}
	.txt_type dt {
		margin-bottom: 16px;
		font-size: 24px;
		font-weight: 700;
	}
	.txt_type .pc {
		display: inline;
	}
	.txt_type02 {
		padding: 30px 8px 32px;
	}
	.txt_type02 dt {
		margin-bottom: 0;
		font-size: 24px;
		line-height: 1.5;
		text-align: center;
	}
	.txt_type02 dd {
		text-align: center;
	}
	.txt_type02 dd .btn_base {
		width: 256px;
	}
	.txt_type02 .stress {
		padding: 4px 0 7px;
		font-weight: 700;
		color: #212121;
	}
	.txt_type02 .btn_area {
		margin-top: 24px;
		text-align: center;
	}
	.txt_type02 .btn_base:first-child {
		margin-top: 0;
	}
	.txt_type02 .txt {
		display: block;
		margin-right: 0;
		line-height: 1.5;
	}
	.txt_type03 {
		font-size: 18px;
		margin-bottom: 64px;
	}
	dl.txt_type03 {
		margin-bottom: 0;
	}
	.txt_type03 dt .btn_base.layer {
		position: relative;
		bottom: 0;
		width: 100%;
		margin: 16px 0 -16px;
	}
	.txt_type03 dt .btn_base.layer:after {
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -8px;
	}
	.txt_type03 dd {
		margin-bottom: 64px;
		font-size: 14px;
	}
	.txt_type03.line {
		padding-top: 32px;
	}
	.txt_type03.line dd {
		margin-bottom: 32px;
		padding-bottom: 32px;
	}
	.txt_type04 {
		margin-bottom: 64px;
		font-size: 18px;
	}
	.txt_type06 {
		font-weight: 400;
		font-size: 16px;
	}
	.txt_type07 {
		font-size: 16px;
	}
	.txt_type08 {
		font-size: 16px;
	}
	.txt_sup {
		font-size: 11px;
		font-weight: 400;
	}
	.txt_con03 .txt_sup {
		font-size: 14px;
		font-weight: 500;
		color: #212121;
	}
	.txt_base.layer {
		font-size: 14px;
	}
	.txt_base {
		font-size: 14px;
	}
	.txt_base.more:after {
		top: 4px;
	}

	/* List */
	.list_type > li {
		display: block;
		padding: 24px 0;
	}
	.list_type .tit_wrap {
		display: block;
		width: 100%;
		padding: 0 0 8px;
	}
	.list_type .btn_area {
		display: block;
		padding: 0;
	}
	.list_type .btn_area.type {
		margin-top: 8px;
	}
	.list_type .btn_area.type .btn_base {
		display: block;
		margin: 4px 0 0 0;
	}
	.list_type .btn_area.type .btn_base .txt {
		min-width: 128px;
	}
	.list_type .tit {
		font-size: 18px;
	}
	.list_type02 {
		margin: 0;
	}
	.list_type02 > li {
		float: none;
		width: 100%;
		margin: 0 0 28px;
		padding: 0;
	}
	.list_type02 > li:after {
		content: "";
		display: block;
		clear: both;
	}
	.list_type03 {
		margin: 0;
	}
	.list_type03 > li {
		float: none;
		position: relative;
		width: 100%;
		margin-top: 32px;
		padding: 0;
	}
	.list_type03 > li:first-child {
		margin-top: 0;
	}
	.list_type03 .tit {
		margin-top: 8px;
		font-size: 14px;
	}
	.list_type.acc .acc_tit {
		padding: 24px 40px 24px 0;
	}
	.list_type.acc .acc_panel {
		padding: 24px;
	}
	.list_type.acc .acc_con {
		font-size: 14px;
	}
	.list_type.acc .acc_con .tit_type05 {
		font-size: 14px;
	}
	.list_top {
		min-height: 24px;
	}
	.list_top.type {
		margin-top: 64px;
	}
	.list_top.type .check_area .btn_base.layer {
		display: block;
		width: 100%;
	}
	.list_top.type .check_area .btn_base.layer:after {
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -9px;
	}
	.outlink:after{
		width: 12px;
		height: 12px;
		background-image: url(/img/common/ico_link_s_FAQ.png);
		margin-left: 3px;
	}
	.list_top.type02 {
		margin-bottom: 64px;
	}
	.list_top .tit_type02,
	.list_top .tit_type03,
	.list_top .check_area {
		float: none;
	}
	.list_top .tit_type02,
	.list_top .tit_type03 {
		width: 90%;
		padding: 0 0 16px;
	}
	.list_top .tit_type02.type {
		padding: 0 0 24px;
	}
	.list_top .check_area:after {
		content: "";
		display: block;
		clear: both;
	}
	.list_top .check_area .select {
		float: left;
		width: calc(100% - 64px);
	}
	.list_top .check_area .btn_check {
		float: right;
	}
	.list_top .check_area.video .btn_base.link {
		position: relative;
		width: 100%;
		right: 0;
		margin-top: 12px;
	}
	.list_top .check_area.video .btn_base.link:after {
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -8px;
	}
	.list_top .tag_area {
		float: none;
		margin-bottom: 24px;
		text-align: center;
	}
	.list_top .tag_area .tag {
		margin-top: 4px;
	}
	.list_top .search_area {
		float: none;
		margin-right: 0;
	}
	.list_top .search_area:after {
		content: "";
		display: block;
		clear: both;
	}
	.list_top .search_area .input {
		float: left;
		width: calc(100% - 64px);
	}
	.list_top .search_area .btn {
		float: right;
		margin-left: 0;
	}
	.list_top .search_area .delete_search {
		display: none;
	}
	.list_top.line {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.txt_con02 + .list_top {
		margin-top: 128px;
	}
	.accordion_wrap {
		border-top: 2px solid #212121;
		border-bottom: 1px solid #212121;
	}
	.accordion_wrap .acc_header,
	.accordion_wrap .acc_area:last-child .acc_header.open {
		border-bottom: 1px solid #e5e5e5;
	}
	.accordion_wrap .acc_area:last-child .acc_header,
	.accordion_wrap .acc_area:last-child .acc_panel {
		border-bottom: 0;
	}
	.accordion_wrap .acc_area + .acc_area,
	.accordion_wrap .tit_bar {
		margin-top: 0;
	}
	.accordion_wrap .tit_bar,
	.accordion_wrap .tit_type02,
	.accordion_wrap .tit_type03 {
		padding: 0;
	}
	.accordion_wrap .tit_bar:before {
		display: none;
	}
	.accordion_wrap .acc_tit {
		display: block;
		position: relative;
		padding: 24px 40px 24px 0;
		font-size: 16px;
		cursor: pointer;
	}
	.accordion_wrap .acc_tit:after {
		content: "";
		display: block;
		position: absolute;
		right: 11px;
		top: 27px;
		width: 10px;
		height: 10px;
		border-left: 2px solid #000;
		border-bottom: 2px solid #000;
		transform: rotate(-45deg);
		transition: all 0.3s;
	}
	.accordion_wrap .acc_header.open .acc_tit:after {
		top: 30px;
		border-color: #4747b3;
		transform: rotate(135deg);
	}
	.accordion_wrap .tit_type04 {
		padding: 32px 0 16px;
		font-size: 16px;
	}
	.accordion_wrap .acc_area:first-child .tit_type04.type,
	.accordion_wrap .tit_type04.type {
		padding: 0;
	}
	.accordion_wrap .acc_panel {
		padding: 24px 0;
		border-bottom: 1px solid #e5e5e5;
	}
	.content_type.space .accordion_wrap .acc_panel .txt_con {
		padding-bottom: 8px;
	}
	.tbl_wrap + .accordion_wrap {
		margin-top: 64px;
	}

	/* Bullet */
	.bul_type > li {
		font-size: 14px;
	}
	.bul_type .txt_type08 {
		font-size: 16px;
	}
	.bul_type02 {
		margin-top: 12px;
	}
	.bul_type02 > li {
		font-size: 12px;
	}
	.bul_type02 > li:first-child {
		margin-top: 0;
	}
	.bul_type02:not(ul) {
		font-size: 12px;
	}
	.bul_type02 .txt.mo {
		display: block;
		margin: 10px 0 0 0;
	}

	.bul_type03:not(ul) {
		font-size: 12px;
	}
	
	/* Table */
	.tbl_wrap {
		overflow-x: auto;
	}
	.tbl_data_list th,
	.tbl_data_list thead th,
	.tbl_data_list tbody td,
	.tbl_data_list tbody th {
		padding: 16px 8px;
		font-size: 14px;
	}
	.tbl_wrap .tbl_data_list {
		table-layout: auto;
		max-width: 100%;
		margin-top: 1px;
	}
	.tbl_wrap .tbl_data_list th,
	.tbl_wrap .tbl_data_list td {
		padding: 16px 8px;
		white-space: nowrap;
	}

	/* 테이블안의 테이블 */
	.tbl_in th,
	.tbl_in thead th,
	.tbl_in tbody td,
	.tbl_in tbody th {
		padding: 16px 8px;
		font-size: 14px;
	}

	[class^="tbl"] .p0 {
		padding: 0px !important;
	}
	
	.tbl_wrap .tbl_in {
		table-layout: auto;
		max-width: 100%;
		/* margin-top: 1px; */
	}
	.tbl_wrap .tbl_in th,
	.tbl_wrap .tbl_in td {
		padding: 16px 8px;
		white-space: nowrap;
	}

	.tbl_data_view:not(table) dt {
		width: 39%;
		padding-left: 16px;
	}
	.tbl_data_view:not(table) dd {
		width: 61%;
	}
	.tbl_view .thead,
	.tbl_view .title {
		display: block;
		position: relative;
	}
	.tbl_view .source {
		position: absolute;
		top: 26px;
		left: 0;
	}
	.tbl_view .title {
		padding: 53px 0 24px;
	}
	.tbl_view .td {
		padding: 24px 0;
	}
	.view_area .btn_area {
		margin: 40px 0 64px;
	}
	.view_area .btn_area .btn_base {
		display: inline-block;
		margin: 0;
		text-align: center;
		padding: 5px 0;
	}
	.view_area .btn_area .btn_base::after {
		content: none;
	}
	.view_area .tbl_list .tr {
		position: relative;
		width: 100%;
	}
	.view_area .tbl_list .td.source {
		padding-left: 0;
		font-size: 16px;
	}
	.view_area .tbl_list .td.date {
		position: absolute;
		top: 2px;
		right: 0;
		text-align: right;
		font-size: 16px;
	}

	/* Box */
	.box_type {
		padding: 26px 16px;
	}

	/* Tab */
	.content_wrap .inner .tab_area {
		margin-right: -16px;
		margin-left: -16px;
	}
	.tab_area {
		height: 50px;
		margin-bottom: 32px;
		padding: 0;
	}
	.tab_menu {
		width: 100%;
		height: 50px;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		overflow: -moz-scrollbars-none;
	}
	
	.ir .tab_menu > li {
		float: none;
		display: inline-block;
		padding-left: 40px;
	}
	.ir .tab_menu > li:first-child {
		padding-left: 16px;
	}

	.tab_menu > li {
		float: none;
		display: inline-block;
		padding-left: 40px;
	}
	.tab_menu > li:first-child {
		padding-left: 16px;
	}
	.tab_menu > li:last-child {
		padding-right: 16px;
	}
	.tab_menu .menu {
		font-size: 16px;
		line-height: 50px;
	}
	.tab_con {
		max-width: 100%;
		padding: 0;
	}
	.tab_menu::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.tab_menu::-webkit-scrollbar-track {
		background-color: #fff;
	}
	.tab_menu::-webkit-scrollbar-track-piece {
		background-color: #fff;
	}
	.tab_menu::-webkit-scrollbar-thumb {
		background-color: #fff;
	}
	.tab_menu::-webkit-scrollbar-button {
		background-color: #fff;
		width: 0;
		height: 0;
	}
	.tab_menu {
		/* ie */
		scrollbar-3dlight-color: #fff;
		scrollbar-face-color: #e1e1e1;
		scrollbar-base-color: #fff;
		scrollbar-track-color: #fff;
		scrollbar-arrow-color: #fff;
		scrollbar-highlight-color: #fff;
		scrollbar-3dlight-color: #fff;
		scrollbar-darkshadow-color: #fff;
		scrollbar-shadow-color: #fff;
		scrollbar-darkshadow-color: #fff;
	}

	/* Btn */
	.list_type.btn_type .btn_base.call,
	.list_type.btn_type .btn_base.link {
		display: inline-block;
		width: 48px;
		padding-right: 0;
	}
	.list_type.btn_type .btn_base.pdf {
		display: inline-block;
		width: 220px;
	}

	.tag {
		height: 32px;
		padding: 0 8px;
		line-height: 30px;
	}
	.btn_wrap {
		margin-right: 0;
	}
	.btn_wrap .btn_base {
		display: block;
		float: none;
		width: auto;
		/* min-width: 256px; */
		margin: 8px auto 0;
	}
	.btn_area .btn_base {
		display: block;
		width: 100%;
		margin-right: 0;
		padding-right: 50px;
	}
	.btn_area .btn_base:after {
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -9px;
	}
	.privacy_btn_area .btn_base:after {
		position: absolute;
		right: 16px;
		top: 50%;
		margin-top: -9px;
	}
	.btn_base.two_line.more:after {
		top: 40%;
	}

	.txt_type07 + .btn_area {
		margin-top: 40px;
	}

	.btn_area.sv2030 {
		margin-bottom:20px;
	}

	.btn_base.big.call {		
		width: 100%;
	}
	.btn_wrap .btn_base.big.press {
		width: 100%;
	}
	.ir_list_bottom .btn_base.link {
		width: 100%;
	}

	/* Form */
	.select {
		font-size: 16px;
		background: url(/img/common/ico_select_down_m.png) no-repeat 100% 50% /30px 10px;
	}
	.form_group .checkbox + .checkbox {
		margin-top: 6px;
	}
	.checkbox label {
		font-size: 14px;
	}

	/* Layer Pop */
	.vm {
		max-height: 600px;
	}
	.vm .vm-titlebar {
		height: 56px;
		padding: 0 16px;
	}
	.vm .vm-title {
		font-size: 20px;
		line-height: 55px;
	}
	.vm.heightauto .vm-titlebar {
		padding: 0 26px 0 16px;
	}
	.vm.heightauto .vm-titlebar .vm-title {
		font-size: 20px;
		line-height: 1.5;
		padding: 12px 0;
	}
	.vm.pop_wrap02 .vm-content {
		max-height: 444px;
		padding: 32px 16px 0;
	}
	.vm .vm-content {
		max-height: 544px;
		padding: 32px 16px 0;
	}
	.vm .vm-content:after {
		content: "";
		display: block;
		padding-bottom: 32px;
	}
	.vm .vm-content .txt_bottom {
		padding-top: 12px;
		font-size: 12px;
	}
	.vm .btn_close {
		right: 13px;
		top: 12px;
		width: 30px;
		height: 30px;
		background: url(/img/common/ico_pop_close_m.png) no-repeat 50% 50% / 14px 14px;
	}
	.pop_content {
		padding: 0 24px 32px;
	}
	.pop_content .bul_type02 > li {
		margin-top: 4px;
		font-size: 12px;
		line-height: 1.8;
	}
	.pop_content .bul_type02 > li:first-child {
		margin-top: 0;
	}
	.btn_area.type02 .btn_base.blue.big{
		line-height: 1.4;
	}
}


/* 팝업관리 - Layer Popup */
.layer_pop {
	z-index: 900; /*height: auto !important;*/
	background-color: #ddd;
}
.popWrap {
	position:relative;
	height: 100%;
}
.layer_pop > div {
	position: relative; /* height:100%;border:1px solid #e7e8eb */
}
.layer_pop .pop_body {
	height: 100%;
	position: relative;
	overflow-y: auto;
}
.layer_pop .ly_ft {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10;
	bottom: 0;
}
.layer_pop .ly_ft > div {
	position: relative;
	padding: 6px 10px;
	height: 30px;
	background-color: #edeef3;
}
.layer_pop .ly_ft input[type="checkbox"] {
	position: absolute;
	left: 10px;
	top: 2px;
	width: 18px;
	height: 18px;
}
.layer_pop .ly_ft input[type="checkbox"] + label {
	display: inline-block;
	overflow: hidden;
	height: 18px;
	padding-left: 27px; /* background:url(/resource/images/common/bg_chk02.gif) no-repeat left top; */
	font-weight: normal;
	font-size: 13px;
	letter-spacing: -0.05em;
	line-height: 140%;
	color: #555;
}
.layer_pop .ly_ft input[type="checkbox"]:checked + label {
	background-position: left -18px;
}
.layer_pop .btn_close01,
.layer_pop .btn_close02 {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}
.layer_pop .btn_close01 {
	width: 14px;
	height: 14px;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	background: url(/resource/images/common/btn_close14x14.png) no-repeat left top;
}
.layer_pop .btn_close02 {
	width: 13px;
	height: 13px;
	right: 10px;
	top: 9px;
	background: url(/resource/images/common/btn_close13x13.png) no-repeat left top;
}
button.pop_close {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background: url(/img/common/ico_pop_close_w.png) no-repeat -2px -2px;
	z-index: 10;
}

/* 팝업관리 - IR행사>실적발표 행사안내 */
.layer_pop .er_pop01 {
	background: url(/img/common/er_popup_bg01.jpg) no-repeat center top;
	max-height: 570px;
}
.layer_pop .er_pop02 {
	background: url(/img/common/er_popup_bg02.jpg) no-repeat center top;
	max-height: 570px;
}
.layer_pop .er_pop03 {
	background: url(/img/common/er_popup_bg03.jpg) no-repeat right bottom;
	background-size: cover;
}
.layer_pop .er_con {
	padding: 90px 30px 60px 30px;
	color:#fff;
}
.layer_pop .er_pop01 .er_con {
	padding: 110px 30px 90px 30px;
	color:#fff;
	text-align: center;
}
.layer_pop .er_con .quarter {
	font-size: 18px;
}
.layer_pop .er_con .title {
	font-size: 32px;
	font-weight: 500;
	text-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
	margin-top: 5px;
}
.layer_pop .er_con .title span {
	display: inline-block;
	padding-top:5px;
}
.layer_pop .er_con .date {
	font-size: 26px;
	margin: 35px 0 50px 0;
}
.layer_pop .er_con .date span {
	display: inline-block;
	padding-top: 15px;
	font-weight: 200;
}
.layer_pop .er_con .er_outlink a {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	padding: 12px 50px 12px 15px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background-color: rgba(255, 255, 255, 0.2);
	line-height: 1.2em;
}
.layer_pop .er_pop01 .er_con .er_outlink a {
	text-align: left;
}
.layer_pop .er_con .er_outlink span {
	display: block;
	color: #fff;
	font-size: 15px;
	padding: 10px 0 0 0;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	word-break: keep-all;
}
.layer_pop .er_con .er_outlink a:after{
	content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
	right: 15px;
    background-image: url(/img/common/ico_link_popup.png);
    margin-top: -7px;
}
.layer_pop .er_pop01 .er_con .quarter {
	display: inline-block;
	line-height: 1em;
	background: rgba(0, 0, 0, 0.3);
	padding: 7px 8px;	
}	
.layer_pop .er_pop02 .er_con .er_outlink a {
	background-color: rgba(201, 145, 251, 0.6);
}
.layer_pop .er_pop03 .er_con .er_outlink a {
	background-color: rgba(105, 83, 194, 0.8);
}
.layer_pop .er_con .er_add {
	position: relative;
	font-size: 13px;
	line-height: 1.3em; 
	padding:30px 0 0 10px;
}
.layer_pop .er_con .er_add:before {
	content:'* '; 
	display:block; 
	position:absolute; 
	width:10px; 
	height:10px; 
	left:0; 
	top:34px;
}

/* 팝업관리 - IR>주주총회  사전등록*/
.layer_pop .sm_pop {position:relative; min-height: 100%; background:url(/img/common/sm_popup_bg.jpg) left top;}
.layer_pop .sm_hd {min-height:300px; background:url(/img/common/sm_dday_popup_img.jpg) no-repeat right top;}
.layer_pop .sm_hd .sm_title {color:#fff; font-size:20px; font-weight:300; text-align:center; padding-top:60px;}
.layer_pop .sm_hd .sm_title strong {display:block; color:#ff6d60; font-size:34px; font-weight:500; line-height:1.2em; padding:15px 20px 15px;}
.layer_pop .sm_hd .sm_title strong span {display:inline-block;}
.layer_pop .sm_con {position:relative; width:83%; margin:10px auto 0; border:5px solid #585864; padding:20px 30px 25px; background:#fff; color:#000;}
.layer_pop .sm_con .title {position:relative; font-size:19px; font-weight:500; margin-top:10px; padding-top:10px;}
.layer_pop .sm_con .title:before {content:'';display:block;position:absolute;width:15px;height:2px;background:#ff6d60;left:0;top:0;}
.layer_pop .sm_con .date {font-size:26px; font-weight: 300; line-height:1.4em; padding-top:8px;}
.layer_pop .sm_con .period {font-size:19px; font-weight: 300; line-height:1.4em; padding-top:8px;}
.layer_pop .sm_con .date + .title {margin-top:30px;}
.layer_pop .sm_register {background:#3e3e46; margin:40px auto 0; text-align:center; width:230px;}
.layer_pop .sm_register a {display:block; font-size:23px; color:#fff; text-align:center; padding:18px 30px;}
.layer_pop .sm_register a:hover {text-decoration:none; color:#ff6d60;}
.layer_pop .sm_add {padding:35px 25px 25px;}
.layer_pop .sm_add ul li {position:relative; padding-left:18px; margin-top:5px; line-height:18px; font-size:14px; color:#222;}
.layer_pop .sm_add ul li:before {content:'※ '; display:block; position:absolute; width:20px; height:20px; left:0; top:0;}
.layer_pop .sm_pop a.pop_close{display:none;position:absolute;right:20px;top:20px;overflow:hidden;width:25px;height:25px;text-indent:-9999px;background:url(/resource/images/common/btn_close16x16_wh.png) no-repeat center center;z-index:10;}

/* 팝업관리 - IR>주주총회 당일 */
.layer_pop .sm_pop.dday .sm_hd {background:url(/resource/images/common/sm_dday_popup_img.jpg) no-repeat right top;}
.layer_pop .sm_pop.dday .sm_hd img {position:absolute; left:20px; top:20px;}
.layer_pop .sm_pop.dday .sm_hd .sm_title {font-size:18px;}
.layer_pop .sm_pop.dday .sm_hd .sm_title strong {font-size:32px;}
.layer_pop .sm_pop.dday .sm_con {padding:15px 20px 30px;}
.layer_pop .sm_pop.dday .sm_con .title {font-size:17px;}
.layer_pop .sm_pop.dday .sm_con .title:before {display:none; width:0; height:0;}
.layer_pop .sm_pop.dday .sm_con .date {font-size:25px;}
.layer_pop .sm_pop.dday .sm_con .period {font-size:14px;}
.layer_pop .sm_pop.dday .sm_con .period span {display:inline-block;}
.layer_pop .sm_pop.dday .sm_info {margin:30px 25px 20px; padding-bottom:20px; text-align:center; line-height:22px; font-size:15px; border-bottom:1px solid #ccc;}
.layer_pop .sm_pop.dday .sm_info strong {display:block; font-size:17px; font-weight:bold;}
.layer_pop .sm_pop.dday .sm_add {padding:0 25px 20px;}
.layer_pop .sm_pop.dday .sm_add ul li {position:relative; padding-left:15px; line-height:18px; font-size:13px;}
.layer_pop .sm_pop.dday .sm_add ul li:before {content:'※ '; display:block; position:absolute; width:20px; height:20px; left:0; top:0;}

/* 팝업관리 - 배당금 조회 */
.layer_pop .dividend_pop {position:relative; min-height: 100%; background:url(/img/common/dividend_popup_bg.jpg) right top;}
.layer_pop .dividend_title {color:#fff; font-size:18px; font-weight:300; text-align:center; padding-top:80px;}
.layer_pop .dividend_title strong{display: block; font-size:32px; font-weight:500; padding-top:10px; text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);}
.layer_pop .dividend_con {margin-top: 20px; padding:15px 30px;}
.layer_pop .dividend_con dl dt {position:relative; font-weight:500; font-size:15px; color:#f5ddfa; padding-left:14px;}
.layer_pop .dividend_con dl dd {font-weight:300; font-size:15px; color:#fff; line-height: 1.4em; padding: 5px 0 0 14px;}
.layer_pop .dividend_con dl dt:before {content:''; display:block; position:absolute; width:4px; height:4px; left:0; top:6px; background:#8875ff;}
.layer_pop .dividend_con dl dd span {display: inline-block;}
.layer_pop .dividend_con dl dd+dt {margin-top: 15px;}
.layer_pop .dividend_btn {text-align: center; margin-top: 25px;}
.layer_pop .dividend_btn a {display: inline-block; text-align: center; color: #fff; padding:15px 40px; background: #5a40ff;}
.ly_hd {position: absolute;left: 0;width: 100%;z-index: 10;top: 0;}
.ly_hd > div {position: relative;height: 50px;}
.ly_hd .btn_close01 {width: 26px;height: 26px;right: 20px;top: 20px;margin-top: 0;background: url(/img/common/ico_pop_close_w.png) no-repeat -2px -2px;}


@media only screen and (max-width: 768px) {	
	.layer_pop .sm_add ul li{
		padding-bottom: 35px;
	}
}
@media only screen and (max-width: 340px) {	
	.layer_pop .er_con .title {
		font-size: 30px;
		font-weight: 600;
	}
	.layer_pop .er_con .date {
		font-size: 24px;
	}
	
}
@media only screen and (max-width: 280px) {	
	.layer_pop .er_con .title {
		font-size: 26px;
	}
	.layer_pop .dividend_title strong {
		font-size:26px; 
	}
	.layer_pop .dividend_con {
		padding:15px 20px;
	}
}