﻿@charset "utf-8";

@import url("style.css?v250211");
@import url("common.css");

.subSection {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto 100px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.side_use {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.side_use.subSection {
	padding-right: 0;
	padding-top: 0;
}

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

.tables {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.tables .table {
	display: table-cell;
	vertical-align: top;
}

.table.rightside {
	width: 400px;
	padding-right: 10px;
}

.table.t_content {
	padding-right: 40px;
	margin-left: 0;
}

.table.side_content {
	width: 400px;
	padding-right: 10px;
}

/* */
.pt0 {
	padding-top: 0 !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

/* color code */
.c_blue {
	color: #4a83a9 !important;
}

.c_purple {
	color: #6e6760 !important;
}

.c_cyan {
	color: #3b9e93 !important;
}

.c_pink {
	color: #c162a7 !important;
}

.cp {
	color: #a19992 !important;
}

/* 줄바꿈 */
.br {
	display: block;
}

.t_.br {
	display: inline-block;
}

/*float */
.f_left {
	float: left;
}

.f_right {
	float: right;
}

.article_table {
	width: 100%;
}

.f_w48 {
	width: 48.5%;
}

.f_w33 {
	width: 33.333%;
}

.none_dp {
	display: none;
}

.none_bd_left {
	border-left: none !important;
}
.none_bd_right {
	border-right: none !important;
}
.none_bd_top {
	border-top: none !important;
}
.none_bd_bottom {
	border-bottom: none !important;
}
.none_border {
	border: none !important;
}


/* page View */
p.title_h3 {
	float: left;
	font-size: 24px;
	font-size: 2.4rem;
	width: auto;
	width: 70%;
	font-weight: 500;
	line-height: 36px;
	line-height: 3.6rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

p.title_h3>strong {
	font-size: 18px;
	margin-right: 25px;
	line-height: 36px;
	vertical-align: top;
}
.article > p.title_h3{
	font-weight: 500;
	font-size: 34px;
	color: #111;
	margin-bottom: 20px;
}

p.title_h4 {
	font-size: 20px;
	font-weight: 600;
	color: #222222;
	line-height: 1.5em;
	padding: 15px 0 9px;
}

p.title_h4>.eng {
	display: block;
	font-size: 14px;
	line-height: 16px;
	padding-top: -4px;
}

p.title_h5 {
	font-size: 18px;
	font-weight: 600;
	color: #222222;
	line-height: 26px;
	margin-bottom: 10px;
}

p.title_h6 {
	font-size: 14px;
	font-weight: 600;
	color: #666;
	line-height: 24px;
	margin-bottom: 5px;
}

.section>p.desc {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 25px;
}

/* 카운트 */
.classification {
	position: relative;
}

.classification .count {
	position: absolute;
	left: 10px;
	top: 0;
	display: block;
	line-height: 44px;
	margin-right: 20px;
}

/* 페이지 인텍스메뉴 */
.subSection .navigator {
	height: 50px;
	margin-top: 44px;
	margin-bottom: -50px;
}

.subSection .navigator.fixed .lstwrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	min-width: 1380px;
}

.subSection .navigator.fixed .lstwrap .list {
	padding: 0 10px;
}

.subSection .navigator .lstwrap {
	height: 50px;
	width: 100%;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

.subSection .navigator .lstwrap ul {
	height: 48px;
	margin: 0 auto;
	max-width: 1380px;
	width: 100%;
	display: table;
	table-layout: fixed;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	transition: all 1s;
	-webkit-transition: all 1s;
}

.subSection .navigator .lstwrap ul>li {
	display: table-cell;
	border-right: 1px solid #e1e1e1;
	vertical-align: top;
}

.subSection .navigator .lstwrap ul>li:first-child {
	border-left: 1px solid #e1e1e1;
}

.subSection .navigator .lstwrap ul>li a {
	display: block;
	position: relative;
	height: 48px;
	line-height: 1;
	text-align: center;
	transition: color 0.4s;
	-webkit-transition: color 0.4s;
}

.subSection .navigator .lstwrap ul>li a.on, .subSection .navigator .lstwrap ul>li a:hover
	{
	color: #000000;
	font-weight: 600;
	font-size: 16px;
}

.subSection .navigator .lstwrap ul>li a.on:before, .subSection .navigator .lstwrap ul>li a:hover:before
	{
	width: 100%;
	left: -1px;
	padding: 0 1px;
}

.subSection .navigator .lstwrap ul>li a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.subSection .navigator .lstwrap ul>li a:before {
	content: "";
	position: absolute;
	bottom: -2px;
	height: 4px;
	left: 50%;
	width: 0;
	margin-left: 0;
	background-color: #6e6760;
	transition: width 0.1s, left 0.1s;
	-webkit-transition: width 0.1s, left 0.1s;
}

.subSection .navigator .lstwrap ul>li a em {
	display: inline-block;
	vertical-align: middle;
}

.subSection .navigator .lstwrap .lnkTop {
	width: 58px;
}

.subSection .navigator .lstwrap .lnkTop a {
	font-size: 12px !important;
	color: #666 !important;
}

.subSection .navigator .lstwrap .lnkTop a:before {
	display: none;
}

.subSection .navigator .lstwrap .lnkTop a em:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 9px;
	height: 5px;
	background: url('/assets/images/common/icons.png') no-repeat -400px -100px;
	position: relative;
	top: -1px;
}

/* 페이지 경로 */
.subSection .pageLocation {
	padding-top: 20px;
	font-size: 16px;
	color: #222;
}
/* */
.subSection .pageLocation {
	position: absolute;
	top: 24px;
	right: 0;
	z-index: 21;
}
/* */
.subSection .pageLocation .path:after {
	content: "";
	display: block;
	clear: both;
}

.subSection .pageLocation .path>li:first-child {
	padding-left: 0;
}

.subSection .pageLocation .path>li {
	float: left;
	line-height: 20px;
	padding: 0 16px 0 20px;
	position: relative;
}

.subSection .pageLocation .path>li:before {
	content: "\00a0";
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 20px;
	background: url('/assets/images/common/dot_path.png') no-repeat 0 0;
}

.subSection .pageLocation .path>li:first-child:before {
	display: none;
}

.subSection .pageLocation .path>li strong {
	color: #000000;
	font-weight: 500;
}

.subSection .pageLocation .dropLst {
	height: 20px;
	width: auto;
	display: block;
}

.subSection .pageLocation .dropLst .txt {
	padding: 0 32px 0 0;
	min-width: 60px;
	height: 100%;
	line-height: 20px;
	border: 0;
	background-image: none;
	font-weight: normal;
}

.subSection .pageLocation .dropLst .txt:after {
	content: "\00a0";
	position: absolute;
	right: 2px;
	top: 50%;
	margin-top: -3px;
	width: 10px;
	height: 6px;
	background: url('/assets/images/common/dot_path_drop.png') no-repeat 0 0;
}

.subSection .pageLocation .dropLst ul {
	margin-top: 0;
	padding: 5px 0;
}

.subSection .pageLocation .dropLst .dlst {
	left: -10px;
	width: 115%;
}
/* 사회공헌 페이지 별도 규칙 */
.subSection .pageLocation .dropLst.w150 .dlst {
	min-width: 160px
}
/* -- 사회공헌 페이지 별도 규칙 -- */
.subSection .pageLocation .dropLst ul, .subSection .pageLocation .dropLst .txt,
	.subSection .pageLocation .dropLst li a {
	background-color: #fff;
}

.subSection .pageLocation .dropLst .txt.on {
	color: #4784b3;
}

.subSection .pageLocation .dropLst li a {
	line-height: 30px;
}

.subSection .pageLocation .dropLst li a:hover {
	background-color: #6e6760;
	color: #ffffff;
}
/* 모바일 페이지 경로 */
.subSection .mPageLocation {
	display: none;
	margin: 0 -10px;
	height: 46px;
	border-bottom: 1px solid #62678f;
	position: relative;
	font-size: 13px;
	z-index: 13;
}

.subSection .mPageLocation, .subSection .mPageLocation .dropLst ul {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
	-wekit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.subSection .mPageLocation>ul>li:before, .subSection .mPageLocation .dropLst .txt:after
	{
	background-image: url('/assets/images/common/icons.png');
	background-repeat: no-repeat;
	background-size: 500px auto;
}

.subSection .mPageLocation>ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.subSection .mPageLocation>ul>li {
	display: table-cell;
	height: 46px;
	vertical-align: top;
}

.subSection .mPageLocation>ul>li:before {
	content: "";
	z-index: 1;
	position: absolute;
	width: 12px;
	height: 46px;
	margin-left: -10px;
	top: 50%;
	margin-top: -23px;
	background-position: -0 -125px;
}

.subSection .mPageLocation>ul>li:first-child:before {
	display: none;
}

.subSection .mPageLocation>ul>li:first-child:before .dropLst .txt {
	font-weight: 600;
}

.subSection .mPageLocation .dropLst {
	height: 46px;
	display: block;
}

.subSection .mPageLocation .dropLst .txt {
	height: 46px;
	line-height: 46px;
	padding: 0 45px 0 10px;
	font-weight: normal;
	border: 0;
	color: #513a96;
	text-align: left;
	background-image: none;
}

.subSection .mPageLocation .dropLst .txt:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 11px;
	top: 50%;
	margin-top: -5px;
	right: 16px;
	background-position: -25px -125px
}

.subSection .mPageLocation .dropLst .dlst {
	margin-left: -10px;
	padding-bottom: 2px;
}

.subSection .mPageLocation .dropLst ul {
	margin-top: 0;
}

.subSection .mPageLocation .dropLst li a {
	padding-left: 20px;
	line-height: 30px;
}

.subSection .mPageLocation .dropLst li a:hover {
	background-color: #e8eafc;
}

.subSection .mPageLocation>ul>li:first-child .dropLst .dlst {
	margin-left: 0 !important;
	padding-right: 0 !important
}

.subSection .mPageLocation>ul>li:first-child .dropLst ul {
	margin-right: 10px;
	margin-left: 0 !important;
}

.subSection .mPageLocation>ul>li:first-child .dropLst ul a {
	padding-left: 10px !important;
}

.subSection .mPageLocation>ul>li:last-child .dropLst .dlst {
	padding-right: 10px;
}

.subSection .mPageLocation>ul>li:last-child .dropLst ul {
	margin-right: -10px;
}

.subSection .mPageLocation>ul>li:first-child:last-child .dropLst ul {
	margin-right: 0;
	margin-left: 0;
}

.subSection .mPageLocation>ul>li:first-child:last-child .dropLst ul li a
	{
	padding-left: 10px;
}

/* 페이지 상세 */
.section {
	margin-top: 20px;
}

.section.section_head {
	padding-top: 102px;
	margin-top: 0;
}

.section.section_head:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.section.section_head .box_left {
	float: left;
}

.section p.section_title {
	float: left;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 43px;
	color: #000000;
}

.section p.search_count {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 43px;
	color: #a19992;
	padding-left: 22px;
	margin-left: 21px;
	background: url('/assets/images/common/line_search_count.gif') no-repeat 0 center;
}

.section p.title_desc {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 43px;
	color: #333333;
	padding-left: 22px;
	margin-left: 21px;
	background: url('/assets/images/common/line_search_count.gif') no-repeat 0 center;
}

/* 개인정보 취급방침 */
.personal .termsText .terms p, .section.section_rule p {
	line-height: 1.5;
}

.personal .termsText .terms p strong, .section.section_rule p strong {
	color: #222222;
}

.personal .termsText .terms p.dot, .section.section_rule p.dot {
	padding-left: 17px;
	background: url('/assets/images/common/dot_rule.gif') no-repeat 0 6px;
}
/* 좌측 리스트 페이지 */
/*  */
.sectionList>li {
	padding-top: 50px;
}

.c_about .sectionList>li {
	padding-top: 50px;
}

.sectionList>li .section {
	margin-top: 0;
	border-top: 1px solid #e1e1e1;
	padding-top: 45px;
}

.sectionList>li .sectionA{
	margin-top: 0;
	padding-top: 45px;
}

.sectionList>li:first-child .panel:first-child .section {
	border-top: 0;
}

.sectionList .section .personal {
	padding: 0;
}

.sectionList .section .personal .sTit1 {
	padding-bottom: 20px;
}

.sectionList .section .personal .sTit1 p {
	padding-bottom: 10px;
	font-size: 15px;
	line-height: 1.4em;
	letter-spacing: -0.01em;
}

@media (max-width: 719px){
	.sectionList .section .personal .sTit1 p{
		font-size: 14px;
	}
}

.sectionList .section {
	position: relative;
}

.sectionList .section:after {
	content: "";
	display: block;
	clear: both;
}

.sectionList .arTitle {
	float: left;
	width: 24%;
}

.sectionList .arTitle .title_h3 {
	width: 100%;
	font-size: 30px;
	color: #222;
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 20px;
	padding-bottom: 0.750em;
	margin-bottom: 0.688em;
	overflow: visible;
	letter-spacing: -2px;
}

.sectionList .arTitle .title_h3:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1em;
	height: 4px;
	background-color: #555;
}

.sectionList .arTitle .tab li{
	display: table;
	width: 90%;
	max-width: 230px;
	height: 50px;
	text-align: center;
	border: 1px solid #e5e5e5;
	margin-bottom: 16px;
}

.sectionList .arTitle .tab li.on{
	border-color: #a19992;
}

.sectionList .arTitle .tab li a{
	display: table-cell;
	font-size: 14px;
	color: #666;
	vertical-align: middle;
}

.sectionList .arTitle .lnk {
	margin-top: 38px;
	text-align: center;
	display: inline-block;
	min-width: 76px;
	padding: 5px 10px;
	line-height: 24px;
	background-color: #75a71b;
	color: #fff;
}

.sectionList .arTitle .lnk:before {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.sectionList .arTitle .lnkDn:before {
	content: "";
	width: 22px;
	height: 14px;
	background: url('/assets/images/common/icons.png') no-repeat -450px -100px;
}

.sectionList .arTitle .lnkView:before {
	content: "+";
	font-size: 16px;
	font-size: 1.143em;
	margin-right: 8px;
	margin-right: 0.5em;
}

.sectionList .arTitle .desc, .sectionList .article .desc {
	font-size: 14px;
	line-height: 22px;
}

.sectionList .article {
	float: right;
	width: 76%;
}

.sectionList .article .title_h4 {
	font-size: 20px;
	color: #000;
	padding: 0;
	padding-bottom: 1em;
}

.sectionList .article .sTit2 {
	padding: 30px 0 25px;
}

.sectionList .article .sTit2>* {
	display: inline-block;
}

.sectionList .article .sTit2 .t {
	font-size: 16px;
	color: #000;
	font-weight: normal;
	padding-right: 6px;
}

.sectionList .section .article .contimg {
	padding-top: 58px;
}

.sectionList .arTitle .download {
	margin-top: 40px;
	display: inline-block;
	line-height: 34px;
	padding: 5px 10px;
	width: 160px;
	text-align: center;
	background-color: #000000;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.sectionList .arTitle .download em:before {
	display: inline-block;
	content: "\00a0";
	width: 20px;
	height: 17px;
	margin-right: 5px;
	vertical-align: middle;
	position: relative;
	top: -3px;
	background: url('/assets/images/common/bg_btn_download.gif') no-repeat 0 0;
}

.sectionList .arTitle .viewer {
	margin-top: 10px;
	display: inline-block;
	line-height: 34px;
	padding: 5px 10px;
	width: 160px;
	text-align: center;
	background-color: #000000;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.sectionList .arTitle .viewer em:before {
	display: inline-block;
	content: "\00a0";
	width: 17px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	background: url('/assets/images/common/bg_btn_viewer.gif') no-repeat 0 0;
}

/* 제품소개 - 제품검색 */
.c_production .classification {
	padding-top: 5px;
}

.c_production .subSection .pageLocation {
	right: 30px;
}

.c_production .searchForms .selectbox {
	margin-left: -1px;
}

.c_production .section .noData {
	font-size: 15px;
	padding: 60px 0;
	text-align: center;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

/* 제품소개 - 제품검색 - 제품상세 - */
.c_detail .side_use.subSection.banner_section {
	margin-bottom: 0;
	background-color: #f5f5f4;
	min-height: 680px;
	height: auto;
	padding-bottom: 30px;
}

.c_detail .banner_section .tables {
	padding-top: 50px;
}

.c_detail .subSection .pageLocation {
	right: -6px;
}
/* 갤러리 */
.c_detail .banner_bg {
	position: absolute;
	top: 170px;
	left: 0;
	width: 100%;
	height: 680px;
	background-color: #f5f5f4;
}

.c_detail .subSection .pageLocation .dropLst .txt {
	background-color: #f5f5f4;
}

.c_detail .photo_gallery {
	width: 100%;
	padding-top: 62px;
}

.c_detail .photo_gallery p.title {
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	color: #222222;
	text-align: center;
	margin-bottom: 15px;
}

.c_detail .photo_gallery .main_area {
	position: relative;
	width: 100%;
	height: 440px;
}

.c_detail .photo_gallery .main_area ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.c_detail .photo_gallery .main_area ul li.on {
	opacity: 1;
	filter: none;
}

.c_detail .photo_gallery .main_area ul li img {
	max-width: 440px;
	max-height: 440px;
}

.c_detail .photo_gallery .thumb_area {
	position: relative;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	padding-bottom: 7px;
}

.c_detail .photo_gallery .thumb_area ul li {
	display: inline-block;
	margin-left: 8px;
	padding: 8px;
	border: 2px solid #ffffff;
	background-color: #ffffff;
}

.c_detail .photo_gallery .thumb_area ul li.on {
	border: 2px solid #6e6760;
}

.c_detail .photo_gallery .thumb_area ul li:first-child {
	margin-left: 0;
}

.c_detail .photo_gallery .thumb_area ul li img {
	width: 60px;
	height: 60px;
}

/* 갤러리 좌측 인포메이션 */
.c_detail .table.t_content {
	margin-top: 50px;
	padding-top: 0;
}

.c_detail .side_content .section {
	margin-top: 0;
}

.c_detail .goods_info {
	margin-top: 80px;
}

.c_detail .goods_info p.cat {
	font-size: 12px;
	color: #727171;
	line-height: 22px;
}

.c_detail .goods_info p.name {
	font-size: 30px;
	color: #222222;
	line-height: 40px;
	margin-bottom: 40px;
}

.c_detail .goods_info p.info {
	position: relative;
	padding-left: 100px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
}

.c_detail .goods_info p.info span.title {
	position: absolute;
	font-weight: 600;
	left: 0;
	word-wrap: normal;
}

.c_detail .goods_info p.info.btn_area{
	/* padding: 20px 0 0 0; */
  margin-top: 0;
	width: auto;
}

.c_detail .goods_info p.info.btn_area strong{
	display: block;
}

.c_detail .goods_info p.info.btn_area a{
	width: 65%;
	min-width: 170px;
	max-width: 210px;
	box-sizing: border-box;
	text-align: left;
	padding: 10px 20px;
	background: #6e6760 url(/assets/images/common/bg_aside_link.gif) no-repeat right 20px center;
}

.c_detail .goods_info p.info.btn_area a + a{
	margin-top: 6px;
}

.c_detail .goods_info p.info.btn_area a span{
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #ffffff;
}

@media (max-width: 719px){
	.c_detail .goods_info p.info.btn_area a{
		width: 45%;
		padding: 6px 20px;
	}

	.c_detail .goods_info p.info.btn_area a:nth-child(odd){
		margin-right: 10px;
	}

	.c_detail .goods_info p.info.btn_area a span{
		font-size: 12px;
	}
}

@media (max-width: 450px){
	.c_detail .goods_info p.info.btn_area a{
		display: block;
	}
}

.c_detail .btn_area {
	width: 100%;
	margin-top: 50px;
}

.c_detail .btn_area a {
	display: inline-block;
	width: 50%;
	padding: 25px 0;
	text-align: center;
	background-color: #828283;
}

.c_detail .btn_area a.pharm_search {
	background-color: #634caa;
}

.c_detail .btn_area a:hover {
	text-decoration: none;
}

.c_detail .btn_area a span {
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 600;
}

/* 제품상세 - 제품소개영역 */
.c_detail p.title_h4 {
	padding-top: 35px;
	padding-bottom: 30px;
}

.c_detail .info_area p.title_h4 {
	padding-bottom: 30px;
}

.c_detail .float_box dl {
	width: 100%;
}

.c_detail .float_box dl dt {
	font-size: 15px;
	color: #333333;
	font-weight: 600;
	padding-bottom: 10px;
}

.c_detail .float_box dl dd {
	text-align: justify;
	padding-bottom: 25px;
}

.c_detail .record_area {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 35px;
}

.c_detail .record_area ul li {
	position: relative;
	padding-left: 157px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.c_detail .record_area span {
	display: inline-block;
}

.c_detail .record_area span.date {
	position: absolute;
	left: 0px;
	font-size: 12px;
}

.c_detail .record_area span.cat {
	position: absolute;
	left: 86px;
	font-weight: 600;
}

.c_detail .section_pagination {
	margin-top: 0;
	padding: 20px 20px 20px 0;
	background-color: #f5f5f4;
	border: 1px solid #dee1e6;
}

.c_detail .map_area {
	position: relative;
	border: 1px solid #e5e6e5;
	height: 378px;
}

.c_detail .map_area .table.table_search {
	width: 280px;
}

.c_detail .search_area {
	width: 280px;
	background-color: #f5f5f4;
	height: 378px;
}

.c_detail .search_area .search_info {
	height: 63px;
	padding: 28px 20px 20px 20px;
	border-bottom: 1px solid #e5e6e5;
}

.c_detail .search_area p.title {
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	line-height: 20px;
	margin-bottom: 10px;
}

.c_detail .search_area p.info {
	font-size: 14px;
	line-height: 18px;
}

.c_detail .search_area .box_dropbox {
	padding: 28px 20px 0;
	border-top: 1px solid #ffffff;
}

.c_detail .search_area .box_dropbox select.drop_box {
	position: absolute;
	opacity: 0;
	text-indent: -9999px;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 10px;
	padding-right: 45px;
	height: 43px;
	line-height: 43px;
	background: none;
}

.c_detail .search_area .box_dropbox p.subscript {
	font-size: 12px;
	padding-bottom: 16px;
	padding-top: 10px;
}

.c_detail .search_area .select_box {
	position: relative;
	width: 100%;
	height: 33px;
	line-height: 33px;
	padding-left: 10px;
	padding-right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cbcbcb;
	background: #ffffff url('/assets/images/common/bg_select_label.gif') no-repeat right center;
}

.c_detail .search_area .select_box.first-child {
	border-bottom: none;
}

.c_detail .search_area .d_search {
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding-left: 10px;
	padding-right: 55px;
	margin-top: 5px;
	border: 3px solid #634caa;
	background: #ffffff url('/assets/images/common/btn_tablet_search.png') no-repeat right -2px;
	background-size: 45px 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_detail .search_area .input_box {
	position: relative;
}

.c_detail .search_area .auto_complete {
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
	padding-top: 10px;
	padding-left: 20px;
	width: 100%;
	background-color: #FFFFFF;
	border: 3px solid #634caa;
	border-top: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_detail .search_area .auto_complete.on {
	display: block;
}

.c_detail .search_area .auto_complete ul li {
	height: 25px;
	line-height: 20px;
	font-size: 13px;
	font-size: 1.3rem;
}

.c_detail .map_area .g_map {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.c_detail .search_area .btn_m_submit {
	display: none;
	width: 100%;
	margin-top: 20px;
	height: 45px;
	line-height: 45px;
	background-color: #634caa;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
}

.c_detail .section.listNumber {
	border: 1px solid #e8e8e8;
	border-top: none;
}

.c_detail .section .listNumberling {
	padding: 15px 0 10px;
}

.c_detail .btn_lab_area a {
	display: block;
	width: 100%;
	border: 1px solid #e5e6e5;
	overflow: hidden;
	text-indent: -9999px;
}

.c_detail .btn_lab_area a.btn_symptoms {
	height: 108px;
	margin-bottom: 10px;
	background: url('/assets/images/subpage/01_Introduction/bg_btn_symptoms.jpg') no-repeat center center;
}

.c_detail .btn_lab_area a.btn_lab {
	height: 258px;
	background: url('/assets/images/subpage/01_Introduction/bg_btn_lab.jpg') no-repeat center center;
}

/* 제품상세 - 관련제품 영역 */
.c_detail .article_box .box {
	width: 100%;
}

/* 증상별 제품 */
.c_symptom .subSection {
	padding-right: 10px;
	margin-bottom: 0;
}

.c_symptom .subSection.side_use {
	margin-bottom: 100px;
}

.c_symptom .table.side_content {
	width: 730px;
	padding-right: 0;
}

.c_symptom .title_case {
	position: relative;
	padding-top: 20px;
	font-size: 38px;
	font-weight: 600;
	line-height: 40px;
	color: #6e6760;
}

.c_symptom .title_case:before {
	content: "";
	position: absolute;
	width: 36px;
	height: 2px;
	left: 0;
	top: 0;
	background-color: #6e6760;
}

.c_symptom .case_main_image {
	overflow: hidden;
}

.c_symptom .case_main_image li {
	position: relative;
	display: none;
	height: 440px;
	min-width: 358px;
	width: 100%;
	text-align: center;
	background-color: #f5f5f4;
}

.c_symptom .case_main_image li.on {
	display: block;
}

.c_symptom .web_view .article_btns {
	padding-top: 20px;
}

.c_symptom .t_view .article_btns {
	padding-top: 0;
}

.c_symptom .article_btns ul li {
	position: relative;
	display: block;
	float: left;
	width: 12.5%;
	height: 140px;
	text-align: center;
	border-left: 1px solid #e3d7ca;
	border-bottom: 1px solid #e3d7ca;
	background-color: #a19992;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_symptom .article_btns.article_btns_02 ul li {
	width: 16.666%;
}

.c_symptom .t_view .article_btns ul li {
	height: 45px;
}

.c_symptom .article_btns ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.c_symptom .article_btns ul li a.btn_t2 {
	background-color: #6e6760;
}

.c_symptom .t_view .article_btns ul li.on a, .c_symptom .t_view .article_btns ul li a:hover
	{
	text-decoration: none !important;
	background-color: #6e6760;
}

.c_symptom .article_btns ul li.on a, .c_symptom .article_btns ul li a:hover
	{
	text-decoration: none !important;
	background-color: #6e6760;
}

.c_symptom .article_btns ul li a span.txt {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	line-height: 45px;
	text-align: center;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn {
	display: inline-block;
	margin: 15px auto 0;
	height: 83px;
	width: 83px;
	text-indent: -9999px;
}

.c_symptom .web_view .article_btns.type_organ ul li a span.bg_btn {
	background:
		url('/assets/images/subpage/01_Introduction/organ/icon_thumb.png') no-repeat 0 0;
}

.c_symptom .web_view .article_btns.type_symptom ul li a span.bg_btn {
	background:
		url('/assets/images/subpage/01_Introduction/symptom/icon_thumb.png') no-repeat 0 0;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_01 {
	background-position: 0 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_01,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_01 {
	background-position: 0 -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_02 {
	background-position: -100px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_02,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_02 {
	background-position: -100px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_03 {
	background-position: -200px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_03,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_03 {
	background-position: -200px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_04 {
	background-position: -300px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_04,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_04 {
	background-position: -300px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_05 {
	background-position: -400px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_05,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_05 {
	background-position: -400px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_06 {
	background-position: -500px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_06,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_06 {
	background-position: -500px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_07 {
	background-position: -600px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_07,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_07 {
	background-position: -600px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_08 {
	background-position: -700px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_08,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_08 {
	background-position: -700px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_09 {
	background-position: -800px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_09,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_09 {
	background-position: -800px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_10 {
	background-position: -900px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_10,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_10 {
	background-position: -900px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_11 {
	background-position: -1000px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_11,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_11 {
	background-position: -1000px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_12 {
	background-position: -1100px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_12,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_12 {
	background-position: -1100px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_13 {
	background-position: -1200px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_13,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_13 {
	background-position: -1200px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_14 {
	background-position: -1300px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_14,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_14 {
	background-position: -1300px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_15 {
	background-position: -1400px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_15,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_15 {
	background-position: -1400px -100px;
}

.c_symptom .web_view .article_btns ul li a span.bg_btn.img_16 {
	background-position: -1500px 0;
}

.c_symptom .web_view .article_btns ul li a:hover span.bg_btn.img_16,
	.c_symptom .web_view .article_btns ul li.on a span.bg_btn.img_16 {
	background-position: -1500px -100px;
}

.c_symptom .web_view .article_btns ul li a span.txt {
	height: 21px;
	line-height: 21px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_symptom .article_btns ul li a span.over_img {
	position: absolute;
	left: 0;
	bottom: 45px;
	display: none;
	width: 100%;
	height: auto;
}

.c_symptom .article_btns ul li a span.over_img img {
	width: 100%;
	height: auto;
}

.c_symptom .article_btns ul li.on a span.over_img, .c_symptom .article_btns ul li a:hover span.over_img
	{
	display: block;
}

.c_symptom .article_btns ul li.m_view {
	display: none;
}

.c_symptom .tables {
	margin-top: 50px;
	padding-bottom: 100px;
}

.c_symptom .table.t_content {
	padding-top: 0;
}

.c_symptom .section.listNumber {
	position: absolute;
	bottom: -59px;
	width: 100%;
}

.c_symptom .section.section_similar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.c_symptom .section.section_similar p.title_h4 {
	margin-bottom: 30px;
}

.c_symptom .article_box {
	border: none;
}

.c_symptom .tables .article_box .box {
	width: 230px;
	height: 250px;
	margin-left: 20px;
	border: 1px solid #E8E8E8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_symptom .article_box .box:first-child {
	margin-left: 0;
}

.c_symptom .article_box .box .box_info {
	height: auto;
	height: 20px;
	padding: 5px 0;
}

.c_symptom .article_box .box .box_info p.cat, .c_symptom .article_box .box .box_info p.spot
	{
	display: none;
}

.c_symptom .article_box .box .box_imgae, .c_symptom .article_box .box .box_image
	{
	min-height: 190px;
	height: 190px;
	width: 230px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_symptom .article_box .box .box_imgae .center, .c_symptom .article_box .box .box_image .center
	{
	padding: 10px;
	max-height: 100%;
}

.c_symptom .article_box .box .box_imgae .center a, .c_symptom .article_box .box .box_image .center a
	{
	max-width: 210px;
	max-height: 190px;
}

.c_symptom .article_box .box .box_imgae img, .c_symptom .article_box .box .box_image img
	{
	max-width: 100%;
	max-height: 100%;
}

.c_symptom .article.listNumber.web_view {
	margin-top: 0;
}

.c_symptom .article .listNumberling {
	padding: 20px 0 0;
}

.c_symptom .article_box .box .box_detail {
	height: 190px;
	bottom: -190px;
}

.c_symptom .article_box .box .box_detail dl {
	padding: 10px;
}
/* 조직도 */
.c_organization .img {
	padding: 40px 0;
}

.c_organization .section .border_box {
	max-width: 998px;
	width: 100%;
	padding: 40px 0;
	margin: 0 auto;
	border: 1px solid #e5e5e5;
}

.c_organization .section .border_box .f_box {
	float: left;
	width: 50%;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_organization .section .border_box .f_box p.title {
	font-size: 24px;
	line-height: 30px;
	margin: -4px 0 2px;
	font-weight: 600;
	color: #222222;
}

.c_organization .section .border_box .f_box p.subTitle {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: #634caa;
}

.c_organization .section .border_box .f_box ul {
	margin-top: 30px;
}

.c_organization .section .border_box .f_box ul li {
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	color: #222222;
	margin-top: 23px;
}

.c_organization .section .border_box .f_box ul li:first-child {
	margin-top: 0;
}

.c_organization .section .border_box .f_box ul li span.desc {
	display: block;
	padding-left: 23px;
	font-weight: normal;
	color: #666666;
	letter-spacing: -1px;
}

.c_organization .section .border_box .f_box.f_border {
	border-left: 1px solid #E5E5E5;
}

/* 투석상담실, 파이프라인 헤드*/
.c_pipeline .section_head, .c_dialysis .section_head {
	margin-bottom: 50px;
}

.c_pipeline .classification, .c_dialysis .classification {
	margin-top: 25px;
}

.c_pipeline .listSection .commonList .titleAlbum .img, .c_dialysis .listSection .commonList .titleAlbum .img
	{
	position: absolute;
	border: 0;
	max-width: 592px;
	width: 45%;
	height: auto;
	top: 0;
	left: 0;
	z-index: 1;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.c_pipeline .listSection .commonList .titleAlbum .info, .c_dialysis .listSection .commonList .titleAlbum .info
	{
	padding-left: 45%;
	height: 100%;
}

.c_dialysis .listSection .commonList .titleAlbum .info .desc,
	.c_pipeline .listSection .commonList .titleAlbum .info .desc {
	max-height: 100%;
	height: auto;
	font-size: 14px;
	line-height: 23px;
	text-align: justify;
}

.c_dialysis .listSection .commonList .titleAlbum .info .texts:before,
	.c_pipeline .listSection .commonList .titleAlbum .info .texts:before {
	display: none;
}

.c_pipeline .article_tab {
	display: none;
	margin-bottom: 40px;
}

.c_pipeline .article_tab a {
	width: 50%;
}

.c_pipeline .block {
	display: block;
}

.c_pipeline .block.on {
	display: block;
}

/* 투석 */
.c_dialysis .listSection .commonList .titleAlbum .info_box {
	margin-top: 20px;
}

.c_dialysis .listSection .titleAlbum .info .texts .title a.counsel {
	position: absolute;
	right: 0;
	padding: 0 13px;
	top: 50%;
	margin-top: -22px;
	line-height: 44px;
	color: #fff;
	background-color: #000000;
	font-weight: 600;
	font-size: 16px;
}

.c_dialysis .section.m_view.link_btns {
	position: relative;
	height: 0;
	margin: 0;
}

.c_dialysis .section.m_view.link_btns a.counsel {
	position: absolute;
	right: 0;
	padding: 0 13px;
	top: -5px;
	margin-top: -22px;
	line-height: 30px;
	color: #fff;
	background-color: #000000;
	font-weight: 600;
	font-size: 13px;
}

.c_dialysis .listSection .titleAlbum .info .texts .title a.counsel:hover
	{
	text-decoration: none;
}

.c_dialysis .listSection .titleAlbum .info .title .counsel em:before {
	content: "\00a0";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url('/assets/images/common/bg_btn_counsel_2.gif') no-repeat 0 0;
	position: relative;
	top: -1px;
	margin-right: 6px;
}

.c_dialysis .section.m_view.link_btns .counsel em:before {
	content: "\00a0";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url('/assets/images/common/bg_btn_counsel_2.gif') no-repeat 0 0;
	position: relative;
	top: -1px;
	margin-right: 6px;
}

.c_dialysis .listSection .commonList .titleAlbum .info_box .dl {
	font-size: 14px;
	line-height: 30px;
}

.c_dialysis .listSection .commonList .titleAlbum .info_box .dl .dt {
	display: inline-block;
	width: 80px;
	font-weight: 600;
	color: #222222;
}

.c_dialysis .listSection .listSearchForms {
	padding-top: 0;
}

.c_dialysis .listSection .listSearchForms .fields {
	height: 72px;
}

.c_dialysis .article_list .table tr td span.cat1 {
	font-size: 14px;
	font-weight: 600;
	color: #6e6760;
}

.c_dialysis .article_list .table tr td span.cat2 {
	font-size: 14px;
	font-weight: 600;
	color: #d84048;
}

.c_dialysis .article_list .table tr td.left {
	width: 100%;
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.c_dialysis .article_list .table tr td.left a:hover {
	text-decoration: underline;
}

.c_dialysis .article_list .table tr td.title {
	vertical-align: top;
}

.c_dialysis .article_list .table tr.question, .c_dialysis .article_list .table tr.answer
	{
	display: none;
}

.c_dialysis .article_list .table tr.question.on, .c_dialysis .article_list .table tr.answer.on
	{
	display: table-row;
}

.c_dialysis .article_list .table tr.question td {
	padding-top: 30px;
	border-bottom: none;
	background-color: #f7f7f7;
}

.c_dialysis .article_list .table tr.answer td {
	padding-bottom: 30px;
	background-color: #f7f7f7;
}

.c_dialysis .article_list .table tr.question td span.title {
	display: inline-block;
	padding-top: 2px;
	font-size: 14px;
	font-weight: 600;
	color: #222222;
}

.c_dialysis .article_list .table tr.question td.left {
	padding-right: 10px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	color: #222222;
	text-align: justify;
	overflow: visible;
	text-overflow: clip;
	white-space: pre-wrap;
}

.c_dialysis .article_list .table tr.answer td span.title {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #3a383a;
	padding-left: 21px;
	background: url('/assets/images/common/icon_faq_answer.gif') no-repeat 0 2px;
}

.c_dialysis .article_list .table tr.answer td.left {
	padding-right: 10px;
	text-align: justify;
	overflow: visible;
	text-overflow: clip;
	white-space: pre-wrap;
}

.c_dialysis .article_list .table col.line2 {
	width: 10%;
}

.c_dialysis .article_list .table col.line2 {
	width: 11%;
}

.c_dialysis .article_list .table col.line3 {
	width: 80%;
}

.c_dialysis p.title_h3 {
	width: 100%;
	overflow: visible;
	white-space: normal;
	word-break: keep-all;
	text-align: justify;
}

.c_dialysis .section .listView .listTitle {
	margin-bottom: 20px;
}

.c_dialysis .answer_box {
	position: relative;
	padding-left: 70px;
}

.c_dialysis .answer_box p.answer {
	position: absolute;
	top: 7px;
	left: 0;
	padding-left: 30px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	background: url('/assets/images/common/icon_answer.gif') no-repeat 10px 4px;
}
/* 투석가이드 */
.c_guide .section.section_block {
	display: none;
}

.c_guide .section.section_block.on {
	display: block;
}

.c_guide .article_btns ul li {
	display: block;
	float: left;
	width: 25%;
	height: 46px;
	border-left: 1px solid #e3d7ca;
	border-bottom: 1px solid #e3d7ca;
	background-color: #a19992;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_guide .article_btns ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.c_guide .article_btns ul li.on a, .c_guide .article_btns ul li a:hover
	{
	text-decoration: none !important;
	background-color: #6e6760;
}

.c_guide .article_btns ul li a span.txt {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 10px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	line-height: 45px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_guide .article_btns ul li.on a span.txt, .c_guide .article_btns ul li a:hover span.txt
	{
	background: url('/assets/images/subpage/01_Introduction/bg_img_plus.gif') no-repeat 90% center;
}

.c_guide .section p.section_title {
	float: left;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 43px;
	color: #000000;
}

.c_guide .section p.title_desc {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 43px;
	color: #333333;
	padding-left: 22px;
	margin-left: 21px;
	background: url('/assets/images/common/line_search_count.gif') no-repeat 0 center;
}

.c_guide .section p {
	line-height: 24px;
	text-align: justify;
	margin-bottom: 10px;
}

.c_guide.c_rule .section p {
	margin-bottom: 0;
}

.c_guide .section p strong {
	color: #333333;
}

.c_guide .section p.secting_h {
	margin-bottom: 10px;
	padding-top: 45px;
	font-size: 24px;
	font-weight: 600;
	color: #222222;
	line-height: 34px;
}

.c_guide .section p.secting_h.pt0 {
	
}

.c_guide .section .article {
	margin-bottom: 40px;
}

.c_guide .section .article.border_line {
	padding-top: 20px;
	margin-top: 95px;
	border-top: 1px solid #cccccc;
}

.c_guide .section .article .img_area {
	padding: 5px 0 15px;
}

.c_guide .section .article p.article_title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #6e6760;
}

.c_guide .section .article p.sub_title {
	padding-top: 10px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #222222;
}

.c_guide .section .article p.article_title span.black {
	color: #222222;
}

.c_guide .section .article ol.list li {
	position: relative;
	padding-left: 21px;
	line-height: 24px;
	text-align: justify;
}

.c_guide .section .article ol.list li span.num {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	font-weight: 600;
	color: #222222;
}

.c_guide .section .boxs {
	margin: 0 -20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_guide .section .boxs .box {
	float: left;
	width: 50%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_guide .section .boxs .box img {
	width: 100%;
	max-width: 100%;
}

.c_guide .section .tables_box {
	display: table;
	width: 100%;
}

.c_guide .section .tables_box .t_line {
	display: table;
	width: 100%;
}

.c_guide .section .tables_box .t_box {
	display: table-cell;
	width: 50%;
	text-align: left;
	vertical-align: middle;
}

.c_guide .section .tables_box .t_box.t_left {
	padding-right: 15px;
}

.c_guide .section .tables_box .t_box.t_right {
	padding-left: 15px;
}

.c_guide .section .tables_box .t_box .img_area {
	padding: 0;
	width: 100%;
}

.c_guide .section .tables_box .t_box .img_area img {
	width: 100%;
}

/* 제품소개 */
.c_guide .sectionList .section {
	border-top: 1px solid #E5E5E5;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 70px;
}

.c_guide .sectionList .section:first-child {
	padding-top: 30px;
	border: none;
}

.c_guide .article_tab a {
	width: 50%;
}

.c_guide .sectionList .arTitle {
	padding-right: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_guide .sectionList .arTitle .title_eng {
	font-size: 18px;
	font-weight: 900;
	color: #222222;
	margin-bottom: 7px;
}

.c_guide .sectionList .arTitle .title_h3 {
	font-size: 35px;
	line-height: 40px;
	padding-bottom: 20px;
	font-weight: 600;
}

.c_guide .sectionList .arTitle .sub_title {
	font-size: 20px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 27px;
}

.c_guide .sectionList .arTitle .btn_plus {
	display: inline-block;
	padding: 8px 10px;
	background-color: #000000;
	margin-bottom: 27px;
}

.c_guide .sectionList .arTitle .btn_plus span {
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	padding-left: 16px;
	background: url('/assets/images/common/bg_btn_plus.gif') no-repeat 0 center;
}

.c_guide .sectionList .arTitle .btn_back {
	display: inline-block;
	padding: 8px 10px;
	background-color: #666666;
	margin-bottom: 27px;
}

.c_guide .sectionList .arTitle .btn_back span {
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	padding-left: 16px;
	background: url('/assets/images/common/bg_btn_back.gif') no-repeat 0 center;
}
/* 20161215 add btn copy*/
.c_guide .sectionList .article_s .link_copy {
	text-align: right;
}

.c_guide .sectionList .article_s .link_copy_btn {
	display: inline-block;
	padding: 8px 10px;
	background-color: #000000;
	margin: 20px 0;
}

.c_guide .sectionList .article_s .link_copy_btn span {
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	padding-left: 16px;
	background: url('/assets/images/common/bg_btn_plus.gif') no-repeat 0 center;
}

.c_guide .img_list {
	overflow: hidden;
}

.c_guide .img_list ul {
	margin: 0 -15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_guide .img_list ul li {
	position: relative;
	width: 33.333%;
	padding: 0 15px;
	float: left;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_guide .img_list ul li img {
	width: 100%;
}

.c_guide .img_list ul li span {
	display: block;
	position: absolute;
	top: 12%;
	left: 50%;
	margin-left: -46px;
	padding-bottom: 23px;
	font-size: 20px;
	font-weight: 600;
	color: #6e6760;
	line-height: 30px;
}

.c_guide .img_list ul li span .w_br {
	display: block;
}

.c_guide .img_list ul li span:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 3px;
	background-color: #6e6760;
}

.c_guide .section .article_table .table {
	padding-bottom: 0;
}

.c_guide .section .article .article_s {
	margin-bottom: 30px;
}

.c_guide .section .article .article_s .t_box {
	display: table;
}

.c_guide .section .article .article_s .imc_ci {
	display: table-cell;
	width: 310px;
}

.c_guide .section .article .article_s .t_cell {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}

.c_guide .section .article_s ol.list li {
	margin-bottom: 10px;
}

.c_guide .section .article_s p.secting_h {
	padding-top: 10px;
	padding-bottom: 10px;
}

.c_guide .section .back_box {
	padding: 20px;
	background-color: #f5f5f4;
}

.c_guide .section .back_box p.article_title {
	font-size: 22px;
}

.c_guide .section .back_box ol.list {
	padding-left: 45px;
}

.c_guide .section .article_s.back_box ol.list li {
	margin-bottom: 0;
}

.c_guide .section .back_box p.line {
	padding-left: 45px;
}

.c_guide .section .tables_box.box_type2 .t_box.t_left {
	display: table-cell;
	width: 30%;
}

.c_guide .section .tables_box.box_type2 .t_box.t_right {
	display: table-cell;
	width: 70%;
}

.c_guide .section .article_s.border_line {
	padding-top: 50px;
	margin-top: 50px;
	border-top: 1px solid #cccccc;
}

.c_guide p.title_liner {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #222222;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.c_guide p.title_liner:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 4px;
	background-color: #222222;
}

.c_guide .section .boxs.boxs_type3 {
	overflow: hidden;
	margin: 0;
}

.c_guide .section .boxs.boxs_type3 .box_con {
	margin: 0 -15px;
}

.c_guide .section .boxs.boxs_type3 .box {
	width: 33.333%;
	padding: 0 15px;
}

.c_guide .section .article .boxs.boxs_type3 ol.list li {
	margin-bottom: 0;
	letter-spacing: -1px;
}

/* 제품소개 혈액투석 */
.c_guide .section .boxs.box_type3 {
	margin: 0;
}

.c_guide .section .boxs.box_type3 .article {
	margin-bottom: 0;
}

.c_guide .section .boxs.box_type3 .box {
	position: relative;
	width: 48%;
	padding: 0;
	padding-top: 110px;
	background-color: #f5f5f4;
}

.c_guide .section .boxs.box_type3 .box:first-child {
	margin-right: 4%;
}

.c_guide .section .boxs.box_type3 .box img {
	width: auto;
	height: 290px;
}

.c_guide .section .boxs.box_type3 .box span {
	display: block;
	position: absolute;
	top: 12%;
	left: 50%;
	font-size: 20px;
	font-weight: 600;
	color: #6e6760;
	line-height: 30px;
}

.c_guide .section .boxs.box_type3 .box span em {
	display: block;
	position: relative;
	padding-bottom: 23px;
	margin-left: -100%;
}

.c_guide .section .boxs.box_type3 .box span em:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 3px;
	background-color: #6e6760;
}

.c_guide p.tb {
	margin-top: 20px;
}

/* 제품소개 복막투석 페리플러스 상세 */
.c_guide .article_table .table th, .c_guide .article_table .table td {
	letter-spacing: -1px;
	word-break: keep-all;
}

.c_guide .article_table .table.table_shot tbody tr th, .c_guide .article_table .table.table_shot td
	{
	height: auto;
	line-height: 25px;
	padding-top: 15px;
	padding-bottom: 14px;
}

.c_guide .article_table .table tr th.t_all {
	text-align: left;
	padding-left: 20px;
	background-color: #f5f5f5;
	font-size: 16px;
}

.c_guide .article_table .table tr th.left {
	padding-left: 10px;
	padding-right: 10px;
}

/* 영양 가이드 */
.c_guide .article.article_menu {
	height: 180px;
}

.c_guide .article_table .table.table_food thead th {
	color: #ffffff;
	background-color: #634caa;
}

.c_guide .article_table .table.table_food tbody th {
	font-size: 16px;
	background-color: #f5f5f4;
}

.c_guide .article_table .table.table_2block tbody th {
	background-color: #f5f5f4;
}

.c_guide .article .right {
	text-align: right;
	margin-top: 10px;
}

.c_guide .section .article .right p {
	font-size: 13px;
	text-align: right;
}

.c_guide .article_table .table.table_shot tbody tr th strong {
	font-size: 16px;
}

/* 약국검색 */
.c_pharmacy .subSection.side_use {
	padding-bottom: 0;
	margin-bottom: 0;
}

.c_pharmacy .subSection .pageLocation {
	right: 30px;
}

.c_pharmacy .table.rightside {
	min-height: 100%;
}

.c_pharmacy .aside_left {
	padding-top: 43px;
	margin-bottom: 0;
}

.c_pharmacy .box_title {
	margin-bottom: 33px;
}

.c_pharmacy .box_title p.title {
	font-size: 30px;
	line-height: 40px;
	color: #000000;
}

.c_pharmacy .select_box {
	position: relative;
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding-left: 10px;
	padding-right: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cbcbcb;
	background: #ffffff url('/assets/images/common/bg_select_label.gif') no-repeat right center;
}

.c_pharmacy .box_dropbox {
	margin-top: 17px;
}

.c_pharmacy .box_dropbox select.drop_box {
	position: absolute;
	opacity: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding-left: 10px;
	padding-right: 45px;
	background: none;
}

.c_pharmacy .box_dropbox select.drop_box option {
	font-size: 14px;
}

.c_pharmacy .box_dropbox p.subscript {
	font-size: 12px;
	font-size: 1.2rem;
	padding-bottom: 16px;
}

.c_pharmacy .pharmacy_area .btn_area {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #d5d1e8;
	text-align: center;
	padding-bottom: 25px;
}

.c_pharmacy .pharmacy_area .btn_area a {
	display: inline-block;
	width: 180px;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	font-size: 1.5rem;
	color: #FFFFFF;
	font-weight: 600;
	background-color: #634caa;
	vertical-align: middle;
}

.c_pharmacy .d_search {
	width: 100%;
	padding-left: 10px;
	padding-right: 45px;
	height: 45px;
	line-height: 45px;
	border: 3px solid #634caa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_pharmacy .auto_complete {
	position: absolute;
	top: 45px;
	left: 0;
	display: none;
	padding-top: 10px;
	padding-left: 20px;
	width: 100%;
	background-color: #FFFFFF;
	border: 3px solid #634caa;
	border-top: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_pharmacy .auto_complete.on {
	display: block;
}

.c_pharmacy .auto_complete ul li {
	height: 25px;
	line-height: 20px;
	font-size: 13px;
	font-size: 1.3rem;
}

.c_pharmacy .rightside .btn_area {
	padding-top: 20px;
	border-bottom: 1px solid #d5d1e8;
	text-align: center;
	padding-bottom: 25px;
}

.c_pharmacy .rightside .btn_area a {
	display: inline-block;
	width: 100%;
	height: 69px;
	line-height: 69px;
	font-size: 18px;
	font-size: 1.5rem;
	color: #FFFFFF;
	font-weight: 600;
	background-color: #634caa;
}

.c_pharmacy .searh_list {
	border-top: 1px solid #ffffff;
}

.c_pharmacy .searh_list .list_title {
	font-size: 14px;
	line-height: 20px;
	color: #513a96;
	margin-top: 24px;
	margin-bottom: 30px;
}

.c_pharmacy .searh_list ul li {
	display: block;
	width: 100%;
	padding: 10px 20px;
	margin-left: -20px;
	margin-bottom: 15px;
}

.c_pharmacy .searh_list ul li.on {
	background-color: #e0e2ee;
}

.c_pharmacy .searh_list ul li .pointer {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_pharmacy .searh_list ul li .pointer p.num {
	position: absolute;
	top: 0;
	left: 7px;
	width: 24px;
	height: 32px;
	overflow: hidden;
	line-height: 20px;
	text-align: center;
	text-indent: -9999px;
	background: url('/assets/images/common/bg_number_box.png') no-repeat 0 0;
	color: #ffffff;
	font-size: 10px;
	font-weight: 600;
}

.c_pharmacy .searh_list ul li.on .pointer p.num {
	background-position: 0 -32px;
}

.c_pharmacy .searh_list ul li .pointer .name {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: #634caa;
	margin-bottom: 4px;
}

.c_pharmacy .searh_list ul li .pointer p.tel {
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	font-weight: 600;
}

.c_pharmacy .section .listNumberling {
	padding: 20px 0;
}

.c_pharmacy .section .listNumberling .numList>li>* {
	border: 5px solid #f5f5f4;
}

.c_pharmacy .section .listNumberling .numList>li .on, .c_directions .section .listNumberling .numList>li>a:hover
	{
	border-color: #c6c9df;
}

.c_pharmacy .t_view .searh_list ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.c_pharmacy .t_view .searh_list ul li {
	float: left;
	width: 50%;
	padding: 10px 0;
	margin-left: 0;
	margin-bottom: 15px;
}

.c_pharmacy .tablet_view {
	display: none;
	margin-top: 30px;
	padding: 39px 19px 19px;
	border: 1px solid #e5e6e5;
	background-color: #f5f5f4;
}

.c_pharmacy .tablet_view .box p.subject {
	font-size: 18px !important;
	font-size: 1.8rem;
	color: #634caa;
	line-height: 1.8rem;
	font-weight: 600;
	margin-bottom: 20px;
	-webkit-appearance: none;
}

.c_pharmacy .tablet_view .clearfix .box_direct {
	float: left;
	width: 50%;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_pharmacy .tablet_view .clearfix .box_dropbox {
	float: right;
	width: 50%;
	padding-left: 10px;
	margin-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_pharmacy .tablet_view .select_box {
	position: relative;
	float: right;
	margin-bottom: 10px;
	width: 57%;
	height: 45px;
	line-height: 43px;
	padding-left: 10px;
	padding-right: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #634caa;
	background: #ffffff url('/assets/images/common/btn_tablet_dropbox.gif') no-repeat right center;
}

.c_pharmacy .tablet_view .select_box.first-child {
	float: left;
	width: 40%;
}

.c_pharmacy .tablet_view .box_dropbox select.drop_box {
	position: absolute;
	opacity: 0;
	text-indent: -9999px;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 10px;
	padding-right: 45px;
	height: 43px;
	line-height: 43px;
	background: none;
}

.c_pharmacy .tablet_view .box_dropbox select.drop_box option {
	font-size: 14px;
}

.c_pharmacy .tablet_view p.subscript {
	font-size: 12px;
	margin-top: 5px;
	letter-spacing: -1px;
}

.c_pharmacy .tablet_view .pharmacy_area .btn_area {
	margin-top: 0;
	padding-top: 12px;
	border-top: none;
	text-align: center;
	padding-bottom: 25px;
}

.c_pharmacy .tablet_view .pharmacy_area .btn_area a {
	display: inline-block;
	width: 180px;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	font-size: 1.5rem;
	color: #FFFFFF;
	font-weight: 600;
	background-color: #634caa;
}

/* 영상광고 */
.c_movie .section_head {
	margin-bottom: 50px;
}

.c_movie .classification {
	margin-top: 25px;
}

.c_movie .listSection .commonList .titleAlbum .video {
	position: absolute;
	border: 0;
	max-width: 668px;
	width: 668px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.c_movie .listSection .commonList .titleAlbum .video .btn_video_player {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
}

.c_movie .listSection .commonList .titleAlbum .video .btn_video_player.on
	{
	display: block;
}

.c_movie .listSection .commonList .titleAlbum .info {
	padding-left: 668px;
}

.c_movie .listSection .commonList .titleAlbum .info .img {
	position: absolute;
	border: 0;
	max-width: 668px;
	width: 668px;
	height: 100%;
	top: 0;
	left: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.c_movie .listSection .commonList .titleAlbum .info .texts {
	min-height: 375.75px;
}

.c_movie .listSection .commonList .list>li.noData {
	margin-top: 20px;
	border-top: 1px solid #e1e1e1;
}

.c_movie .listSection .commonList .list .info .tit {
	line-height: 26px;
}

.c_movie .listSection .commonList .list .info.on .tit {
	color: #3a383a;
}

.c_movie .listSection .commonList .showAlbum .info.on .img {
	position: relative;
	border-color: #634caa;
}

.c_movie .listSection .commonList .showAlbum .info .img .hover {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid #6e6760;
}

.c_movie .listSection .commonList .showAlbum .info.on .img .hover {
	display: block;
}

.c_movie #videox {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.c_movie .searchForms .selectbox.select_1, .c_ad .searchForms .selectbox.select_1
	{
	margin-left: 5px;
}

/* 홍보동영상 */
.listSection .commonList .showAlbum.list_movie {
	margin-top: 0;
}

/* searchForms */
.searchForms {
	float: right;
	width: 286px;
}

.c_production .searchForms {
	width: 143px;
}

.searchForms .selectbox {
	position: relative;
	display: block;
	float: left;
	height: 35px;
	width: 143px;
}

.searchForms .selectbox label {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 35px;
	width: 144px;
	padding-left: 10px;
	line-height: 35px;
	font-size: 13px;
	font-size: 1.3rem;
	border: 1px solid #cbcbcb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_goods .searchForms .selectbox.select_first label {
	left: 1px;
}

.searchForms .selectbox select {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 35px;
	width: 144px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_goods .searchForms .selectbox.select_first select {
	left: 1px;
}

.searchForms .selectbox select#selsub01 {
	border-right: none;
	width: 143px;
}

.searchForms.forms_1 {
	position: relative;
	width: 354px;
}

.searchForms .selectbox.select_1, .searchForms .selectbox.select_1 label,
	.searchForms .selectbox.select_1 select {
	width: 240px;
	height: 44px;
	line-height: 44px;
}

.searchForms.forms_1 a.btn_search {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 110px;
	height: 44px;
	text-align: center;
	background-color: #666666;
}

.searchForms.forms_1 a.btn_search span {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	margin-top: 12px;
	color: #ffffff;
	padding-left: 24px;
	background: url('/assets/images/common/bg_btn_search_02.gif') no-repeat 0 0;
}

/* input 검색창 */
.searchForms .inputbox {
	display: block;
	position: relative;
	float: left;
	height: 35px;
	width: 224px;
	padding-right: 34px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.searchForms input {
	display: block;
	height: 35px;
	line-height: 35px;
	width: 100%;
	padding-left: 10px;
	border: 1px solid #cbcbcb;
	border-right: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.searchForms .inputbox .btn_submit {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	background: url('/assets/images/common/btn_list_search.png') no-repeat center center;
	border: 1px solid #cbcbcb;
	border-left: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.searchForms .inputbox .autocomplete {
	position: absolute;
	display: none;
	top: 36px;
	left: 0;
	width: 100%;
	padding: 10px 0;
	background-color: #ffffff;
	border: 1px solid #cbcbcb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.searchForms .inputbox .autocomplete ul li {
	padding: 0 10px;
}

.searchForms .inputbox .autocomplete ul li a {
	display: block;
	width: 100%;
}

/* searchForms - 게시판 리스트 상단 - */
.article_searchbox .searchForms {
	float: right;
	width: 367px;
}

.c_goods .article_searchbox .searchForms {
	width: 510px;
}

.article_searchbox .searchForms.input_use input {
	border-left: none;
}

/* pagination */
.section .pagination {
	float: right;
	font-family: Tahoma;
	height: 25px;
}

.section .pagination p {
	float: left;
	line-height: 25px;
	margin-right: 7px;
}

.section .pagination p strong {
	color: #513a96;
}

.section .pagination a.btn_all {
	display: block;
	float: left;
	line-height: 25px;
	color: #000000;
	margin-right: 11px;
}

.section .pagination a.button {
	display: block;
	float: left;
	text-indent: -9999px;
	height: 25px;
	overflow: hidden;
	background: url('/assets/images/common/bg_pagenation_arrow.gif') no-repeat 0 0;
}

.section .pagination a.button.btn_prev {
	width: 25px;
}

.section .pagination a.button.btn_next {
	width: 24px;
	background-position: -25px 0;
}

.section .pagination a.button.btn_prev.on {
	width: 25px;
	background-position: 0 -25px;
}

.section .pagination a.button.btn_next.on {
	width: 24px;
	background-position: -25px -25px;
}

/* float box */
.article_box {
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8
}

.article_box .box {
	position: relative;
	width: 33.333%;
	float: left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.article_box .box .box_info {
	height: 83px;
}

.article_box .box .box_imgae, .article_box .box .box_image {
	display: table;
	width: 100%;
	min-height: 235px;
	table-layout: fixed;
}

.article_box .box .box_imgae .center, .article_box .box .box_image .center
	{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 20px;
}

.article_box .box .box_imgae .center a, .article_box .box .box_image .center a
	{
	display: inline-block;
	max-width: 190px;
	max-height: 190px;
}

.article_box .box .box_detail {
	position: absolute;
	width: 100%;
	height: 216px;
	bottom: -216px;
	background: url('/assets/images/common/bg_box_detail.png') repeat 0 0;
}

.article_box .box.on .box_detail {
	bottom: 0;
}

.article_box .box.on .box_detail a:hover {
	text-decoration: none;
}

.article_box .box .box_detail dl {
	padding: 30px 20px;
	color: #ffffff;
}

.article_box .box .box_detail dl dt {
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.article_box .box .box_detail dl dd {
	font-size: 13px;
	line-height: 18px;
}

.article_box .box .box_info p.cat {
	font-size: 12px;
	line-height: 16px;
	padding-left: 20px;
	padding-top: 22px;
}

.article_box .box .box_info p.name {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 5px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: #222222;
}

.article_box .box .box_info p.name span.new {
	position: relative;
	top: 2px;
}

.article_box .box .box_info p.name span.new img {
	vertical-align: top;
}

.article_box .box .box_info p.name a:hover {
	text-decoration: underline;
}

.article_box .box .box_info p.spot {
	position: absolute;
	top: 25px;
	right: 19px;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
}

.article_box .box .box_info p.spot.new {
	color: #f1710d;
}

.article_box .box .box_info p.spot.change {
	color: #626ac1;
}

/* aside left */
.aside_left {
	background-color: #f5f5f4;
	padding: 40px 20px;
	border: 1px solid #e5e6e5;
	border-top: none;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.aside_left p.subject {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 28px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 4px;
}

.aside_left p.subscript {
	color: #606163;
	margin-top: 5px;
}

.aside_left .box_direct .d_search {
	position: relative;
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding-left: 25px;
	padding-right: 55px;
	margin-top: 5px;
	border: 3px solid #000000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.aside_left .box_direct .input_box {
	position: relative;
}

.aside_left .box_direct .input_box a.btn_search {
	position: absolute;
	top: 8px;
	right: 4px;
	display: block;
	width: 45px;
	height: 38px;
	text-indent: -9999px;
	background: #ffffff url('/assets/images/common/btn_tablet_search.png') no-repeat center center;
	background-size: 45px 45px;
}

.aside_left .box_direct .auto_complete {
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
	padding-top: 10px;
	padding-left: 20px;
	width: 100%;
	background-color: #FFFFFF;
	border: 3px solid #634caa;
	border-top: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.aside_left .box_direct .auto_complete.on {
	display: block;
}

.aside_left .box_direct .auto_complete ul li {
	height: 25px;
	line-height: 20px;
	font-size: 13px;
	font-size: 1.3rem;
}

.aside_left .box_cat {
	margin-top: 70px;
}

.aside_left .list {
	border-top: 3px solid #000000;
	border-bottom: 3px solid #000000;
}

.aside_left .list ul.dep1>li {
	display: block;
	background: url('/assets/images/common/bg_aside_list.gif') repeat-x 0 0;
}

.aside_left .list ul.dep1>li>a {
	display: block;
	height: 36px;
	padding-top: 2px;
	width: 100%;
	overflow: hidden;
	background: url('/assets/images/common/icon_acodian.png') no-repeat right 2px;
}

.aside_left .list ul.dep1>li.on>a {
	background-position: right -40px;
}

.aside_left .list ul.dep1>li>a>span {
	display: block;
	padding-left: 12px;
	line-height: 36px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	color: #333333;
	background: url('/assets/images/common/dot_aside_list.gif') no-repeat 0 center;
}

.aside_left .list ul.dep2 {
	display: none;
	padding-bottom: 10px;
}

.aside_left .list ul.dep1>li.on ul.dep2 {
	display: block;
}

.aside_left .list ul.dep2>li {
	padding-left: 30px;
}

.aside_left .list ul.dep2>li>a>span {
	display: block;
	padding-left: 12px;
	line-height: 28px;
	font-size: 13px;
	font-size: 1.3rem;
	background: url('/assets/images/common/dot_aside_list.gif') no-repeat 0 center;
}

.aside_left .list ul.dep2>li.on>a>span {
	font-weight: 600;
	color: #222222;
}

.aside_left .box_situation {
	margin-top: 75px;
}

.aside_left .box_link {
	margin-top: 75px;
}

.aside_left .box_link a {
	display: block;
	padding: 25px 30px;
	background-color: #6e6760;
}

.aside_left .box_link a span {
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	color: #ffffff;
	background: url('/assets/images/common/bg_aside_link.gif') no-repeat right center;
}

/* tab menu */
.article_tab {
	border-bottom: 1px solid #513a96;
	height: 45px;
	margin-top: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.article_tab a {
	display: block;
	float: left;
	width: 206px;
	height: 45px;
	background-color: #e5e5e5;
	text-align: center;
	border-bottom: 1px solid #6e6760;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.article_tab a span {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 45px;
}

.article_tab a.on {
	border: 1px solid #6e6760;
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
}

.article_tab a.on span {
	color: #6e6760;
}

/* list Table */
table tr th, table tr td {
	text-align: center;
	vertical-align: middle;
}

table tr th.left, table tr td.left {
	text-align: left;
	padding-left: 40px;
}

.table_nanum table tr th.left, .table_nanum table tr td.left {
	padding-left: 20px;
}

table tr th.right, table tr td.right {
	text-align: right;
	padding-right: 20px !important;
}

.table.table_box {
	display: block;
}

.table {
	position: relative;
	width: 100%;
}

.article_list .table {
	display: block;
}

.table .w_date {
	position: absolute;
	right: 0;
	top: -33px;
}

.table .wb_date {
	position: absolute;
	right: 0;
	bottom: 0;
}

.table table {
	width: 100%
}

.table table tr.even td {
	background-color: #f8f8f8;
}

.article_list .table {
	border-top: 1px solid #a9a9a9;
}

.article_list .table tr th {
	height: 50px;
	border-bottom: 1px solid #a9a9a9;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5em;
	font-weight: 600;
	color: #222222;
}

.article_list .table tr td {
	padding-top: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
}

.article_list .table tr td a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 파이프라인 테이블 web */
.article_table .table.table_pipe {
	border-top: none;
}

.article_table .table.table_pipe thead tr th {
	height: 45px;
	border: 1px solid #dddddd;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 600;
	color: #bfbfbf;
	background-color: #3a383a;
}

.article_table .table.table_pipe thead tr th em {
	font-size: 16px;
	color: #ffffff;
}

.article_table .table.table_pipe tbody tr th {
	background-color: #f5f5f4;
	font-size: 16px;
	color: #222222;
	font-weight: 600;
}

.article_table .table.table_pipe tbody tr td {
	font-size: 14px;
	color: #666666;
	height: 55px;
	padding: 0;
}

.article_table .table.table_pipe tbody tr td span {
	display: block;
	width: 100%;
	height: 19px;
	background-color: #e4e3df;
}

.article_table .table.table_pipe tbody tr td span.box2 {
	background-color: #dad9d4;
}

.article_table .table.table_pipe tbody tr td span.box3 {
	background-color: #cccac3;
}

.article_table .table.table_pipe tbody tr td span.box4 {
	background-color: #b9b7ad;
}

.article_table .table.table_pipe tbody tr td span.box5 {
	background-color: #9f9c90;
}

.article_table .table.table_pipe tbody tr td span.box6 {
	background-color: #9f9c90;
}

.article_table .table.table_pipe tbody tr td.line {
	/*border-left: none;
	background: url('/assets/images/common/bg_table_line.gif') repeat-y 0 0;*/
	
}

/* 파이프라인 테이블 mobile */
.article_table .table.table_pipe_mobile {
	border-top: none;
}

.article_table .table.table_pipe_mobile>table {
	margin-bottom: 10px;
}

.article_table .table.table_pipe_mobile>table>tbody>tr>th {
	height: 43px;
	border: 1px solid #e8e8e8;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 600;
	color: #222222;
	background-color: #f5f5f4;
	text-align: left;
	padding-left: 14px;
}

.article_table .table.table_pipe_mobile>table>tbody>tr>td {
	padding: 14px;
	text-align: left;
	border: 1px solid #e8e8e8;
}

.article_table .table.table_pipe_mobile>table>tbody>tr>td p.title {
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	color: #000000;
	text-align: left;
	margin-bottom: 6px;
}

.article_table .table.table_pipe_mobile>table>tbody>tr>td p.sub_title {
	font-size: 12px;
	color: #222222;
	margin-bottom: 9px;
}

.table_pipe_mobile .table_liner>table {
	border: none;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.table_pipe_mobile .table_liner>table>thead>tr>th {
	border-bottom: none;
	height: 35px;
	background-color: #3a383a;
	color: #ffffff;
	font-weight: 600;
	font-size: 12px;
	line-height: 13px;
}

.table_pipe_mobile .table_liner>table>tbody>tr>td {
	height: 34px;
	padding: 0;
}

.table_pipe_mobile .table_liner>table>tbody>tr>td.line {
	/*border-left: none;
	background: url('/assets/images/common/bg_table_line.gif') repeat-y 0 0;*/
	
}

.table_pipe_mobile .table_liner>table>tbody>tr>td span {
	display: block;
	width: 100%;
	height: 14px;
	background-color: #e4e3df;
}

.table_pipe_mobile .table_liner>table>tbody>tr>td span.box2 {
	background-color: #dad9d4;
}

.table_pipe_mobile .table_liner>table>tbody>tr>td span.box3 {
	background-color: #cccac3;
}

.table_pipe_mobile .table_liner>table>tbody>tr>td span.box4 {
	background-color: #b9b7ad;
}

.table_pipe_mobile .table_liner>table>tbody>tr>td span.box5 {
	background-color: #9f9c90;
}

.table_pipe_mobile .table_liner>table>tbody>tr>td span.box6 {
	background-color: #9f9c90;
}

/* 사회공헌 페이지 표 */
.social_table.web_view .article_table .table tr td.ft16 {
	font-size: 16px;
}

/* mobile list */
.article_mlist ul {
	display: block;
	width: 100%;
	border-top: 1px solid #a9a9a9;
}

.article_mlist ul li {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.article_mlist ul li a {
	position: relative;
	display: block;
}

.article_mlist ul li a:hover {
	text-decoration: none;
}

.article_mlist ul li p.cat {
	font-size: 12px;
	line-height: 25px;
	font-weight: 600;
}

.article_mlist ul li p.title {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.article_mlist ul li .info p.box {
	float: left;
	width: 50%;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

.article_mlist ul li .info p.box span.tit {
	display: inline-block;
	padding-right: 10px;
	margin-right: 9px;
	background: url('/assets/images/common/divider_m_info.png') no-repeat right center;
	background-size: 1px 10px;
}

/* 사회공헌 mobile list */
.article_mlist .desc>ul {
	border: none;
}

.article_mlist .desc>ul>li {
	display: block;
	width: 100%;
	border: none;
	text-align: left;
	padding: 0;
	padding-left: 5px;
	margin-bottom: 5px;
}

/* information table */
.article_table .table {
	display: block;
	border-top: 1px solid #dddddd;
	padding-bottom: 35px;
}

.article_table .table tr th {
	height: 52px;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-size: 16px;
	font-size: 1.5rem;
	line-height: 1.5em;
	font-weight: 600;
	color: #222222;
	background-color: #f5f5f4;
	word-break: keep-all;
}

.article_table .table tbody tr th {
	background-color: #ffffff;
	font-size: 14px;
}

.article_table .table tr th:first-child {
	border-left: none;
}

.article_table .table tr td.no_line {
	border-left: none;
}

.article_table .table tr th.border_left {
	border-left: 1px solid #dddddd;
}

.article_table .table tr td {
	padding-top: 13px;
	padding-bottom: 13px;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5em;
	word-break: keep-all;
}

.article_table .table tr td strong{
	color: #222;
	font-size: 15px;
	font-size: 1.5rem;
}

.article_table .table tr td dl{
	text-align: left;
	padding: 0 10px;
}

.article_table .table tr td dl + dl{
	margin-top: 15px;
}

.article_table .table tr td dl dt{
	font-weight: 600;
	color: #222;
}

.article_table .table tr td dl dd{
	text-indent: -9px;
	padding-left: 19px;
}

.article_table .table tr td ul{
	text-align: left;
	padding-left: 25px;
	padding-right: 10px;
	margin: 0 10px;
}

.article_table .table tr td ul li{
	list-style: disc;
}

.article_table .table tr td ul li + li{
	margin-top: 5px;
}

.article_table .table tr td i.check{
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #6e6760;
	border-radius: 50%;
}

.article_table .table tr th.left_pl5, .article_table .table tr td.left_pl5
	{
	text-align: left;
	padding-left: 5px;
}

.article_table .table_pipe_mobile tr td:first-child {
	border-left: none;
}

.article_table .table tr td.border_left {
	border-left: 1px solid #dddddd;
}

/* 주가정보 테이블 */
.article_table .table tfoot tr.double_line th {
	background-color: #ffffff;
	border-top: 3px double #dddddd;
}

.article_table .table tfoot tr.double_line td {
	border-top: 3px double #dddddd;
}

.article_table--blue .table tr th{
	background-color: #f1f2f8;
}

.article_table p.right {
	margin-top: 10px;
}

/* list showList & showAlbum */
/* list */
.section .commonList {
	overflow: hidden;
	border-top: 1px solid #e1e1e1;
}

.section .commonList .normalList {
	
}

.section .commonList .list {
	position: relative;
	border-bottom: 1px solid #999;
}

.section .commonList .list:before {
	content: "";
	position: absolute;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #fff;
	width: 100%;
}

.section .commonList .list:after {
	content: "";
	display: block;
	clear: both;
}

.section .commonList .list>li {
	float: left;
	padding: 30px 0;
	border-bottom: 1px solid #e1e1e1;
}

.section .commonList .list>li.noData {
	padding: 50px 0;
	width: 100%;
	text-align: center;
}

.section .commonList .list .info {
	display: block;
	position: relative;
}

.section .commonList .list .info:after {
	content: "";
	display: block;
	clear: both;
}

.section .commonList .list .info .img {
	border: 1px solid #e1e1e1;
}

.section .commonList .list .info .auth {
	color: #669900;
}

.section .commonList .list .info .tit {
	color: #222;
	font-size: 16px;
	padding: 5px 0;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section .commonList .list .info .time {
	white-space: nowrap;
}

.section .commonList .list .info .time>li {
	display: inline-block;
}

.section .commonList .list .info .time>li:before {
	content: "\00a0|\00a0\00a0";
}

.section .commonList .list .info .time>li:first-child:before {
	display: none;
}
/* */
.section .commonList .showList>li {
	width: 50%;
}

.section .commonList .showList .info .img {
	float: left;
	width: 40%;
	max-width: 240px;
}

.section .commonList .showList .info .texts {
	padding-left: 40%;
	padding-bottom: 30px;
}

.section .commonList .showList .info .summary {
	padding: 0 40px 0 25px;
}

.section .commonList .showList .info .desc {
	padding-top: 5px;
	line-height: 1.4;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 60px;
}

.section .commonList .showList .info .time {
	position: absolute;
	bottom: 4px;
}
/* */
.section .commonList .showAlbum {
	margin-left: -18px;
	margin-right: -18px;
}

.section .commonList .showAlbum>li {
	float: left;
	width: 25%;
}

.section .commonList .showAlbum .info {
	padding: 0 18px;
	max-width: 100%;
	margin: 0 auto;
}

.section .commonList .showAlbum .info .img {
	float: none;
	text-align: center;
}

.section .commonList .showAlbum .info .img img {
	max-width: 100%;
	max-height: 100%;
}

.section .commonList .showAlbum .info .texts {
	padding: 0;
}

.section .commonList .showAlbum .info .summary {
	padding: 0;
}

.section .commonList .showAlbum .info .auth {
	display: none;
}

.section .commonList .showAlbum .info .desc {
	display: none;
}

.section .commonList .showAlbum .info .time {
	position: static;
	font-size: 12px;
}
/* */
.section .commonList .titleAlbum {
	border-bottom: 0;
	margin-left: -15px;
	margin-right: -15px;
}

.section .commonList .titleAlbum:before {
	display: none;
}

.section .commonList .titleAlbum>li {
	float: left;
	width: 50%;
}

.section .commonList .titleAlbum .info {
	padding: 0 15px;
	max-width: 585px;
	margin: 0 auto;
}

.section .commonList .titleAlbum .info .texts {
	padding: 0;
	width: 100%;
	position: absolute;
	bottom: 1px;
	left: 0;
}

.section .commonList .titleAlbum .info .texts .summary {
	margin: 0 16px;
	padding: 16px 18px;
	position: relative;
	background: url('/assets/images/group/thumb_bg.png') repeat 0 0;
}

.section .commonList .titleAlbum .info .tit {
	font-size: 18px;
	padding-bottom: 0;
	padding-top: 8px;
}

.section .commonList .titleAlbum .info .time {
	position: absolute;
	top: 16px;
	right: 18px;
}

/* 리스트 - 광고 - 프린트 광고물 */
.section.list_printAd .commonList .list {
	border-bottom: none;
}

.section.list_printAd .commonList .list>li {
	border-bottom: none;
}

.section.list_printAd .commonList .showAlbum .info .texts {
	position: relative;
}

.section.list_printAd .commonList .showAlbum .info .texts p.title {
	width: 85%;
	padding-top: 17px;
	font-size: 16px;
	color: #222222;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.section.list_printAd .commonList .showAlbum .info .texts .btn_viewplus
	{
	position: absolute;
	top: 15px;
	right: 8px;
}

.section.list_printAd .commonList .showAlbum .info .texts .btn_viewplus span
	{
	display: block;
	width: 26px;
	height: 20px;
	text-indent: -9999px;
	background: url('/assets/images/common/bg_btn_download_2.gif') no-repeat center center;
}

/* paginate */
.section .listNumberling {
	display: block;
	text-align: center;
	padding: 38px 0;
}

.section .listNumberling .numList {
	display: inline-block;
}

.section .listNumberling .numList:after {
	content: "";
	display: block;
	clear: both;
}

.section .listNumberling .numList>li {
	float: left;
	color: #555;
	margin: 0 2px;
}

.section .listNumberling .numList>li>* {
	position: relative;
	display: block;
	text-align: center;
	border: 5px solid #fff;
	padding: 0 3px;
	min-width: 19px;
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
}

.section .listNumberling .numList>li .on, .section .listNumberling .numList>li>a:hover
	{
	border-color: #e3d7ca;
}

.section .listNumberling .numList .btn {
	line-height: 0;
	font-size: 0;
	border: 0 !important;
	width: 35px;
	height: 35px;
}

.section .listNumberling .numList .btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url('/assets/images/common/icon_pagearrow.png');
	background-repeat: no-repeat;
}

.section .listNumberling .numList .btFirst:before, .section .listNumberling .numList .btLast:before
	{
	width: 12px;
	height: 10px;
	margin: -4px 0 0 -6px;
}

.section .listNumberling .numList .btFirst:before {
	background-position: 0 0;
}

.section .listNumberling .numList .btLast:before {
	background-position: -20px 0;
}

.section .listNumberling .numList .btPrev:before, .section .listNumberling .numList .btNext:before
	{
	width: 6px;
	height: 10px;
	margin: -4px 0 0 -3px;
}

.section .listNumberling .numList .btPrev:before {
	background-position: 0 -20px;
}

.section .listNumberling .numList .btNext:before {
	background-position: -20px -20px;
}

.section .listView {
	padding-top: 27px;
}

.section .listView .listTitle {
	position: relative;
	padding: 22px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #222;
	font-size: 26px;
	margin-bottom: 40px;
}

p.title_h3 {
	float: none;
}

.section .listView .date {
	position: absolute;
	bottom: 8px;
	right: 5px;
	font-size: 14px;
	line-height: 18px;
	height: 18px;
}

.section .listView .date>ul {
	float: right;
}

.section .listView .date>ul:after, .section .listView .date:after {
	clear: both;
	content: "";
	display: block;
}

.section .listView .date>ul>li {
	float: left;
}

.section .listView .date>ul>li.divider:before {
	content: "";
	display: block;
	float: left;
	width: 20px;
	height: 18px;
	background: url('/assets/images/common/divider_list_date.gif') no-repeat center center;
}

.fileList {
	margin-top: 40px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.fileList .line {
	position: relative;
	padding-left: 150px;
	border-top: 1px solid #e1e1e1;
}

.fileList ul li {
	padding: 16px 0;
}

.fileList .tit {
	position: absolute;
	width: 138px;
	font-weight: normal;
	left: 0;
	top: 16px;
	border-right: 1px solid #e1e1e1
}

/*홍보 페이지의 뷰의 title_info Style */
.section .listView .listTitle_info {
	margin-top: -40px;
	margin-bottom: 40px;
	padding: 19px 11px;
	border-bottom: 1px solid #e5e5e5;
}

.section .listView .listTitle_info ul:after {
	clear: both;
	content: "";
	display: block;
}

.section .listView .listTitle_info ul li.info {
	float: left;
	font-size: 14px;
	line-height: 16px;
	margin-right: 40px;
}

.section .listView .listTitle_info ul li.info span.tit {
	margin-right: 12px;
	padding-right: 14px;
	background: url('/assets/images/common/divider_list_info.gif') no-repeat right center;
}
/* */
.section .listLink {
	padding-top: 60px;
}

.section .listLink .link {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.section .listLink .link>li {
	border-top: 1px solid #e1e1e1;
}

.section .listLink .link>li:first-child {
	border-top: 0;
}

.section .listLink .link>li .lnkPrev, .section .listLink .link>li .lnkNext
	{
	display: block;
	position: relative;
	padding: 10px 0 10px 150px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.section .listLink .link>li a:hover {
	text-decoration: underline;
}

.section .listLink .link>li .lnkPrev em, .section .listLink .link>li .lnkNext em
	{
	position: absolute;
	left: 0;
}

.section .listLink.noDate .link>li .lnkPrev, .section .listLink.noDate .link>li .lnkNext
	{
	padding-left: 60px;
}

.section .listLink.noDate .link>li .lnkPrev em:after, .section .listLink.noDate .link>li .lnkNext em:after
	{
	content: "\00a0\00a0|";
	color: #e1e1e1;
}

.section .listLink .link>li a span {
	position: absolute;
	display: block;
	margin: 3px 0;
	height: 14px;
	line-height: 14px;
	left: 50px;
	min-width: 85px;
	border-right: 1px solid #e1e1e1;
}

.section .listLink.noDate .link>li a span {
	border-right: none;
}

.section .listLink .link>li.linkFile em{
	position: absolute;
	left: 0;
	padding: 10px 0;
}
.section .listLink .link>li.linkFile em::after{
	content: "\00a0\00a0|";
	color: #e1e1e1;
	margin-left: 60px;
}
.section .listLink .link>li.linkFile a{
	display: block;
	position: relative;
	padding: 10px 0 10px 150px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* */
.section .listBtns {
	padding-top: 30px;
	margin: 0 -3px;
	overflow: hidden;
	text-align: right;
}

.section .listBtns .cbtn {
	display: inline-block;
	margin: 0 3px;
	min-width: 80px;
	padding: 10px;
	line-height: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

.section .listBtns .btPurple {
	color: #fff;
	background-color: #000000;
}

/* 공시정보 검색창 추가 수정 기간 탭 */
.c_disclosure .listSection .listSearchForms {
	padding-top: 0;
}

.c_disclosure .listSection .listSearchForms .formTabs {
	padding-right: 80px;
}

.c_disclosure .listSection .listSearchForms a.period {
	position: relative;
	display: inline-block;
	width: 61px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #e1e1e1;
	text-align: center;
	background-color: #ffffff;
	margin-left: -1px;
	z-index: 0;
}

.c_disclosure .listSection .listSearchForms a.period.on {
	border: 1px solid #6e6760;
	color: #a19992;
	font-weight: 600;
	z-index: 1;
}

.c_disclosure .listSection .listSearchForms .formBtns {
	position: absolute;
	top: 0;
	right: 20px;
	width: 230px;
}

.c_disclosure .listSection .listSearchForms .formBtns a {
	display: inline-block;
	width: 110px;
	height: 44px;
	text-align: center;
	vertical-align: middle;
}

.c_disclosure .listSection .listSearchForms .formBtns a span {
	line-height: 44px;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
}

.c_disclosure .listSection .listSearchForms .formBtns a.btn_search {
	background-color: #666666;
	/*margin-right: 10px;*/
}

.c_disclosure .listSection .listSearchForms .formBtns a.btn_search span
	{
	padding-left: 23px;
	background: url('/assets/images/common/bg_btn_search.png') no-repeat 0 1px;
}

.c_disclosure .listSection .listSearchForms .formBtns a.btn_chart {
	background-color: #000000;
}

.c_disclosure .listSection .listSearchForms .formBtns a.btn_chart span {
	padding-left: 23px;
	background: url('/assets/images/common/bg_btn_chart.png') no-repeat 0 2px;
}

.c_disclosure .section.section_head {
	position: relative;
	margin-bottom: 30px;
}

.c_disclosure a.btn_viewer {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-top: 10px;
	display: inline-block;
	line-height: 34px;
	padding: 5px 10px;
	width: 160px;
	text-align: center;
	background-color: #000000;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.c_disclosure a.btn_viewer em:before {
	display: inline-block;
	content: "\00a0";
	width: 17px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	background: url('/assets/images/common/bg_btn_viewer.gif') no-repeat 0 0;
}

/* 재무정보 */
.c_financial .bod_area {
	position: relative;
	height: 0;
}

p.bod {
	position: absolute;
	right: 0;
	top: -30px;
	font-size: 13px;
	color: #888888;
}

/*공시 정보 게시판 스타일 수정 */
.c_disclosure .section.web_view {
	margin-top: 0;
}

.c_disclosure .section.web_view .table {
	border-top: none;
}

.c_disclosure .section.m_view .article_mlist ul {
	border-top: none;
}

.c_disclosure .section.m_view .article_mlist ul li .info .box:last-child
	{
	width: 66.666%
}

.c_rule .editorTexts>div {
	display: none;
}

.c_rule .editorTexts>div.on {
	display: block;
}

.c_rule .editorTexts>div {
	font-size: 14px;
	line-height: 24px;
}

.c_rule .editorTexts>div strong {
	color: #222222;
}

.c_rule.c_guide .article_searchbox, .c_rule .article_searchbox {
	margin-top: 40px;
	margin-bottom: 0;
	position: relative;
}

.c_rule .btn_back {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 80px;
	padding: 7px 10px;
	background-color: #666666;
}

.c_rule .btn_back span {
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	padding-left: 16px;
	background: url('/assets/images/common/bg_btn_back.gif') no-repeat 0 center;
}

/*주가 정보 테이블 크기 조절 */
.c_stock p.timer a.btn_refresh {
	display: inline-block;
	margin-left: 20px;
	width: 34px;
	line-height: 34px;
	width: 96px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #666666;
}

.c_stock p.timer a.btn_refresh span {
	display: inline-block;
	padding-left: 24px;
	background: url('/assets/images/common/bg_btn_refresh.gif') no-repeat 0 center;
}

.c_stock .article_graph .graph {
	border: 1px solid #dddddd;
	height: 424px;
	width: auto;
	margin-bottom: 21px;
}

.c_stock .article_table .table tr td {
	padding: 0;
	height: 52px;
}

.c_stock .article_table .table tr th.head {
	height: 52px;
	padding: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5em;
	font-weight: 600;
	color: #222222;
	background-color: #f5f5f4;
}

.c_stock .article_table .table tr td.head {
	height: 52px;
	padding: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5em;
	font-weight: 600;
	color: #222222;
	background-color: #f5f5f4;
}

.c_stock .article_table .table.table_right tr td {
	text-align: right;
	padding-right: 20px;
}

.c_stock .article_table .table p.code {
	font-size: 14px;
	color: #222222;
}

.c_stock .article_table .table p.price span.title {
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	height: 56px;
	line-height: 56px;
	color: #222222;
	font-weight: 600;
	vertical-align: top;
}

.c_stock .article_table .table span.font_big {
	display: inline-block;
	font-size: 28px;
	height: 56px;
	line-height: 56px;
	color: #666666;
	font-weight: 600;
}

.c_stock .article_table .table span.icon_dn {
	display: inline-block;
	background: url('/assets/images/common/dot_dn.gif') no-repeat 0 center;
	padding-left: 15px;
	color: #0066FF;
}

.c_stock .article_table .table span.font_big.icon_dn {
	padding-left: 28px;
}

.c_stock .article_table .table span.icon_up {
	display: inline-block;
	background: url('/assets/images/common/dot_up.gif') no-repeat 0 center;
	color: #ff0000;
	padding-left: 15px;
}

.c_stock .article_table .table span.font_big.icon_up {
	padding-left: 28px;
}

.c_stock .article_table .table span.up {
	color: #513a96;
}

.c_stock .article_table.f_w33 .table table {
	border-left: 1px solid #dddddd;
}
/* 회사 정관 */
p.indent, span.indent {
	display: block;
	padding-left: 20px;
}

/* 고객지원 */
.customerCenter .timeInfo li {
	padding-left: 50px;
	display: inline-block;
	font-size: 18px;
}

.customerCenter .timeInfo li:first-child {
	padding-left: 0;
	margin-top: 0;
}

.customerCenter .timeInfo li b {
	font-weight: 600;
	color: #222;
	display: inline-block;
	margin-right: 10px;
}

.customerCenter .timeInfo li:before {
	content: "◆";
	font-size: 8px;
	font-size: 0.444em;
	color: #222;
	margin-right: 1em;
	position: relative;
	top: -1px;
	vertical-align: middle;
	display: inline-block;
}

/* form - 주주문의 */
.customerCenter .selectbox {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.customerCenter .selectbox .txt {
	position: relative;
	display: block;
	text-decoration: none;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 10px;
	padding-right: 40px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	color: #666;
}

.customerCenter .selectbox .txt.focus {
	outline: 1px solid #96b8ef;
}

.customerCenter .selectbox select {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	height: 100%;
	*height: auto;
	padding: 0;
	border: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-appearance: none;
	color: #666;
	background-color: #fff;
}

.customerCenter .personal {
	padding-top: 15px;
}

.customerCenter .personal .termsText {
	padding: 20px;
	height: 120px;
	background-color: #fbfbfb;
	border: 1px solid #e1e1e1;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.customerCenter .chk {
	margin-left: 5px;
	padding-top: 15px;
	font-size: 13px;
}

.customerCenter .chk+.title_h4 {
	margin-top: 1.1em;
}

.customerCenter .questionForms {
	padding-top: 40px;
}

.customerCenter .questionFields {
	border-top: 2px solid #999;
	border-spacing: 0;
	width: 100%;
	table-layout: fixed;
}

.customerCenter .questionFields th, .customerCenter .questionFields td {
	padding: 8px 0;
	border-bottom: 1px solid #e0e0e0;
}

.customerCenter .questionFields th {
	color: #222;
	vertical-align: top;
	line-height: 34px;
	width: 85px;
	text-align: left;
	text-indent: 24px;
	font-weight: 600;
}

.c_social.customerCenter .questionFields th {
	width: 135px;
}

.customerCenter .questionFields td {
	text-align: left;
}

.customerCenter .questionFields .comText, .customerCenter .questionFields .selectbox .txt,
	.customerCenter .questionFields .comTa {
	border: 1px solid #e1e1e1;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #666;
	resize: none;
}

.customerCenter .questionFields .comText, .customerCenter .questionFields .selectbox .txt
	{
	height: 20px;
	line-height: 20px;
	padding-right: 30px;
}

.customerCenter .questionFields .selectbox .txt:after {
	position: absolute;
	content: "\00a0";
	right: 0;
	top: 0;
	width: 17px;
	height: 33px;
	background: url('/assets/images/common/bg_select_label.gif') no-repeat 0 0;
	margin-top: 0;
}

.customerCenter .questionFields .comText {
	padding-left: 10px;
	padding-right: 10px;
}

.customerCenter .questionFields .comTa {
	height: 140px;
	padding-left: 10px;
	padding-right: 10px;
}

.customerCenter .questionFields .numBg .comText {
	width: 135px;
}

.customerCenter .questionFields .telBg .comText {
	width: 80px;
}

.customerCenter .questionFields .telBg:before {
	content: "\00a0-\00a0\00a0"
}

.customerCenter .questionFields .telBg:first-child:before {
	display: none;
}

.customerCenter .questionFields .w250 {
	width: 228px;
}

.customerCenter .questionFields .selectbox.w250 {
	width: 250px;
}

.customerCenter .questionFields .wFull {
	width: 98%;
	width: 793px;
}

.customerCenter .questionFields .btn_file {
	display: inline-block;
	width: 90px;
	height: 34px;
	line-height: 34px;
	color: #FFF;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
}

.customerCenter .questionFields .fileName {
	width: calc(100% - 91px);
	max-width: 250px;
}

.customerCenter .questionFields .uploadBtn {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.customerCenter .questionFields td span a.btn {
	display: inline-block;
	vertical-align: top;
	margin-left: 6px;
	max-width: 35%;
	width: 125px;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	color: #222222;
	border: 1px solid #a9a9a9;
	background-color: #e5e5e5;
}
/* */
.customerCenter .btns {
	padding-top: 30px;
	text-align: center;
	margin: 0 -3px;
}

.customerCenter .btns>* {
	display: inline-block;
	border: 0;
	margin: 0 3px;
	min-width: 80px;
	padding: 14px 10px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background-color: #666;
}

.customerCenter .btns>button {
	min-width: 160px;
}

.customerCenter .btns .btPurple {
	background-color: #000000;
}
/* 라디오 버튼 스타일 */
.customerCenter .questionFields td label.radio {
	margin-left: 10px;
	margin-right: 30px;
	font-size: 14px;
}

.customerCenter .questionFields th sup {
	margin-left: -11px;
	color: #f5832a;
}

/* 채용정보 사이트 하단 버튼 영역 */
.c_careers .btn_area {
	position: relative;
	width: 100%;
	padding: 15px 30px;
	background-color: #f5f5f4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_careers .btn_area p {
	font-size: 16px;
	font-weight: 600;
	color: #222222;
	line-height: 70px;
}

.c_careers .btn_area a.link {
	position: absolute;
	right: 30px;
	top: 15px;
	width: 260px;
	height: 20px;
	padding: 25px 30px;
	background-color: #000000;
}

.c_careers .btn_area a.link:hover {
	text-decoration: none;
}

.c_careers .btn_area a.link span {
	display: block;
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	color: #ffffff;
	background: url('/assets/images/common/bg_aside_link.gif') no-repeat right center;
}

/* 웹진 */
/* year select */
.scrollList {
	padding: 10px 0 50px;
	position: relative;
	overflow: hidden;
}

.scrollList .list {
	height: 59px;
	border-bottom: 1px solid #959595;
}

.scrollList .scroll {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.scrollList .scroller {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.scrollList .scroller .scrollArea {
	position: absolute;
	min-width: auto;
	height: 100%;
	z-index: 1;
}

.scrollList .scroll .vbtn {
	position: absolute;
	z-index: 5;
	height: 60px;
	top: 0;
	width: 40px;
}

.scrollList .scroll .btPrev {
	left: 0;
	background: url('/assets/images/common/gra_l.png') no-repeat 0 50%;
}

.scrollList .scroll .btNext {
	right: 0;
	background: url('/assets/images/common/gra_r.png') no-repeat 100% 50%;
}

.scrollList .scroll .vbtn em {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	height: 16px;
	width: 10px;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	background-image: url('/assets/images/common/icons.png');
	background-repeat: no-repeat
}

.scrollList .scroll .btPrev em {
	left: 0px;
	background-position: -350px -180px;
}

.scrollList .scroll .btNext em {
	right: 0px;
	background-position: -400px -180px;
}

.scrollList .items {
	padding: 0 20px;
	white-space: nowrap;
	letter-spacing: -4px;
}

.scrollList .items>li {
	letter-spacing: 0;
	display: inline-block;
	padding: 0 14px;
}

.scrollList .items a {
	display: block;
	width: 65px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	position: relative;
	font-size: 16px;
}

.scrollList .items a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 4px;
	background-color: #222;
	transition: width 0.1s, left 0.1s;
	-webkit-transition: width 0.1s, left 0.1s;
}

.scrollList .items a.on, .scrollList .items a:hover {
	color: #222;
	font-weight: 600;
	text-decoration: none;
}

.scrollList .items a.on:before, .scrollList .items a:hover:before {
	left: 0;
	width: 100%;
}

/* */
.bookSection .bookFreeview {
	overflow: hidden;
}

.bookSection .books {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 60px;
}

.bookSection .books .img, .bookSection .books .bookDesc {
	display: table-cell;
	vertical-align: top;
}

.bookSection .books .img {
	width: 474px;
}

.bookSection .books .summaryList .thumb img, .bookSection .books .img img
	{
	border: 1px solid #e1e1e1;
	max-height: 100%;
	max-width: 100%;
}

.bookSection .books .bookDesc {
	padding-left: 35px;
}

.bookSection .books .bookTitle {
	position: relative;
	height: 75px;
	padding-right: 120px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.bookSection .books .bookTitle h3 {
	line-height: 75px;
	white-space: nowrap;
	font-size: 24px;
	color: #222;
	font-weight: 600;
}

.bookSection .books .bookTitle .downLink {
	position: absolute;
	right: 0;
	padding: 0 13px;
	top: 50%;
	margin-top: -22px;
	line-height: 44px;
	color: #fff;
	background-color: #000000;
	font-weight: 600;
	font-size: 16px;
}

.bookSection .books .bookTitle .downLink em:before {
	content: "\00a0";
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 15px;
	background: url('/assets/images/common/bg_btn_ebook.gif') no-repeat 0 0;
	position: relative;
	top: -1px;
	margin-right: 6px;
}

.bookSection .books .summaryList {
	position: relative;
}

.bookSection .books .summaryList .lst>li {
	padding: 20px 0;
	border-bottom: 1px solid #e1e1e1;
}

.bookSection .books .summaryList .cont {
	display: table;
	table-layout: fixed;
	width: 100%;
	min-height: 140px;
}

.bookSection .books .summaryList .thumb, .bookSection .books .summaryList .summary
	{
	display: table-cell;
	vertical-align: middle;
}

.bookSection .books .summaryList .thumb {
	width: 110px;
}

.bookSection .books .summaryList .summary {
	padding-left: 32px;
}

.bookSection .books .summaryList .summary h4 {
	color: #3a383a;
	font-weight: 600;
}

.bookSection .books .summaryList .summary h5 {
	color: #222;
	font-weight: 600;
	font-size: 16px;
	padding: 5px 0 15px;
}

.bookSection .books .summaryList .summary .info {
	overflow: hidden;
	max-height: 80px;
}
/* */
.bookSection .bookList {
	overflow: hidden;
}

.bookSection .bookList .lst {
	margin: -24px -14px 0;
}

.bookSection .bookList .lst:after {
	content: "";
	display: block;
	clear: both;
}

.bookSection .bookList .lst>li {
	padding: 24px 0;
	width: 25%;
	float: left;
}

.bookSection .bookList .lst .info {
	padding: 0 14px;
}

.bookSection .bookList .lst .img {
	display: block;
	overflow: hidden;
	text-align: center;
	border: 1px solid #e1e1e1;
}

.bookSection .bookList .lst .img img {
	max-width: 100%;
	max-height: 100%;
}

.bookSection .bookList .lst .img.showMobile {
	display: none;
}

.bookSection .bookList .lst .download {
	padding: 17px 50px 17px 0;
	position: relative;
}

.bookSection .bookList .lst .download .date {
	color: #222;
	font-weight: 600;
	font-size: 16px;
}

.bookSection .bookList .lst .download>a {
	position: absolute;
	width: 50px;
	height: 100%;
	right: 0;
	top: 0;
}

.bookSection .bookList .lst .download>a em {
	line-height: 0;
	font-size: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 28px;
	height: 20px;
	margin: -10px 0 0 -13px;
	background: url('/assets/images/common/btn_ebook.gif') no-repeat 0 0;
}

/* 뉴스 리스트 */
.c_news .section_head {
	margin-bottom: 50px;
}
/* 리스트 탭 */
/* list */
.listSection .listType li a, .listSection .listSearchForms .lbDate:after,
	.listSection .listSearchForms .formSearch .txtBg button:before {
	background-image: url('/assets/images/common/icons.png');
	background-repeat: no-repeat;
}

.listSection .listType {
	position: absolute;
	top: 24px;
	right: 0;
}

.listSection .listType:after {
	content: "";
	display: block;
	clear: both;
}

.listSection .listType li {
	float: left;
}

.listSection .listType li:first-child {
	margin-left: 0;
}

.listSection .listType li a {
	display: block;
	width: 40px;
	height: 40px;
	background-position: -500px -100px;
}

.listSection .listType li a em {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.listSection .listType li .showList {
	background-position: -500px -100px;
}

.listSection .listType li .showList.on {
	background: url('/assets/images/common/tab_btn_list_on.png') no-repeat 0 0;
}

.listSection .listType li .showAlbum {
	background-position: -600px -100px;
}

.listSection .listType li .showAlbum.on {
	background: url('/assets/images/common/tab_btn_album_on.png') no-repeat 0 0;
}

.listSection .listSearchForms {
	position: relative;
	padding-top: 80px;
}

.listSection .listSearchForms .count {
	position: absolute;
	left: 10px;
	top: 24px;
	display: block;
	line-height: 40px;
	margin-right: 20px;
}

.listSection .listSearchForms .fields {
	position: relative;
	font-size: 16px;
	color: #555;
	padding-right: 22px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #f0f0f0;
}

.listSection .listSearchForms .fields:after {
	content: "";
	display: block;
	clear: both;
}

.listSection .listSearchForms .lb {
	color: #222;
	font-weight: 600;
	padding: 0 12px 0 24px;
}

.listSection .listSearchForms .fields>div {
	display: inline-block;
	vertical-align: middle;
	margin: 13px 0;
}

.listSection .listSearchForms .txtDate, .listSection .listSearchForms .selectbox .txt,
	.listSection .listSearchForms .comText {
	line-height: 22px;
	height: 22px;
	padding: 10px;
	font-size: 14px;
}

.listSection .listSearchForms .lbDate {
	display: inline-block;
	position: relative;
	padding-right: 43px;
}

.listSection .listSearchForms .lbDate:after {
	content: "\00a0";
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	background-position: -750px -100px;
	cursor: pointer;
}

.listSection .listSearchForms .txtDate, .listSection .listSearchForms .selectbox .txt
	{
	border: 1px solid #e1e1e1;
	background-color: #fff;
}

.listSection .listSearchForms .selectbox .txt {
	min-width: 134px;
	padding-right: 40px;
}

.listSection .listSearchForms .txtDate {
	position: relative;
	z-index: 1;
	width: 80px;
}

.listSection .listSearchForms .formSelect {
	position: absolute;
	right: 467px;
	top: 0;
}

.listSection .listSearchForms .formSearch {
	position: absolute;
	right: 22px;
	top: 0;
}

.listSection .listSearchForms .formSearch .txtBg button, .listSection .listSearchForms .formSearch .comText
	{
	border: 1px solid #555;
}

.listSection .listSearchForms .formSearch .comText {
	width: 304px;
	background-color: #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	position: relative;
	z-index: 1;
}

.listSection .listSearchForms .selectbox .txt, .listSection .listSearchForms .formSearch .comText
	{
	/* transition:width 0.2s, min-width 0.2s; -webkit-transition:width 0.2s, min-width 0.2s; */
	
}

.listSection .listSearchForms .formSearch .txtBg, .listSection .listSearchForms .formSearch .txtBg button
	{
	background-color: #555;
}

.listSection .listSearchForms .formSearch .txtBg {
	padding-right: 99px;
	position: relative;
}

.listSection .listSearchForms .formSearch .txtBg button {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	border: 0;
	padding-left: 5px;
	width: 100px;
	text-align: left;
}

.listSection .listSearchForms .formSearch .txtBg button:before {
	content: "\00a0";
	height: 42px;
	width: 40px;
	display: inline-block;
	background-position: -702px -102px;
	vertical-align: middle;
}

/* list */
.listSection .commonList {
	overflow: hidden;
}

.listSection .commonList .list {
	position: relative;
	border-bottom: 1px solid #999;
}

.listSection .commonList .list:before {
	content: "";
	position: absolute;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #fff;
	width: 100%;
}

.listSection .commonList .list:after {
	content: "";
	display: block;
	clear: both;
}

.listSection .commonList .list>li {
	padding: 30px 0;
	border-bottom: 1px solid #e1e1e1;
}

.listSection .commonList .list>li.noData {
	padding: 50px 0;
	width: 100%;
	text-align: center;
}

.listSection .commonList .list .info {
	display: block;
	position: relative;
}

.listSection .commonList .list .info:after {
	content: "";
	display: block;
	clear: both;
}

.listSection .commonList .list .info .img {
	border: 1px solid #e1e1e1;
	overflow: hidden;
}

.listSection .commonList .list .info .tit {
	color: #222;
	font-size: 16px;
	padding: 5px 0;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.listSection .commonList .list .info .time {
	white-space: nowrap;
}

.listSection .commonList .list .info .time>li {
	display: inline-block;
}

.listSection .commonList .list .info .time>li:before {
	content: "\00a0|\00a0\00a0";
	color: #e1e1e1;
}

.listSection .commonList .list .info .time>li:first-child:before {
	display: none;
}
/* */
.listSection .commonList .showList .info .img {
	float: left;
	max-width: 208px;
	width: 208px;
	max-height: 140px;
	display: inline-block;
	text-align: center;
}

.listSection .commonList .showList .info .img img {
	max-width: 100%;
	max-height: 100%;
}

.listSection .commonList .showList .info .texts {
	padding-left: 210px;
}

.listSection .commonList .showList .info .tit {
	font-size: 22px;
}

.listSection .commonList .showList .info .tit a:hover {
	text-decoration: underline;
}

.listSection .commonList .showList .info .summary {
	padding: 0 40px 0 25px;
}

.listSection .commonList .showList .info .desc {
	padding-top: 5px;
	line-height: 1.4;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 56px;
}

.listSection .commonList .showList .info .time {
	padding: 6px 0 12px;
	font-size: 12px;
	color: #555;
}
/* */
.listSection .commonList .showAlbum {
	margin-left: -14px;
	margin-right: -14px;
}

.listSection .commonList .showAlbum>li {
	float: left;
	width: 25%;
}

.listSection .commonList .showAlbum .info {
	padding: 0 14px;
	max-width: 276px;
	margin: 0 auto;
}

.listSection .commonList .showAlbum .info .img {
	display: inline-block;
	max-width: 273px;
	max-height: 182px;
	text-align: center;
	float: none;
}

.listSection .commonList .showAlbum .info .img img {
	max-width: 100%;
	max-height: 100%;
	/* width: 274px; */
}

.listSection .commonList .showAlbum .info .texts {
	padding: 0;
}

.listSection .commonList .showAlbum .info .summary {
	padding: 0;
}

.listSection .commonList .showAlbum .info .desc {
	display: none;
}

.listSection .commonList .showAlbum .info .time {
	position: static;
	font-size: 12px;
}

.listSection .commonList .showAlbum .info .time .auth {
	display: none;
}

.listSection .commonList .showAlbum .info .time .auth+li:before {
	display: none;
}
/* */
.listSection .commonList .titleAlbum {
	border-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

.listSection .commonList .titleAlbum:before {
	display: none;
}

.listSection .commonList .titleAlbum>li {
	float: none;
	padding: 0;
	border-bottom: 0;
}

.listSection .commonList .titleAlbum .info {
	padding: 0;
	padding-left: 36.666%;
	position: relative;
}

.listSection .commonList .titleAlbum .info .img {
	position: absolute;
	border: 0;
	height: 100%;
	max-width: 440px;
	width: 36.666%;
	top: 0;
	left: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.listSection .commonList .titleAlbum .info .img:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 1px solid #e1e1e1;
}

.listSection .commonList .titleAlbum .info .img img {
	visibility: hidden;
}

.listSection .commonList .titleAlbum .info .texts {
	margin-left: 36px;
	min-height: 294px;
	position: relative;
}

.listSection .commonList .titleAlbum .info .texts:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #ccc;
}

.listSection .commonList .titleAlbum .info .texts .summary {
	padding-bottom: 20px;
}

.listSection .commonList .titleAlbum .info .texts .title {
	margin-bottom: 24px;
	padding: 24px 0;
	position: relative;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.listSection .commonList .titleAlbum .info .texts .title a {
	color: #222222;
}

.listSection .commonList .titleAlbum .info .texts .title a:hover {
	text-decoration: underline;
}

.listSection .commonList .titleAlbum .info .tit {
	font-size: 24px;
	line-height: 26px;
	padding: 0;
	color: #222222;
}

.listSection .commonList .titleAlbum .info .time {
	padding-top: 6px;
	text-align: right;
}

.listSection .commonList .titleAlbum .info .desc {
	max-height: 148px;
	line-height: 1.8;
	overflow: hidden;
}

/* span table */
.section .article_table_span .tables {
	width: 100%;
	border-bottom: 1px solid #a9a9a9;
}

.section .article_table_span .tables .table_header {
	display: table;
	width: 100%;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

.section .article_table_span .tables .table_header span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 600;
	color: #222222;
	line-height: 20px;
	padding: 15px 0;
}

.article_table_span .tables .table_body>a.table_line {
	display: table;
	width: 100%;
	border-top: 1px solid #e5e5e5;
}

.article_table_span .tables .table_body>a.table_line:first-child {
	border-top: none;
}

.article_table_span .tables .table_line span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 2px;
	word-break: keep-all;
}

.article_table_span .tables span.cell1 {
	width: 12%
}

.article_table_span .tables span.cell2 {
	width: 17%
}

.article_table_span .tables span.cell3 {
	width: 17%
}

.article_table_span .tables span.cell4 {
	width: 35%
}

.article_table_span .tables span.cell5 {
	width: 19%
}

/* 중보문화재단 */
.c_social .section .img.img_right {
	padding: 55px 0;
	text-align: right;
}

.c_social p.title_ex {
	padding-top: 27px;
	padding-bottom: 18px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #222222;
}

.c_social .section .box_area {
	margin-left: -10px;
	margin-right: -10px;
}

.c_social .section .box_area .box {
	float: left;
	width: 25%;
	padding: 0 10px;
	margin-bottom: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_social .section .box_area .box .img img {
	width: 100%;
}

.c_social .section .box_area .box .info_box p.title {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	padding: 20px 0 15px;
	color: #222222;
}

.c_social .section .box_area .box .info_box p.desc {
	font-size: 14px;
	line-height: 24px;
	padding: 0 10px;
}

.c_social .section .box_area .box2{
	width: calc(33.333% - 1.4vw);
}
.c_social .section .box_area .box2 + .box2{
	margin-left: 2.1vw;
}
.c_social .section .box_area .box2 .img img{
	max-width: 390px;
}

.c_social .section .box_area.box_area_02 {
	margin: 0;
	margin-top: 50px;
	padding-top: 40px;
	border: 1px solid #e5e5e5;
}

.c_social .section .box_area.box_area_02 .box {
	width: 50%;
	padding: 0;
}

.c_social .section .box_area.box_area_02 .box:first-child {
	border-right: 1px solid #e5e5e5;
}

.c_social .section .box_area.box_area_02 .box .img {
	text-align: center;
	margin-bottom: 10px;
}

.c_social .section .box_area.box_area_02 .box .img img {
	width: auto;
}

.c_social .section .box_area.box_area_02 .box .info_box p {
	text-align: center;
}

.c_social .section .box_area.box_area_02 .box .info_box p.title {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}

.c_social .section .box_area.box_area_02 .box .info_box.info_huge p.title
	{
	position: relative;
	font-size: 35px;
	line-height: 1;
	margin-bottom: 20px;
	padding-bottom: 25px;
}

.c_social .section .box_area.box_area_02 .box .info_box.info_huge p.title:after
	{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	margin-left: -15px;
	height: 4px;
	background-color: #555;
}

.c_social .section .box_area.box_area_02 .box .info_box.info_huge p.desc
	{
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	color: #6e6760;
}

.c_social .section .color_box {
	border: 1px solid #e5e5e5;
	background-color: #f5f5f4;
	padding-top: 34px;
	padding-bottom: 37px;
}

.c_social .section .color_box p.sponsor_list {
	position: relative;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	margin-bottom: 12px;
}

.c_social .section .color_box p.sponsor_list .title {
	width: 124px;
	font-weight: 600;
	color: #222222;
	padding-right: 8px;
	margin-right: 8px;
	background: url('/assets/images/common/divider_sponser.gif') no-repeat right center;
}

.c_social .section .color_box p.thankyou {
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #634caa;
}

/* 보령의료봉사상 */
/* 소개 */
.section .article_text {
	padding-top: 27px;
	margin-bottom: 45px;
}

.section .article_text p.title {
	margin-bottom: 12px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #222222;
}

.section .article_text p.desc {
	font-size: 14px;
	line-height: 24px;
}

.section.border_section {
	padding-top: 45px;
	border-top: 1px solid #e5e5e5;
	padding-bottom: 50px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 50px;
}

.section.border_section .info {
	position: relative;
	padding-left: 32%;
	min-height: 300px;
	margin-bottom: 30px;
}

.section.border_section .info:last-child {
	margin-bottom: 0;
}

.section.border_section .info .img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 390px;
	height: 100%;
	width: 32%;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100%;
	/* background-size: cover; */
}

.section.border_section .info .img a{
	display: block;
	width: 100%;
	height: 100%;
}

.section.border_section .info .img:after {
	display: none;
}

.section.border_section .info .img_info {
	display: grid;
  min-height: 300px;
  align-items: start;
  grid-template-rows: max-content;
	padding-left: 30px;
}

.section.border_section .info .img_info p.title {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 5px;
}

.section.border_section .info .img_info p.sub_title {
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
	color: #6e6760;
	margin-bottom: 17px;
}

.section.border_section .info .img_info p.text {
	font-size: 14px;
	line-height: 24px;
}

.section.border_section .info .img_info .btn_area {
	margin-top: 37px;
	align-self: end;
}

.section.border_section .info .img_info .btn {
	display: block;
	text-align: center;
	width: 94px;
	padding: 0 13px;
	line-height: 44px;
	color: #fff;
	background-color: #000000;
	font-weight: 600;
	font-size: 16px;
}

.section.border_section .info .img_info .btn-downLink em:before {
	content: "\00a0";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 18px;
	background: url('/assets/images/common/bg_btn_download.gif') no-repeat 0 0/100% auto;
	position: relative;
	top: -1px;
	margin-right: 6px;
}

.section_title + .border_section{
	margin-top: 0;
}

.section.border_section:last-child,
.section:nth-last-of-type(2){
	border-bottom: none;
	padding-bottom: 0;
}

/* 수상자 리스트 */
.section.list_winner .commonList {
	border-top: 1px solid #a9a9a9;
}

.section.list_winner .commonList .list>li {
	border-bottom: none;
}

.section.list_winner .commonList .list>li .info {
	position: relative;
	min-height: 106px;
}

.section.list_winner .commonList .list>li .info .info_box {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	padding: 0 18px;
	width: 100%;
	height: 106px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.section.list_winner .commonList .list>li .info .info_box .info_hide {
	width: 100%;
	height: 100%;
	padding: 16px 20px 0;
	
	border: 1px solid #e1e1e1;
	background: url('/assets/images/subpage/05_promotion/bg_winner.png')
		repeat 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.section.list_winner .commonList .list>li .info .info_box .info_hide p.title
	{
	font-size: 16px;
	margin-bottom: 3px;
	line-height: 20px;
	font-weight: 600;
	color: #3a383a;
	letter-spacing: -1px;
}

.section.list_winner .commonList .list>li .info .info_box .info_hide p.sector
	{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -1px;
}

.section.list_winner .commonList .list>li .info .info_box .info_hide p.name
	{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -1px;
}
/*추천하기 */
.section .article.article_2nd {
	margin-top: 70px;
}

.section .article .box_liner {
	padding-top: 26px;
	padding-bottom: 2px;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

.section .article .info_list ul {
	padding-left: 10px;
	padding-top: 17px;
}

.section .article .info_list ul li {
	position: relative;
	font-size: 14px;
	line-height: 22px;
	padding-left: 85px;
	padding-bottom: 8px;
}

.section .article .info_list ul li span.title {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-weight: 600;
	color: #222222;
	text-align: justify;
}

.section .article.article_2nd .subscript {
	padding: 18px 8px;
}

.section .article .step_list {
	padding-top: 29px;
}

.section .article .step_list ul li {
	float: left;
	display: block;
	width: 20%;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1%;
}
.section .article .step_list ul li span.txt {
	display: block;
	text-align: center;
	color: #3a383a;
	padding-top: 18px;
	padding-right: 1vw;
	word-break: keep-all;
}
.section .article .step_list ul li:last-child{
	width: calc(20% - 1.6%);
}
.section .article .step_list ul li:last-child span.txt{
	padding-right: 0;
}

/*보령의사봉사상 대상수장자 소개 */
.section .photo_info_box {
	padding-bottom: 50px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 50px;
}

.section .photo_info_box .box_photo {
	float: left;
	left: 0;
	width: 30%;
	max-width: 340px;
	height: auto;
}

.section .photo_info_box .box_info {
	float: right;
	width: 70%;
}

.section .photo_info_box .box_info .title_info {
	position: relative;
	padding-bottom: 40px;
}

.section .photo_info_box .box_info .title_info:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 4px;
	background-color: #555;
}

.section .photo_info_box .box_info .title_info p.title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	color: #222222;
}

.section .photo_info_box .box_info .title_info p.name {
	font-size: 35px;
	line-height: 50px;
	font-weight: 600;
	color: #222222;
}

.section .photo_info_box .box_info .title_info p.sector {
	font-size: 16px;
	line-height: 28px;
	color: #222222;
}

.section .photo_info_box .box_info .sum_info table tr th {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #222222;
	border: 1px solid #dddddd;
	background-color: #f5f5f4;
}

.section .photo_info_box .box_info .sum_info table tr td {
	padding-left: 15px;
	line-height: 30px;
	height: 30px;
	text-align: left;
	font-size: 13px;
	border: 1px solid #dddddd;
}

.section .photo_info_box .box_info .box_line {
	float: left;
	width: 45%;
	padding-left: 5%;
}

.section .photo_info_box .box_info .box_line.box_line_02 {
	float: right;
}

.section .photo_info_box .box_info .box_line.box_line_03 {
	width: 95%;
}

.section .photo_info_box .box_info .box_line p.record_title {
	margin-top: 40px;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: #222222;
}

.section .photo_info_box .box_info .box_line ul.record li {
	font-size: 14px;
	line-height: 24px;
}

.section .photo_info_box .box_info .box_line ul.record li span.r_date {
	display: inline-block;
	font-weight: 600;
	width: 90px;
	line-height: 30px;
}

/*보령의사수필문학상 */
.c_social .section.section_title {
	position: relative;
	margin-top: 40px;
	margin-bottom: 25px;
}

.c_social .section.section_title a.to_apply {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
}

.c_social .article_medal:after {
	visibility: visible;
	position: relative;
	content: "";
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #a9a9a9;
	z-index: 102;
}

.c_social .article_medal .medal_box {
	position: relative;
	float: left;
	z-index: 1;
	width: 33.333%;
	padding-left: 131px;
	margin-bottom: -1px;
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_social .article_medal .medal_box .img {
	position: absolute;
	top: 27px;
	left: 11px;
	text-indent: -9999px;
	width: 99px;
	height: 116px;
	background-image: url('/assets/images/subpage/05_promotion/img_medal.png');
	background-repeat: no-repeat;
}

.c_social .article_medal .medal_box .img.medal_01 {
	background-position: 0 0;
}

.c_social .article_medal .medal_box .img.medal_02 {
	background-position: -100px 0;
}

.c_social .article_medal .medal_box .img.medal_03 {
	background-position: -200px 0;
}

.c_social .article_medal .medal_box .img.medal_04 {
	background-position: -300px 0;
}

.c_social .article_medal .medal_box .img.medal_05 {
	background-position: -400px 0;
}

.c_social .article_medal .medal_box .img.medal_06 {
	background-position: -500px 0;
}

.c_social .article_medal .medal_box .info {
	display: table-cell;
	height: 168px;
	vertical-align: middle;
	text-align: left;
}

.c_social .article_medal .medal_box .info .info_title {
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 12px;
}

.c_social .article_medal .medal_box .info .info_desc ul li {
	font-size: 14px;
	line-height: 22px;
}

/* 응모하기 */
.listSection .commonList .listType2 {
	margin-top: 45px;
}

.listSection .commonList .listType2 .titleAlbum .info .info_text {
	padding: 0 20px 10px;
}

.listSection .commonList .listType2 .titleAlbum .info .info_text p.title
	{
	font-size: 22px;
	font-weight: 600;
	color: #222222;
	line-height: 24px;
	margin-bottom: 26px;
}

.listSection .commonList .listType2 .titleAlbum .info .info_text p.sub_title
	{
	font-size: 18px;
	font-weight: 600;
	color: #222222;
	line-height: 20px;
	margin-bottom: 26px;
}

.listSection .commonList .listType2 .titleAlbum .info .info_text .info_list ul li
	{
	padding-left: 11px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 8px;
	background: url('/assets/images/common/dot_p3.gif') no-repeat 0 9px;
}

/* 보령암 학술상 */
.c_social .section_head {
	margin-bottom: 50px;
}

.c_social .listSection .commonList .titleAlbum .info {
	padding-left: 50%;
	text-decoration: none;
	background-color: #f5f5f4;
}

.c_social .listSection .commonList .titleAlbum .info .img {
	position: absolute;
	border: 0;
	max-width: 690px;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.c_social .listSection .commonList .titleAlbum .info .info_text {
	display: table-cell;
	height: 330px;
	padding: 0 38px;
	vertical-align: middle;
	background-color: #f5f5f4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_social .listSection .commonList .titleAlbum .info .info_text p.title
	{
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color: #222222;
	margin-bottom: 22px;
}

.c_social .listSection .commonList .titleAlbum .info .info_text p.title.title_icon
	{
	position: relative;
	padding-left: 70px;
	letter-spacing: -1px;
}

.c_social .listSection .commonList .titleAlbum .info .info_text p.text_desc
	{
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	word-break: keep-all;
}

.c_social .listSection .commonList .titleAlbum .info .info_text p.title.title_icon span.img_icon
	{
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 719px){
	.c_social .listSection .commonList .titleAlbum .info .info_text p.text_desc br{
		display: none
	}
}

/* 기업소개 */
.c_about .img_hand {
	margin-top: 76px;
	max-height: 589px;
	text-align: right;
	overflow: hidden;
	margin-bottom: 40px;
}

.c_about .img_hand img {
	width: 390px;
	overflow: hidden;
}

.c_about .t_content .story {
	padding-right: 46px;
}

.c_about .story h4.title {
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	color: #000;
	margin-top: 50px;
	margin-bottom: 10px;
}

.c_about .story .block{
	margin-top: 30px;
}

.c_about .story .block:first-child{
	margin-top: 0;
}

.c_about .story p.title {
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

/* .c_ethic .section .article p.title{
	padding-bottom: 0;
}
 */
.c_about .story p.text {
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}

.c_about .story ul.list li{
	line-height: 1.4;
	text-indent: -17px;
	padding-left: 17px;
	word-break: keep-all;
}

.c_about .story ol.list{
	padding-left: 17px;
}

.c_about .story ol.list li{
	line-height: 1.4;
	list-style: decimal;
	word-break: keep-all;
}

.c_about .story li + li{
	margin-top: 5px;
}

.c_about .story p.sign {
	text-align: right;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 40px;
}

.c_about .story p.sign em {
	font-size: 20px;
	color: #222222;
	font-weight: 600;
	padding-left: 10px;
}

.c_about .story .img.img_center {
	padding: 45px 0;
	text-align: center;
}

.c_about .story .img.img_left {
	padding-top: 35px;
	text-align: left;
}

.c_about .story .img.img_space {
	display: flex;
	justify-content: center;
	gap: 10px;
	padding-top: 30px;
}

.c_about .story .img.img_space img{
	min-width: 0;
}

.c_about .article_tab a {
	width: 33.333%;
}

.c_about .record_list {
	margin-top: 50px;
}

.c_about .record_list ul.list>li {
	position: relative;
	padding-left: 140px;
	margin-bottom: 20px;
	padding-top: 10px;
}

.c_about .record_list ul.list>li>p.year {
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 34px;
	line-height: 34px;
	color: #a19992;
	letter-spacing: -1px;
}

.c_about .record_list ul.list>li>ul.month_line>li {
	position: relative;
	padding-left: 78px;
	min-height: 30px;
	margin-bottom: 4px;
}

.c_about .record_list ul.list>li>ul.month_line>li.lastline {
	padding-bottom: 11px;
	border-bottom: 1px solid #e0e0e0;
}

.c_about .record_list ul li p.month {
	position: absolute;
	top: 3px;
	left: 0;
	width: 45px;
	letter-spacing: -1px;
	text-align: right;
	font-size: 20px;
	font-weight: 600;
	color: #a19992;
}

.c_about .record_list ul li p.text {
	font-size: 14px;
	line-height: 24px;
	vertical-align: top;
}

p.right.overScroll_in {
	margin-top: -20px;
	margin-bottom: 20px;
}

.c_about .sectionList .arTitle .btn_plus {
	margin-top: 30px;
	display: inline-block;
	padding: 8px 10px;
	background-color: #000000;
}

.c_about .sectionList .arTitle .btn_plus span {
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	padding-left: 16px;
	background: url('/assets/images/common/bg_btn_plus.gif') no-repeat 0 center;
}

/* 역사관 */
.c_history .title_arar {
	text-align: center;
	margin-bottom: 45px;
	margin-top: 45px;
}

.c_history p.title_history {
	font-size: 35px;
	font-weight: 600;
	color: #222222;
	line-height: 45px;
	margin-bottom: 10px;
}

.c_history p.text {
	font-size: 14px;
	word-break: keep-all;
}

.c_history .article_history .box_list {
	width: 100%;
}

.c_history .article_history .box_list>ul {
	margin: 0 -10px;
	position: relative;
}

.c_history .article_history .box_list>ul:after {
	content: "";
	display: block;
	clear: both;
}

.c_history .article_history .box_list>ul>li {
	width: 33.33%;
	float: left;
	padding: 10px 0;
}

.c_history .article_history .box_list>ul>li.full {
	width: 100%;
}

.c_history .article_history .box_list>ul>li>div {
	margin: 0 10px;
}

.c_history .article_history .box_list>ul>li>div.history_btn {
	position: relative;
}

.c_history .article_history .box_list>ul>li>div.history_btn>a {
	display: block;
}

.c_history .article_history .box_list>ul>li>div.history_btn>a img {
	width: 100%;
}

.c_history .article_history .box_list>ul>li>div.history_btn>a span.info
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.c_history .article_history .box_list>ul>li.on>div.history_btn:after {
	position: absolute;
	content: "";
	bottom: -14px;
	left: 50%;
	display: block;
	margin-left: -12px;
	width: 24px;
	height: 14px;
	background: url('/assets/images/subpage/06_boryung/dot_record_on.png') no-repeat 0 0;
}

.c_history .article_history .box_list>ul>li.on>div.history_btn>a span.info,
	.c_history .article_history .box_list>ul>li>div.history_btn>a:hover span.info
	{
	background: url('/assets/images/common/bg_history_on.png') repeat 0 0;
}

.c_history .article_history .box_list>ul>li>div.history_btn>a span.info>span.cell
	{
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.c_history .article_history .box_list>ul>li>div.history_btn>a span.info>span.cell>em
	{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.c_history .article_history .box_list>ul>li>div.history_btn>a span.info>span.cell span.year
	{
	position: relative;
	display: block;
	font-size: 38px;
	color: #ffffff;
	font-weight: 600;
}

.c_history .article_history .box_list>ul>li>div.history_btn>a span.info>span.cell span.year:after
	{
	display: none;
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 30px;
	margin-left: -15px;
	height: 4px;
	background-color: #ffffff;
}

.c_history .article_history .box_list>ul>li.on>div.history_btn>a span.info>span.cell span.year,
	.c_history .article_history .box_list>ul>li>div.history_btn>a:hover span.info>span.cell span.year
	{
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.c_history .article_history .box_list>ul>li.on>div.history_btn>a span.info>span.cell span.year:after,
	.c_history .article_history .box_list>ul>li>div.history_btn>a:hover span.info>span.cell span.year:after
	{
	display: block;
}

.c_history .article_history .box_list>ul>li>div.history_btn>a span.info span.subtit
	{
	display: none;
	font-size: 24px;
	line-height: 45px;
	color: #ffffff;
}

.c_history .article_history .box_list>ul>li.on>div.history_btn>a span.info span.subtit,
	.c_history .article_history .box_list>ul>li>div.history_btn>a:hover span.info span.subtit
	{
	display: block;
}

.c_history .article_history .box_list .history_gallery {
	display: none;
	margin-top: 25px;
	height: 600px;
	background-color: #fff;
}

.c_history .article_history .box_list li.on .history_gallery {
	display: block;
}

.c_history .article_history .box_list .history_gallery .content_area {
	height: 600px;
	background-color: #fff;
}

.c_history .article_history .box_list .history_gallery {
	position: static;
	overflow: hidden;
}

.c_history .article_history .box_list .history_gallery .content_area .section_box
	{
	position: relative;
	display: none;
	height: 600px;
	background-color: #ccc;
	position: absolute;
	left: 10px;
	right: 10px;
}

.c_history .article_history li.on .history_gallery .content_area .section_box
	{
	display: block;
	background-color: #222222;
}

.c_history .article_history .box_list .history_gallery a.btn_close {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url('/assets/images/subpage/06_boryung/btn_record_close.gif') no-repeat 0 0;
}

.c_history .history_gallery .title_area {
	padding-top: 50px;
	padding-left: 50px;
}

.c_history .history_gallery .title_area ul li {
	display: none;
	width: 350px;
	text-align: left;
	word-break: keep-all;
}

.c_history .history_gallery .title_area ul li.on {
	display: block;
}

.c_history .history_gallery .title_area p {
	font-size: 30px;
	line-height: 45px;
	font-weight: 600;
}

.c_history .history_gallery .title_area p.count {
	position: relative;
	padding-bottom: 20px;
	color: #f3f3f3;
	letter-spacing: -1px;
}

.c_history .history_gallery .title_area p.count:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 30px;
	height: 4px;
	background-color: #d84048;
}

.c_history .history_gallery .title_area p.title_text {
	padding-top: 20px;
	color: #ffffff;
}

.c_history .bx-wrapper {
	position: absolute;
	top: 50px;
	right: 70px;
	width: 780px;
	height: 500px;
	z-index: 1;
}

.c_history ul.bxslider {
	z-index: 2;
}

.c_history ul.bxslider li img {
	width: 780px;
	height: 500px;
}

.c_history .bx-controls {
	position: absolute;
	bottom: -30px;
	left: 50%
}

.c_history .bx-controls .bx-pager {
	margin-left: -50%;
}

.c_history .bx-pager:after {
	content: "";
	display: block;
	clear: both;
}

.c_history .bx-pager .bx-pager-item {
	float: left;
	margin-left: 6px;
	text-indent: -9999px;
}

.c_history .bx-pager .bx-pager-item a {
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	background: url('/assets/images/subpage/06_boryung/bg_pager_ball.png') no-repeat 0 0;
}

.c_history .bx-pager .bx-pager-item a.active {
	background-position: 0 -10px;
}

.c_history .bx-controls-direction {
	position: absolute;
	height: 236px;
	top: -400px;
}

.c_history .bx-controls-direction a {
	position: absolute;
	display: block;
	width: 40px;
	height: 236px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}

.c_history .bx-controls-direction .bx-prev {
	left: -450px;
	background-image:
		url('/assets/images/subpage/06_boryung/bg_pager_left.jpg')
}

.c_history .bx-controls-direction .bx-next {
	left: 410px;
	background-image:
		url('/assets/images/subpage/06_boryung/bg_pager_right.jpg')
}

/* 연혁 */
.historySection {
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.historySection:before {
	content: "";
	position: absolute;
	left: 25%;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 1px;
	background-color: #e1e1e1;
}
/* ie 8 */
.historySection:after {
	content: "";
	position: absolute;
	left: 25%;
	bottom: 0;
	bottom: 0;
	height: 30px;
	width: 1px;
	background-color: #fff;
}

.historySection>li .section {
	position: static;
	border-top: 0;
	padding-bottom: 0;
}

.historySection .arTitle .tit {
	letter-spacing: -1px;
}

.historySection .arTitle .tit:after {
	left: 2px;
}

.historySection .arTitle .desc {
	color: #222;
	font-size: 28px;
	line-height: normal;
}

.historySection .visuals {
	position: relative;
	z-index: 5;
	background-color: #fff;
	padding: 46px 0 48px;
}

.historySection .visuals+.section {
	padding-top: 0;
}

.historySection .historys {
	padding-top: 40px;
	position: relative;
}

.historySection .historys:first-child {
	padding-top: 0;
}

.historySection .historys:after {
	content: "";
	display: block;
	clear: both;
}

.historySection .historys .year {
	float: left;
	color: #a19992;
	font-size: 26px;
	padding-left: 30px;
	letter-spacing: -1px;
	font-weight: 500;
}

.historySection .historys .year:before {
	content: "\00a0";
	margin-left: -37px;
	margin-top: 4px;
	z-index: 3;
	position: absolute;
	width: 16px;
	height: 16px;
	background: url('../images/common/icon_history.gif') no-repeat 0 0;
}

.historySection>li:first-child .article .historys:first-child .year:after
	{
	height: 100px;
	width: 1px;
	left: 0;
	margin-top: -88px;
	z-index: 2;
	position: absolute;
	content: "";
	background-color: #fff;
}

.historySection>li:last-child .article .historys:last-child:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 48px;
	bottom: 0;
	width: 1px;
	background-color: #fff;
}

.historySection .historys .imgs>li span {
	max-width: 240px;
}

.historySection .historys>ol {
	padding-left: 17.555%;
}

.historySection .historys>ol>li {
	position: relative;
	padding-left: 72px;
	margin: 20px 0;
	font-size: 16px;
}

.historySection .historys>ol>li:first-child {
	margin-top: 0;
}

.historySection .historys>ol>li .month {
	position: absolute;
	left: 0;
	min-width: 72px;
	white-space: nowrap;
	font-weight: 600;
	letter-spacing: -1px;
}

.historySection .historys>ol>li .imgs {
	/* margin: 0 -5px 0 -77px; */
	padding-top: 5px;
}

.historySection .historys>ol>li .imgs:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.historySection.sectionList .article .imgs>li {
	width: 33.333%;
	float: left;
}

.historySection.sectionList .article .imgs>li span {
	display: block;
	margin: 0 5px;
	max-width: 288px;
	overflow: hidden;
	text-align: center;
}

.historySection .historys .imgs>li span {
	max-width: 240px;
}

/* 찾아오시는 길 */
.section .article_map .map {
	border: 1px solid #dddddd;
}

.section .article_map .map.map_fw {
	position: relative;
	width: 100%;
}

.section .article_map .map.map_fw .map_info {
	min-width: 360px;
	padding: 20px;
	background-color: #ffffff;
}

.section .article_map .map.map_fw .map_info p.title {
	position: relative;
	font-size: 20px;
	line-height: 40px;
	padding-left: 8px;
	color: #626ac1;
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 16px;
}

.section .article_map .map.map_fw .map_info p.title:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background-color: #634caa;
}

.section .article_map .map.map_fw .map_info p.tel {
	margin-bottom: 7px;
	padding-left: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #333333;
}

.section .article_map .map.map_fw .map_info p.address {
	padding-left: 8px;
	padding-bottom: 30px;
	font-size: 13px;
	color: #575757;
}

.section .article_map .map.map_fw .map_info a.btn_close {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url('/assets/images/common/bg_btn_close_20.gif') no-repeat 0 0;
}

.c_directions p.title_h4 {
	padding-bottom: 30px;
}

.c_directions .table.rightside {
	padding-top: 20px;
}

.c_directions .article_tab a {
	width: 50%
}

.c_directions .article_map_list {
	padding-top: 10px;
}

.c_directions .article_map_list ul li {
	position: relative;
	width: 100%;
	height: 115px;
	margin-top: -1px;
}

.c_directions .article_map_list ul li a {
	display: block;
	border: 1px solid #dddddd;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_directions .article_map_list ul li a:hover {
	border: 2px solid #E2E4EF;
	border-bottom: 3px solid #E2E4EF;
	z-index: 3;
}

.c_directions .article_map_list ul li a.on {
	border: 2px solid #6e6760;
	border-bottom: 3px solid #6e6760;
	z-index: 2;
}

.c_directions .article_map_list ul li .noData {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #dddddd;
	background: url('/assets/images/subpage/06_boryung/img_nodata.jpg') no-repeat center center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_directions .article_map_list ul li p.name {
	position: absolute;
	top: 25px;
	left: 30px;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	font-weight: 600;
}

.c_directions .article_map_list ul li .info {
	position: absolute;
	top: 50px;
	left: 30px;
	right: 15px;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -1px;
}

.c_directions .article_map_list ul li .info p.line {
	padding-left: 8px;
	background: url('/assets/images/common/dot_box.gif') no-repeat 0 center;
}

.c_directions .article_map_list ul li .info p.line em {
	display: inline-block;
	color: #222222;
	width: 36px;
}

.c_directions .article_map_list ul li .info p.line span{
	display: inline-block;
	max-width: calc(100% - 40px);
	vertical-align: top;
	/* word-break: keep-all; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.c_directions .section .listNumberling {
	padding: 12px 0;
	margin-top: -1px;
	border: 1px solid #dddddd;
	background-color: #f5f5f4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.c_directions .section .listNumberling .numList>li>* {
	border: 5px solid #f5f5f4;
}

.c_directions .section .listNumberling .numList>li .on, .c_directions .section .listNumberling .numList>li>a:hover
	{
	border-color: #c6c9df;
}

.c_directions .info_box {
	padding: 10px 0;
}

.c_directions .info_box span.adress, .c_directions .info_box span.tel {
	display: inline-block;
	padding-left: 10px;
	background: url('/assets/images/common/dot_box.gif') no-repeat 0 center;
}

.c_directions .info_box strong {
	padding-right: 20px;
}

.c_directions .info_box span.adress {
	margin-right: 60px;
}
/* 고객센터 추가 */
.centerInfo {
	border: 1px solid #e5e5e5;
	padding: 40px 0;
	margin-bottom: 55px;
}

.centerInfo .box_left {
	float: left;
	width: 55%;
	padding-left: 192px;
	border-right: 1px solid #e5e5e5;
	background: url('/assets/images/subpage/icon_call_center.gif') no-repeat 50px center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.centerInfo .box_left p.title {
	position: relative;
	font-size: 28px;
	line-height: 44px;
	font-weight: 600;
	color: #222222;
	letter-spacing: -1px;
	padding-bottom: 17px;
	margin-bottom: 12px;
}

.centerInfo .box_left p.title:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 30px;
	height: 4px;
	background-color: #555;
}

.centerInfo .box_left p.tel {
	font-size: 28px;
	line-height: 44px;
	font-weight: 600;
	color: #6e6760;
}

.centerInfo .box_right {
	float: right;
	width: 45%;
	padding-left: 50px;
	padding-top: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.centerInfo .box_right p.info {
	font-size: 16px;
	line-height: 30px;
}

.centerInfo .box_right p.info span.tit {
	display: inline-block;
	width: 90px;
	font-weight: 600;
	color: #222222;
	text-align: justify;
}

/* 윤리경영 */
.c_ethic .section_head {
	margin-bottom: 50px;
}

.c_ethic .sectionList>li {
	padding-top: 0
}

.c_ethic .section .article p {
	padding-bottom: 1em;
}

.c_ethic .sectionList>li .section {
	padding-top: 30px
}

.c_ethic .section .story .title span {
	display: block
}

.c_ethic .section .article ol li {
	position: relative;
	padding-bottom: .5em;
	/* padding-left: 20px; */
}

.c_ethic .section .article ol li span {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
}

.c_ethic .article p.sign {
	padding-top: 3em;
	text-align: right;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 3em;
}

.c_ethic .article p.sign em {
	font-size: 20px;
	color: #222222;
	font-weight: 600;
	padding-left: 10px;
}

.c_ethic .img_hand {
	margin-top: 0
}

.c_ethicInfo {
	margin-top: 15px;
	border: 1px solid #e5e5e5;
	padding: 20px 20px 10px 20px;
	margin-bottom: 55px;
}

.c_ethicInfo:last-child{
	margin-bottom: 0;
}

.c_ethicInfo h3.title {
	position: relative;
	font-size: 20px;
	line-height: 38px;
	font-weight: 600;
	color: #222222;
	letter-spacing: -1px;
	padding-bottom: 10px;
	margin-bottom: 12px;
}

.c_ethicInfo h3.title:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 30px;
	height: 4px;
	background-color: #555;
}

.c_ethicInfo h4.title {
	font-size: 16px;
	padding-top: 1em;
	line-height: 30px;
	font-weight: 600;
	color: #222222;
	letter-spacing: -1px;
}

.c_ethic .section .c_ethicInfo p.info {
	line-height: 26px;
	font-weight: normal;
	padding-bottom: 0
}

.c_ethic .section .c_ethicInfo .btns {
	padding-top: 15px;
}

.c_ethic .section .c_ethicInfo .btBlack {
	display: inline-block;
	width: 140px;
	padding: 12px 0;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	background-color: #2b2b2b;
}

/* 230509 추가 */
/* 제보하기 */
.c_report .sectionList .section{
	margin-top: 80px;
}

.c_report .sectionList .section + .section{
	margin-top: 110px;
}

.c_report .section .title_h3{
	color: #222;
}

.c_report .section .title_h3 + p{
	margin-top: 15px;
}

.c_report .section .text{
	line-height: 1.75;
}

.c_report .section .info{
	margin-bottom: 5px;
}

.c_report .section li{
	line-height: 1.5;
	padding-left: 5px;
}

.c_report .section li + li{
	margin-top: 5px;
}

.c_report .section .ex{
	font-size: 1.4rem;
	color: #e15656;
	margin-top: 5px;
}

.c_report .section .infoBox{
	text-align: center;
	border: 1px solid #e5e5e5;
	padding: 60px 15px;
}

.c_report .section .infoBox h3{
	font-size: 3rem;
	font-weight: 600;
	color: #000;
	margin-bottom: 30px;
}

.c_report .section .infoBox .text{
	font-size: 2.2rem;
	line-height: 1.4;
	color: #666;
	word-break: keep-all;
	margin-bottom: 20px;
}

.c_report .section .infoBox .text strong{
	font-weight: 600;
	color: #e15656;
}

.c_report .section .infoBox .ex{
	line-height: 1.5;
	word-break: keep-all;
}

.c_report .section table td{
	color: #222;
}

.c_report .section table td .status{
	font-size: 1.8rem;
	color: #e15656;
	margin-bottom: 5px;
}

.c_report .section .btns{
	text-align: center;
	margin-top: 60px;
}

.c_report .section .btns button{
	display: inline-block;
	width: 140px;
	font-size: 1.4rem;
	font-weight: 600;
	color: #FFF;
	background-color: #666;
	padding: 12px 0;
	margin: 0 10px;
}

.c_report .section .btns .btn_black{
	background-color: #2b2b2b;
}

.c_report .section .btns-lg button{
	width: 160px;
	font-size: 1.6rem;
	padding: 15px 0;
	margin: 0 30px;
}

.c_report .section .btns-lg .btn_black{
	background-color: #000;
}

.c_report .section .notice{
	color: #fff;
	background-color: #6e6760;
	padding: 20px;
	margin: 15px 0 30px;
}

.c_report .section .notice h6{
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 10px;
}

.c_report .section .notice p{
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.2;
	padding-left: 12px;
}

.c_report .section .notice p em{
	border-bottom: 2px solid rgba(255, 255, 255, 0.75);
}

.c_report .customerCenter .btns{
	padding-top: 0;
}

/* 210325 수정 */
/* 인증 */
.certified .sectionList>#sec1 .section {
	padding-top: 0 !important;
}

.certified .sectionList .arTitle .title_h3 {
	font-size: 28px
}

.certified .story p.text {
	margin-bottom: 23px;
}

.certified .insert {
	overflow: hidden;
	margin-top: 26px;
}

.certified .insert p {
	min-height: 263px;
	width: 188px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

.certified .insert p:nth-child(1) {
	background-image: url(../images/0325/images/Certified_03.jpg);
	margin-right: 42px;
}

.certified .insert p:nth-child(2) {
	background-image: url(../images/0325/images/Certified_05.jpg);
}

.certified .box_area {
	overflow: hidden;
}

.certified .box_area .box {
	float: left;
	width: 30%;
	margin-right: 6%;
}

@media ( max-width : 719px) {
	.certified .sectionList .arTitle .title_h3 {
		font-size: 18px;
		margin-bottom: 0;
		padding: 20px 0;
	}
}

/* 사회공헌활동 */
.c_social .section .box_area2 .box2 {
	float: left;
	width: 25%;
	padding: 0 10px;
	margin-bottom: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 33.3%;
}

.c_social .section .box_area2 .box2:last-child{
	margin-bottom: 0;
}

.c_social .section .box_area2 .box2 .title {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.05em;
	/* padding: 14px 0; */
	/* height: 60px; */
	margin-top: 20px;
	margin-bottom: 7px;
}

.c_social .section .box_area2 .box2 .desc {
	
}

.SocialC .sectionList #sec1 .title {
	padding-bottom: 18px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #222222;
}

.SocialC .sectionList #sec1 .title span {
	color: #56A6E2;
}

.SocialC .sectionList #sec1 .text {
	
}

.SocialC .box_area .blue_text, .SocialC .sectionList .blue_text {
	background-color: #56A6E2;
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	font-weight: 600;
	margin-top: 17px;
}

.SocialC .box_area .blue_text {
	margin: 10px 10px;
}

.SocialC .sectionList .box_area {
	padding: 33px 0;
}

.SocialC .sectionList .story2 {
	margin-top: 52px;
}

.SocialC .sectionList .story2 .text, .SocialC .sectionList .story3 .text
	{
	margin-bottom: 7px;
}

.SocialC .table_wdate {
	width: 100%;
	margin-top: 33px;
}

.SocialC .sectionList .story4 .title {
	padding-bottom: 18px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
	color: #222222;
}

.SocialC .sectionList #sec1 {
	border-top: 1px solid #ececec;
	padding-top: 0;
	margin-top: 50px;
}

.SocialC .sectionList>li .section {
	margin-top: 0;
	border-top: 1px solid #ececec;
	padding-top: 45px;
}

.SocialC  .section .box_area .box .info_box p.title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	padding: 20px 10px;
	color: #222222;
}

.SocialC .sum {
	color: #56A6E2;
	font-weight: 600;
}
/* .esg_csr .sectionList #sec2 .section{
	border-top: none;
} */
/* 21.03.30 수정 */
.box2 .info_box .blue_text {
	background-color: #56A6E2;
	font-weight: 600;
	color: #fff;
	padding: 2px 10px;
}

@media ( max-width : 719px) {
	.c_social .section .box_area2 .box2 {
		width: 100%;
		margin: 0 auto 25px;
		clear: both;
	}
	.c_social .section .box_area2 .box2 .title {
		font-size: 15px;
		margin-top: 10px;
	}
	.c_social .section .box_area2 .box2 .img {
		text-align: center;
	}
}

/* 안전보건환경방침 */
.safetyPolicy .c_ethicInfo {
	margin-top: 0 !important;
	background-color: #fbfbfb;
}

.safetyPolicy .sectionList>li .section {
	border-top: 84px;
}

.safetyPolicy .sectionList li:nth-child(2) {
	margin-top: 50px;
}

.safetyPolicy .sectionList li#sec1{
	margin-top: 0;
}

.safetyPolicy .sectionList li .h_text {
	margin-bottom: 67px;
	font-size: 17px;
	color: #000;
}

.safetyPolicy .section_head {
	padding-bottom: 52px;
	border-bottom: 1px solid #ececec;
	/* margin-bottom: 51px; */
	/* margin-bottom: 11px; */
}

.safetyPolicy .sectionList li .name p {
	font-weight: 600;
	color: #000;
	padding-bottom: 10px;
}

.safetyPolicy .sectionList li .name {
	float: right;
	padding-left: 0 !important;
}

.emPolicy .c_ethicInfo {
	margin-top: 0 !important;
	background-color: #fbfbfb;
}

.emPolicy .sectionList>li{
	padding-top: 49px;
}

.emPolicy .sectionList li .name{
	text-align: right;
	margin-top: 40px;
}

.emPolicy .sectionList li .name p{
	color: #000;
	font-weight: 600;
	padding-bottom: 10px;
}

.emPolicy .sectionList li .name p span{
  display: block;
	font-weight: 400;
	margin-bottom: -5px;
}

@media ( max-width : 719px){
	/* .safetyPolicy .sectionList li .h_text{
		padding: 50px 15px 0;
	}
	 */
	.emPolicy .sectionList li .name{
		margin-bottom: 36px;
	}
	.emPolicy .sectionList li .name img{
		height: 40px;
	}
}

/* 환경시스템 */
.E_system .sectionList .story .title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 36px;
}

.E_system .sectionList .story .text {
	line-height: 2.0em;
}

.E_system .sectionList .story .box_area {
	overflow: hidden;
	margin-top: 37px;
}

.E_system .sectionList .story .box_area .box {
	float: left;
}

.E_system .sectionList .story .box_area .box:nth-child(1) {
	margin-right: 32px;
}

.E_system .sectionList .story .box_area .box:nth-child(2) {
	
}

.E_system .sectionList .panel {
	position: relative;
}

.E_system .sectionList .arTitle .desc, .sectionList .article .desc {
	position: absolute;
	left: 158px;
	bottom: 0px;
}

@media ( max-width : 1000px) {
	.E_system .sectionList .arTitle .desc, .sectionList .article .desc {
		display: none;
	}
}

/*안전보건경영 */
.Safety_m .article_table {
	width: 100%;
}

.Safety_m .article_table .table tr th {
	background-color: #fff;
	font-weight: normal;
}

.Safety_m .article_table .table tr .bold {
	background-color: #f5f5f4 !important;
	font-weight: 600;
	font-size: 16px;
	color: #000;
}

.Safety_m .article_table {
	width: 100%;
}

.Safety_m #sec2:nth-child(1) {
	border-top: 1px solid #ececec;
	padding-top: 0;
}

.Safety_m .article_text {
	border-top: 1px solid #ececec;
	margin-top: 41px;
}

.Safety_m #sec2 .img {
	margin-top: 18px;
}

/*교육 및 훈련활동 */
.edu_t .listSection .sectionList #sec2 .panel .section .arTitle {
	clear: inherit !important;
	width: 100%;
}

.edu_t .sectionList #sec2 .article {
	clear: both !important;
	width: 100%;
}

.edu_t .sectionList #sec2 .article .box_area {
	width: 90%;
	margin: 0 auto;
}

.edu_t .sectionList #sec2 .article .box_area .box {
	width: 30%;
	margin-right: 5%;
}

.edu_t .sectionList #sec2 .article .box_area .box:last-child {
	margin-right: 0;
}

.edu_t .sectionList #sec2 .art_01 .box_area {
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
}

.edu_t .sectionList #sec2 .art_01 .box_area .box {
	width: 31%;
	margin-right: 2%;
	padding: 47px 0;
}

.edu_t .sectionList #sec2 .art_01 .box_area .box:last-child {
	margin-right: 0;
}

.edu_t .sectionList #sec2 .art_01 .box_area .box p {
	padding: 8px 0;
	/* font-weight: 600; */
	color: #000;
}

@media ( max-width : 999px) {
	.edu_t .sectionList #sec2 .art_01 .box_area .box {
		width: 48%;
		margin-right: 4%;
		padding: 47px 0;
	}
	.edu_t .sectionList #sec2 .art_01 .box_area .box:nth-child(2n) {
		margin-right: 0;
	}
}

@media ( max-width : 400px) {
	.edu_t .sectionList #sec2 .art_01 .box_area .box {
		width: 100%;
		padding: 0;
	}
	.edu_t .sectionList #sec2 .article .box_area .box {
		width: 100%;
		padding: 20px 0;
	}
}

/*  EHS*/
.EHS .section .box_area .box {
	/* margin-right: 4%;
	width: 22%;
	margin-bottom: 49px; */
	
}

.EHS .section .box_area .box:nth-child(4) {
	/* margin-right: 0; */
	
}

@media ( max-width : 999px) {
	.EHS .section .box_area .box {
		/* width: 44% !important;
		margin-right: 0 !important;
		margin-bottom: 49px !important; */
		
	}
}

.EHS .section {
	/* border-top: 1px solid #ececec;
	padding-top: 61px; */
	
}

.EHS .b_title {
	height: 50px;
	text-align: center;
	margin-top: 12px;
	/* text-align: center;
	font-size: 12px;
	font-weight: 600;
	padding-top: 10px; */
}

/* CP개요 */
.ethic01 .txt_01 {
	overflow: hidden;
}

.ethic01 .txt_02 {
	margin-top: 30px;
}

.ethic01 .txt_01 .story {
	float: left;
	width: 44%;
}

.ethic01 .txt_01 .ehtic_img {
	float: right;
	width: 48%;
}

.ethic01 .txt_01 .ehtic_img img {
	height: 529px;
}

@media ( max-width : 731px) {
	.ethic01 .txt_01 .ehtic_img {
		display: none;
	}
	.ethic01 .txt_01 .story {
		width: 100%;
	}
}

.ethic01 .sectionList .name {
	float: right;
	margin-top: 40px;
}

.ethic01 .sectionList .name p {
	font-weight: 600;
	color: #000;
	padding-bottom: 10px;
}

.ethic01 .sectionList .name p span {
	display: block;
  font-weight: 400;
  margin-bottom: -5px;
}

@media ( max-width : 719px){
	.ethic01 .sectionList .name img{
		height: 40px;
	}
}

.ethic01 .story .gray {
	color: #6c6a6a;
	font-weight: 600;
	font-size: 17px;
	display: block;
	margin-top: 33px;
}

.ethic01 .story .text>p {
	padding: 15px 0;
	line-height: 1.8em;
}

.ethic01 .story .text p {
	padding: 15px 0;
	line-height: 1.8em;
}

.ethic01 .story02 {
	margin-top: 73px;
}

/*CP조직도  */
.ethic02 .sectionList .article_table {
	width: 100%;
}

.ethic02 .sectionList .article_table tr td {
	text-align: left;
	padding-left: 65px;
}

@media ( max-width : 1200px) {
	.ethic02 .sectionList .article_table tr td {
		padding-left: 4%;
	}
}

@media ( max-width : 800px) {
	.ethic02 .sectionList .article_table tr td {
		padding-left: 2%;
	}
}

/* 공정거래 자료실 */
.f_trade .s_01 {
	margin-top: 20px;
	width: 100%;
	border: 1px solid #ececec;
	margin-bottom: 119px;
}

.f_trade .section .box_area .box a {
	display: inline-block;
	width: 100%;
	height: 100%;;
}

.f_trade .section .box_area .box:first-child .img {
	margin-top: 35%;
}

.f_trade .section .box_area .box {
	width: 18%;
	margin-right: 2%;
	margin-bottom: 0 !important;
}

.f_trade .section .box_area {
	padding: 48px 16px;
}

@media ( max-width : 999px) {
	.f_trade .s_01 {
		/* margin-top: 20px; */
		width: 95%;
		margin: 0 auto;
		border: 1px solid #ececec;
		margin-bottom: 119px;
	}
	.f_trade .section .box_area {
		padding: 17px 16px;
	}
	.f_trade .section .box_area .box {
		width: 31% !important;
		padding: 16px;
		/* margin-bottom: 19px; */
		margin-bottom: 44px;
	}
	.f_trade .section .box_area .box {
		padding: 10px 5px;
		margin-bottom: 10px;
	}
}

@media ( max-width : 719px) {
	.f_trade .section .box_area .box {
		padding: 9px 5px !important;
		margin-bottom: 10px;
	}
}
/*  */
.coe .sectionList .acc_section {
	
}

.coe .sectionList .acc_section .acc {
	border-top: 1px solid #ececec;
	/* margin-top: 44px; */
	/* height: 21px; */
}

.coe .sectionList .acc_section .acc .acc_t {
	
}

.coe .sectionList .acc_section .acc .acc_t a {
	display: inline-block;
	width: 100%;
	height: 100%;
	/* background-color: aliceblue; */
	overflow: hidden;
}

.coe .sectionList .acc_section .acc .acc_t a .accordion {
	display: inline-block;
	float: left;
	font-size: 20px;
	padding: 22px 0;
	font-weight: 600;
}

.coe .sectionList .acc_section .acc .acc_t a img {
	display: inline-block;
	float: right;
	padding-right: 26px;
	padding-top: 25px;
}

.coe .sectionList .acc_section .acc .panel {
	
}

.coe .sectionList .acc_section .acc .panel .article {
	width: 100%;
}

.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo {
	margin: 0;
	background-color: #fbfbfb;
}

.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo .c_title
	{
	font-size: 14px;
	color: #000;
}

.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo .t_num
	{
	color: #000;
	font-weight: 600;
	margin: 37px 0 13px 0px;
}

.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo .t_num:first-child{
	margin-top: 0;
}

.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo .text {
	line-height: 1.65em;
	padding: 6px 0;
}

.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo ol{
	padding-left: 36px;
}

.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo ol li{
	text-indent: -21px;
}

.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo>p {
	line-height: 1.65em;
}

.coe .article_table {
	width: 100%;
	margin-top: 27px;
}

@media ( max-width : 1024px) {
	.coe .sectionList .acc_section .acc .acc_t a .accordion {
		font-size: 16px;
	}
}
@media ( max-width : 719px) {
	.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo ol{
		padding-left: 28px;
	}
	.coe .sectionList .acc_section .acc .panel .article .c_ethicInfo ol li {
		text-indent: -13px;
	}
}
@media ( max-width : 480px) {
	.coe .sectionList .acc_section .acc .acc_t a .accordion {
		font-size: 14px;
	}
}

/* 보령HR */
.brhr .sectionList #sec1 .web_img_box {
	margin-top: 50px;
}

.brhr .sectionList #sec1 .web_img_box img {
	display: inline-block;
	width: 100%;
}

.brhr .sectionList #sec1 .text {
	overflow: hidden;
}

.brhr .sectionList #sec1 .text p {
	display: inline-block;
	float: left;
	width: 20%;
	padding: 17px 3px;
	text-align: center;
	/* border: 1px solid; */
	margin-right: 5%;
}

.brhr .sectionList #sec1 .text p:last-child {
	margin-right: 0;
}

.brhr .sectionList #sec1 .text p img {
	display: none;
}

.brhr .sectionList>li .section {
	padding-top: 81px;
}

.brhr .sectionList #sec3 {
	margin-bottom: 200px;
}

.brhr .sectionList #sec3 .text {
	overflow: hidden;
}

.brhr .sectionList #sec3 .text p {
	display: inline-block;
	float: left;
	width: 19%;
	padding: 12px 3px;
	text-align: center;
	font-weight: 600;
	color: #000;
	height: 140px;
	border-right: 1px solid #d1d1d1;
}

.brhr .sectionList #sec3 .text p:last-child {
	border-right: 0;
}

.brhr .sectionList #sec3 .text p img {
	margin: 0 auto;
	display: block;
	padding-bottom: 28px;
	height: 59%;
}

.brhr .sectionList #sec3 .blue_point {
	background-color: #000000;
	color: #fff;
	border-radius: 25px;
	text-align: center;
	padding: 8px 0;
	margin-top: 28px;
}

@media ( max-width : 650px) {
	.brhr .sectionList #sec1 .web_img_box {
		display: none;
	}
	.brhr .sectionList #sec1 .text p {
		display: block;
		float: left;
		width: 46%;
		padding: 17px 3px;
		text-align: center;
		margin-right: 3%;
		height: 350px;
	}
	.brhr .sectionList #sec1 .text p img {
		display: block;
		margin: 0 auto;
	}
	.brhr .sectionList #sec1 .text p:nth-child(2), .brhr .sectionList #sec1 .text p:nth-child(4)
		{
		margin-right: 0;
	}
	.brhr .sectionList #sec1 .text p img {
		display: block;
	}
	.brhr .sectionList #sec3 {
		margin-bottom: 40px;
	}
	.brhr .sectionList #sec3 .text p {
		width: 30%;
		margin-bottom: 2em;
	}
}

/* 인사시스템 */
.hrs .t_content .story {
	width: 98%;
	margin-left: 2%;
}

.hrs #sec1 .text {
	overflow: hidden;
	width: 100%;
}

.hrs #sec1 .text .b_table {
	border: 1px solid #e1e1e1;
	width: 32%;
	height: 283px;
	float: left;
	margin-right: 1%;
}

.hrs #sec1 .text .b_table:last-child {
	margin-right: 0;
}

.hrs #sec1 .text .b_table p:nth-child(1) {
	background-color: #6e6760;
	color: #fff;
	text-align: center;
	height: 20%;
	line-height: 55px;
}

.hrs #sec1 .text .b_table p:nth-child(2) {
	text-align: left;
}

.hrs #sec1 .text .b_table p:nth-child(2) em {
	color: #6e6760;
	font-weight: 600;
	margin-bottom: 10px;
}

.hrs #sec1 .text .b_table p:nth-child(2) strong {
	border-bottom: 1px solid #666;
	color: #666;
	font-weight: normal;
}

.hrs #sec1 .text .b_table:first-child p:nth-child(2) {
	margin: 60px 0;
	padding-left: 23px;
}

.hrs #sec1 .text .b_table:nth-child(2) p:nth-child(2) {
	text-align: center;
	margin: 88px 0;
}

.hrs #sec1 .text .b_table:nth-child(3) p:nth-child(2) {
	margin: 18px 17px;
}

.hrs .sectionList #sec2 {
	margin-bottom: 200px;
}

.hrs .sectionList #sec2 .text {
	overflow: hidden;
	margin: 64px 0 102px;
}

.hrs .sectionList #sec2 .text p {
	display: inline-block;
	float: left;
	width: 19%;
	padding: 12px 3px;
	text-align: center;
	font-weight: 600;
	color: #000;
	height: 140px;
	border-right: 1px solid #d1d1d1;
}

.hrs .sectionList #sec2 .text p:last-child {
	border-right: 0;
}

.hrs .sectionList #sec2 .text p img {
	margin: 0 auto;
	display: block;
	padding-bottom: 28px;
	height: 59%;
}

.hrs .sectionList #sec4 {
	
}

.hrs .sectionList #sec4 .text {
	
}

.hrs .sectionList #sec4 .text ul:last-child {
	border-bottom: 0;
}

.hrs .sectionList #sec4 .text ul {
	overflow: hidden;
	border-bottom: 1px solid #d1d1d1;
	padding: 41px 0;
}

.hrs .sectionList #sec4 .text ul li:last-child {
	margin-right: 0;
}

.hrs .sectionList #sec4 .text ul li {
	width: 49%;
	float: left;
	margin-right: 2%;
	overflow: hidden;
}

.hrs .sectionList #sec4 .text ul li .flat_img {
	float: left;
	width: 40%;
}

.hrs .sectionList #sec4 .text ul li .flat_txt {
	float: right;
	display: inline-block;
	width: 60%;
	font-size: 12px;
}

.hrs .sectionList #sec4 .text ul li .flat_txt span {
	display: block;
	font-weight: bolder;
	margin-bottom: 12px;
	font-size: 14px;
}

.hrs .sectionList #sec4 .text ul li .flat_plus {
	width: 200px;
	margin-top: 30px;
}

@media ( max-width : 670px) {
	.hrs #sec1 .text .b_table {
		margin: 0 auto;
		width: 98%;
		height: 207px;
		margin-bottom: 22px;
	}
	.hrs #sec1 .text .b_table p:nth-child(1) {
		line-height: 44px;
	}
}

@media ( max-width : 720px) {
	.hrs .sectionList #sec2 {
		margin-bottom: 40px;
	}
	.hrs .sectionList #sec2 .text p {
		width: 30%;
		margin-bottom: 2em;
	}
	.hrs .sectionList #sec2 .text {
		overflow: hidden;
		margin: 64px 0;
	}
	.hrs .sectionList #sec2 .story .insert {
		display: none;
	}
	.hrs .sectionList #sec4 .text ul {
		border-bottom: 0;
		padding: 0;
	}
	.hrs .sectionList #sec4 .text ul li {
		border-bottom: 1px solid #d1d1d1;
		width: 100%;
		padding: 34px 0;
	}
	.hrs .sectionList #sec4 .text ul li.last {
		border-bottom: 0;
	}
	.hrs #sec1 .text .b_table:first-child p:nth-child(2) {
		margin: 36px 0;
		padding-left: 23px;
	}
	.hrs #sec1 .text .b_table:nth-child(2) p:nth-child(2) {
		text-align: center;
		margin: 73px 0;
	}
}

@media ( max-width : 470px) {
	.hrs .sectionList #sec4 .text ul li .flat_img {
		float: left;
		width: 30%;
	}
}

/* 의약품 접근성 */
.aop #sec1 .desc>p {
	background-color: #000000;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	padding: 8px 26px;
}

.aop .img_hand {
	margin-top: 44px;
}

/* .aop .sectionList .article:nth-child(3) {
	margin-top: 50px;
}

.aop .sectionList .article:nth-child(3) em {
	color: #1e95e8;
}

.aop .sectionList .article:nth-child(3) .c_ethicInfo {
	margin-top: 50px;
}

.aop .sectionList .article:nth-child(3) .c_ethicInfo h3 {
	color: #000;
	font-weight: 500px;
} */

/* .aop .sectionList .article {
	margin-top: 50px;
} */

.aop .sectionList .article em {
	color: #1e95e8;
}

.aop .sectionList .article .c_ethicInfo {
	margin-top: 50px;
	margin-bottom: 0;
}

.aop .sectionList .article .c_ethicInfo h3 {
	color: #000;
	font-weight: 500px;
}

/*/////hrm.do///*/
.hrm .title_h3>br {
	display: none;
}

.hrm .bold-text {
	font-size: 1.6rem;
	line-height: 1.8em;
}

.hrm .story {
	margin-top: 73px;
}

.section.vision.hrm {
	padding-top: 60px;
	margin-top: 0;
}

/*/////hrm.do 반응형///*/
@media ( max-width : 1220px) {
	.hrm .title_h3 {
		line-height: 120%;
	}
	.hrm .title_h3>br {
		display: block;
	}
}

@media ( max-width : 999px) {
	.hrm .title_h3>br {
		display: none;
	}
}

@media screen and (max-width: 719px) {
	.section.vision.hrm {
		padding-top: 20px;
	}
	.sectionList .hrm .arTitle {
		padding-bottom: 20px;
	}
	.hrm .title_h3::after {
		display: none;
	}
	.hrm .bold-text {
		font-size: 13px;
	}
	.hrm .text.hrm_text>p {
		padding: 12px 0;
	}
}

/* esg - 친환경비즈니스 */
.safetyPolicy .section .img_wrap{
	gap: 20px 40px;
}
.safetyPolicy .section .img_wrap .image{
	flex: 0 0 30vw;
	max-width: 280px;
	border: 1px solid #ccc;
}
.safetyPolicy .section .img_wrap .contents{
	box-sizing: border-box;
}

/*** 19회 보령의사수필문학상 ***/
.essay{
	width: 100%;
	background-color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
	word-break: keep-all;
}
.essay .container{
	max-width: 1260px;
	width: 100%;
	background-color: transparent;
	padding: 0 30px;
	margin: 0 auto;
	box-sizing: border-box;
}
.essay .essay__visual{
	background-color: #e7eae8;
	/* padding-top: 4.5rem; */
	position: relative;
}
.essay .essay__visual .logo{
	transform: translateY(100%);
  padding-top: 4.5rem;
  margin-top: -7rem;
}
.essay .essay__visual .logo > *{
	display: inline-block;
	vertical-align: middle;
}
.essay .essay__visual .logo img{
	width: 16rem;
	-webkit-filter: grayscale(1) brightness(0.1);
	filter: grayscale(1) brightness(0.1);
}
.essay .essay__visual .logo p{
	font-size: 2.8rem;
	color: #111;
	border-left: 2px solid;
	padding-left: 1.5rem;
	margin-left: 1.5rem;
}
.essay .essay__content{
	padding: 6.5rem 0 9.5rem;
	background: url('/assets/images/essay/contents_bg.png') center top 20% no-repeat;
}
.essay .essay__content .section{
	margin-top: 0;
}
.essay .essay__content .section .section_title.section_title--icon{
	line-height: 5.6rem;
	background: url('/assets/images/essay/ico_title.png') left top/auto 5.6rem no-repeat;
	padding-left: 6.4rem;
}
.essay .essay__content .sectionList > .section + .section{
	margin-top: 3rem;
	padding-top: 3rem;
	background: url('/assets/images/essay/ico_dash.png') left top repeat-x;
}
.essay .essay__content .section_title{
	font-family: "Noto Serif KR", serif;
	font-weight: 600;
	line-height: 1.2;
	color: #073050;
	float: none;
	margin-bottom: 5rem;
} 
.essay .essay__content .section .title{
	font-weight: 600;
	font-size: 2.8rem;
	line-height: 1.5;
	color: #111;
	margin: 3rem 0 1.5rem;
}
.essay .essay__content .section .section_title + .title{
	margin-top: 0;
}
.essay .essay__content .section .txt{
	min-height: 1rem;
	font-size: 2.2rem;
	line-height: 1.65;
	color: #333;
}
.essay .essay__content .section .story .txt{
	font-size: 2rem;
	margin-top: 1rem;
}
.essay .essay__content .section dl{
	display: flex;
	gap: 1rem 5rem;
	margin-bottom: 4rem;
}
.essay .essay__content .section dl dt{
	flex: 0 0 8rem;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.5;
	color: #000;
}
.essay .essay__content .section dl dd{
	flex: auto;
	font-size: 2.2rem;
	font-size: 2.2rem;
	color: #333;
}
.essay .essay__content .section dl dd p{
	/* text-indent: -1.4rem;
	padding-left: 1.4rem; */
	line-height: 1.5;
}
.essay .essay__content .section dl dd p + p{
	margin-top: 0.25rem;
}
.essay .essay__content .section .precaution h4{
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	color: #000;
	margin-bottom: 1rem;
}
.essay .essay__content .section .precaution li{
	font-size: 1.8rem;
	line-height: 1.5;
	color: #333;
	text-indent: -1.15rem;
	padding-left: 1.15rem;
	margin-bottom: 0.25rem;
}
.essay .essay__content .btns{
	text-align: center;
	margin-top: 6rem;
}
.essay .essay__content .btns a{
	display: inline-block;
	line-height: 8rem;
	font-size: 3rem;
	color: #fff;
	background-color: #073050;
	border-radius: 1rem;
	padding: 0 8rem;
} 
.essay .essay__footer{
	background-color: #f1f1f1;
	padding: 6rem 0;
}
.essay .essay__footer .logo{
	margin-bottom: 1.5rem;
}
.essay .essay__footer .logo a{
	display: inline-block;
}
.essay .essay__footer .logo a img{
	width: 14rem;
	filter: grayscale(1) brightness(0.55);
}
.essay .essay__footer p{
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.2;
	color: #333;
}
.essay .essay__footer p + p{
	margin-top: 1rem;
}
.essay .essay__footer p span + span{
	margin-left: 0.5rem;
}
@media screen and (max-width: 719px){
	.essay .container{
		padding: 0 15px;
	}
	.essay .essay__content{
		background-image: none;
	}
}
@media screen and (max-width: 480px){
	.essay .essay__content .section_title{
		font-size: 3.4rem;
	}
	.essay .essay__content .section:first-child .section_title{
		min-height: 5rem;
		line-height: 1.2;
		-webkit-background-size: auto 5rem;
		background-size: auto 5rem;
	}
	.essay .essay__content .section dl{
		flex-wrap: wrap;
	}
	.essay .essay__content .section dl dt{
		flex: 0 0 100%;
	}
	.essay .essay__content .btns a{
		padding: 0 5rem;
	}
}

@media screen and (max-width: 719px){
	.SocialC .sectionList #sec1{
		margin-top: 30px;
	}
	.SocialC .sectionList>li .section{
		padding-top: 30px;
	}
}
.section .img_wrap{
	display: flex;
	gap: 20px 80px;
	align-items: flex-start;
}
.section .img_wrap .image{
	flex: 0 0 34vw;
	max-width: 390px;
}
.section .img_wrap .contents{
	flex: auto;
}
.section .img_wrap .contents .list{
	text-indent: -9px;
  padding-left: 9px 
}
.section .img_wrap .contents .list + .list{
	margin-top: 5px;
}
.section .img_wrap + .img_wrap{
	margin-top: 50px;
}
@media screen and (max-width: 1024px){
	.section .img_wrap{
		gap: 20px 40px;
	}
}
@media screen and (max-width: 719px){
	.section .img_wrap{
		gap: 20px 20px !important;
	}
	.section .img_wrap + .img_wrap{
		margin-top: 40px;
	}
	.section .img_wrap .contents .title_h4{
		margin-bottom: 10px;
	}
	.section .img_wrap .contents .list{
		word-break: keep-all;
		text-indent: -15px;
    padding-left: 15px
	}
}
@media screen and (max-width: 480px){
	.section .img_wrap{
		flex-wrap: wrap;
		justify-content: center;
	}
	.section .img_wrap + .img_wrap{
		margin-top: 30px;
	}
	.section .img_wrap .image{
		flex: 0 0 100% !important;
	}
}

.captcha{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2rem;
}
@media screen and (max-width: 480px){
	.captcha{
		margin-top: 1.5rem;
	}
}