.contents {background-color: #fdfefe; padding-bottom: 200px;}

.detail_cate_date > * {vertical-align: middle;}
.detail_cate {font-size: 22px; font-weight: bold;}
.detail_cate:after {content: ''; display: inline-block; width: 1px; height:  17px;  vertical-align: -1px;  background-color: #979a9b; margin: 0 18px 0 22px;}
.detail_date {font-size: 18px; letter-spacing: -.02em; color: #878b8d;}

.detail_title {border-bottom: 2px solid #979a9b;}
.detail_title .tit {text-align: left; margin: 20px 0 26px 0; }

.attached_doc {font-weight: 400; font-size: 18px; line-height: 1.89; letter-spacing: -.02em; color: #4f5254; background-color: #fafbfb; padding: 1%;}
.attached_doc a {display: inline-block;}

.detail_inner {border-bottom: 1px solid #b1b1b1; padding: 65px 120px 130px; color: #4f5254;}
.detail_inner .sub_tit {position: relative; font-family: 'NanumSquare', sans-serif; color: #4f5254; margin-bottom: 14px; padding-left: 1.5%;}
.detail_inner .sub_tit:before {content:'-'; position: absolute; left: 0;}
.detail_inner img {display: block; max-width: 100%; margin: 0 auto 50px; width: 70%;}
.detail_inner .sub_tit + p img {margin: 58px auto 50px; }
/* .detail_inner p + img {margin: 58px auto 50px;}
.detail_inner img + img {margin: 58px auto 50px;} */
.detail_inner {font-size: 18px; line-height: 1.89 !important; letter-spacing: -.02em !important; /* margin-bottom: 35px !important; */}
.detail_inner p {font-size: 18px; line-height: 1.89 !important; letter-spacing: -.02em !important; /* margin-bottom: 35px !important;*/}
.detail_inner p * {font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; font-weight: inherit !important; color: inherit !important;}
.detail_inner p sup {font-size: smaller !important;}
.detail_inner .disclaimer {font-size: 16px; font-weight: 400; color: #333; float: none;}
/* .detail_inner p br {display: none;} */
.detail_inner p b, .detail_inner p strong {font-weight: 700 !important;}
.detail_inner a {display: inline-block !important;}

.more_wrap {margin: 70px auto 0; cursor: pointer;}
.more_wrap p {font-weight: 800; font-size: 20px; line-height: 1.89; letter-spacing: -.02em;}
.more_wrap .more {display: inline-block; margin-left: 10px; width: 53px; height: 40px; position: relative;}
.more:before {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); background-color: #e0e5e9; width: 40px; height: 40px; border-radius: 50%; z-index: 1;}
.more:after {position: absolute; content: '';  left: auto; right: -14%; top: 34%; transform: rotateY(180deg); width: 35.39px; height: 7.67px; background: no-repeat center/contain; background-image: url(/resources/images/about/more.svg); z-index: 3; transition: .3s ease;}
.more:hover:after, .more.white:hover:after {background-image: url(/resources/images/about/more_hover.svg);}



@media screen and (max-width: 1440px) {
	.contents { padding-bottom: 13.89vw;}
	.detail_cate {font-size: 1.53vw; }
	.detail_cate:after {width: 0.07vw; height:  1.18vw; vertical-align: -0.07vw;   margin: 0 1.25vw 0 1.53vw;}
	.detail_date {font-size: 1.25vw;}
	.detail_title .tit { margin: 1.39vw 0 1.81vw 0;}
	.detail_inner {padding: 4.51vw 8.33vw 9.03vw; }
	.detail_inner .sub_tit {margin-bottom: 0.97vw;}
	.detail_inner img {margin: 0 auto 3.47vw;}
	.detail_inner .sub_tit + p img {margin: 4.03vw auto 3.47vw;}
	.detail_inner {font-size: 1.25vw;}
	.detail_inner p {font-size: 1.25vw;}
	.detail_inner .disclaimer {font-size: 1.11vw;}
	.attached_doc { font-size: 1.25vw; line-height: 1.89; letter-spacing: -.02em;   padding: 1%;}

	.more_wrap {margin: 4.86vw auto 0; cursor: pointer;}
	.more_wrap p { font-size: 1.39vw; line-height: 1.89; letter-spacing: -.02em;}
	.more_wrap .more { margin-left: 0.69vw; width: 3.68vw; height: 2.78vw; }
	.more:before {  right: 0; top: 50%; transform: translateY(-50%);  width: 2.78vw; height: 2.78vw; border-radius: 50%; }
	.more:after {left: auto; right: -14%; top: 34%; transform: rotateY(180deg); width: 2.46vw; height: 0.53vw; background: no-repeat center/contain; background-image: url(/resources/images/about/more.svg);  transition: .3s ease;}
	.more:hover:after, .more.white:hover:after {background-image: url(/resources/images/about/more_hover.svg);}
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	.detail_cate {font-size: 16px; }
	.detail_cate:after {width: 1px; height:  12px;}
	.detail_date {font-size: 13px;}
	.detail_inner {font-size: 13px !important;}
	.detail_inner p {font-size: 13px !important;}
	.detail_inner .disclaimer {font-size: 11px !important;;}

	.more_wrap p {font-size: 14px;}
}

@media screen and (max-width: 768px) {
	.contents .tit {font-size: 5.56vw; line-height: 1.6;}

	.contents {background-color: #fdfefe; padding-bottom: 200px;}

	.detail_cate_date {}
	.detail_cate_date > * {vertical-align: middle;}
	.detail_cate {font-size: 4.17vw; font-weight: bold;}
	.detail_cate:after {content: ''; display: inline-block; width: 1px; height:  17px;  vertical-align: -1px;  background-color: #979a9b; margin: 0 18px 0 22px;}
	.detail_date {font-size: 4.17vw; letter-spacing: -.02em; color: #878b8d;}

	.detail_title {border-bottom: 2px solid #979a9b;}
	.detail_title .tit {text-align: left; margin: 20px 0 26px 0; }

	.attached_doc {font-size: 4.17vw; line-height: 1.58; letter-spacing: -.04em;padding: 2%;}

	.detail_inner {border-bottom: 1px solid #b1b1b1; padding: 10vw 0;}
	.detail_inner .sub_tit {font-size: 4.17vw; margin-bottom: 3%; padding-left: 3%;}
	.detail_inner img {width: 100%; margin: 0 auto 7.98vw;}
	.detail_inner .sub_tit + p img {margin: 5.56vw auto 7.98vw;}
	.detail_inner p {font-size: 4.17vw; line-height: 1.6; margin-bottom: 0;}
	.detail_inner .disclaimer {font-size: 3.33vw;}

	.more_wrap {display: table; margin: 7.83vw auto 0;}
	.more_wrap p { display: inline-block; font-weight: 700; font-size: 3.89vw;}
	.more_wrap .more {display: inline-block;  width: 14.32vw; height: 11.72vw; margin-left: 1.5vw;}
	.more_wrap .more:before {width: 11.72vw; height: 11.72vw; }
	.more_wrap .more:after {width: 10.46vw; height: 3.33vw;}
}

/* @media screen and (max-width: 320px) {
	.contents .tit {font-size: 18px;}
	.contents { padding-bottom: 200px;}
	.detail_cate {font-size: 13px; }
	.detail_cate:after {  width: 1px; height:  17px; margin: 0 18px 0 22px;}
	.detail_date {font-size: 13px;}
	.detail_title .tit { margin: 20px 0 26px 0; }
	.detail_inner {padding: 32px 0;}
	.detail_inner .sub_tit {font-size: 13px; margin-bottom: 14px;}
	.detail_inner img {margin: 18px auto 26px;}
	.detail_inner .sub_tit + p img {margin: 18px auto 26px;}
	.detail_inner p {font-size: 13px; margin-bottom: 24px;}
	.detail_inner .disclaimer {font-size: 11px;}
} */