@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&subset=korean');

/**********************************************
note : 신문사소개
**********************************************/
/* 기본 */
.com-about {float:left;width:100%;font-size:1rem;color:rgba(0,0,0,.58);letter-spacing:-.1rem}
/* 스킨-1 */
.com-about.skin-1 header {display:block;margin:2rem 0;font-size:2.75rem;font-weight:300;color:rgba(0,0,0,.84);line-height:1.2;letter-spacing:-.3rem}
.com-about.skin-1 header > span {color:#fff}
.com-about.skin-1 p {text-align:justify}
.com-about.skin-1 section > .dis-table-cell {position:relative;float:left;width:50%}
.com-about.skin-1 section > .dis-table-cell.com-left {padding:1.875rem 2.5rem 12.75em 0;background:url('/com/image/skin1-1.gif') no-repeat left bottom}
.com-about.skin-1 section > .dis-table-cell.com-right {padding:15rem 0 3.125rem 2.5rem;background:url('/com/image/skin1-2.gif') no-repeat right top}
.com-about.skin-1 section > .dis-table-cell.com-right::before {content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.08)}
@media screen and (max-width: 39.9375em) {
	.com-about.skin-1 {background:url('/com/image/skin1-2.gif') no-repeat right top}
	.com-about.skin-1 header {font-size:2rem;letter-spacing:-.25rem}
	.com-about.skin-1 header > u {text-decoration:none}
	.com-about.skin-1 section > .dis-table-cell {width:100%;padding:0}
	.com-about.skin-1 section > .dis-table-cell.com-left,
	.com-about.skin-1 section > .dis-table-cell.com-right {padding:0;background:none}
	.com-about.skin-1 section > .dis-table-cell.com-right::before {display:none}
}
/* 스킨-2 */
.com-about.skin-2 {margin-bottom:2rem}
.com-about.skin-2 header {position:relative;margin-bottom:1.875rem;padding:1.25rem;background-color:rgba(0,0,0,.04);font-size:1.5rem;font-size:2.125rem;font-weight:300;color:rgba(0,0,0,.84);letter-spacing:-.32rem;line-height:1.2}
.com-about.skin-2 header::before {content:'';position:absolute;right:0;top:0;bottom:0;width:46%;background:url('/com/image/skin2-1.jpg') no-repeat center center;background-size:cover}
.com-about.skin-2 header p {position:relative;margin-top:2.875rem;padding-top:2.875rem;font-size:1rem;color:rgba(0,0,0,.64);letter-spacing:-.1rem}
.com-about.skin-2 header p::before {content:'';position:absolute;left:0;top:0;width:80px;border-top-width:1px;border-top-style:solid}
.com-about.skin-2 section {padding:0 1rem}
@media screen and (max-width: 39.9375em) {
	.com-about.skin-2 header {font-size:1.75rem;letter-spacing:-.25rem;text-align:center}
	.com-about.skin-2 header::before {display:none}
	.com-about.skin-2 header p {margin-top:1.25rem;padding-top:1.25rem}
	.com-about.skin-2 header p::before {width:100%}
	.com-about.skin-2 section {padding:0}
}
/* 스킨-3 */
.com-about.skin-3 {position:relative;padding-left:320px}
.com-about.skin-3::before {content:'Greetings';position:absolute;left:0;top:0;bottom:0;width:290px;padding-top:5rem;background:rgba(0,0,0,.06) url('/com/image/skin3-1.png') no-repeat left bottom;font-size:3rem;font-weight:500;letter-spacing:-.18rem;line-height:1;text-align:center}
.com-about.skin-3::after{content:'';position:absolute;left:20%;top:160px;width:290px;border-top-width:1px;border-top-style:solid}
.com-about.skin-3 header {padding-top:1.875rem;font-size:2.625rem;font-weight:300;color:rgba(0,0,0,.84);letter-spacing:-.45rem;line-height:1.2}
.com-about.skin-3 header > p {display:block;padding-bottom:5rem;margin-top:3.75rem;background:url('/com/image/skin3-2.png') no-repeat left 90px;font-size:1.5rem;color:rgba(0,0,0,.52);letter-spacing:-.1rem;line-height:1.2}
.com-about.skin-3 section {padding-bottom:1.25rem}

@media screen and (max-width: 39.9375em) {
	.com-about.skin-3 {padding-left:0}
	.com-about.skin-3::before,.com-about.skin-3::after {display:none}
	.com-about.skin-3 header {padding:0;font-size:2.125rem;letter-spacing:-.3rem;text-align:center}
	.com-about.skin-3 header > p {padding:1.25rem 0 3rem 0;margin-top:1.25rem;background-position:center bottom;border-top-width:1px;border-top-style:solid}
}
/* 스킨-4 */
.com-about.skin-4 {position:relative;margin-bottom:5rem;background:url('/com/image/skin4-1.jpg') no-repeat left top;}
.com-about.skin-4 header,.com-about.skin-4 section {padding-left:16.875rem}
.com-about.skin-4 header {padding-top:1rem;font-size:2.625rem;font-weight:300;color:rgba(0,0,0,.84);letter-spacing:-.45rem;line-height:1.1}
.com-about.skin-4 header > strong {font-weight:500}
.com-about.skin-4 section {margin-top:1.25rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(0,0,0,.06)}
.com-about.skin-4 article {position:relative;margin:3.5rem 0;padding:5.625rem 22.5rem 0 2.5rem}
.com-about.skin-4 article::before {content:'PROMISE';position:absolute;top:1.5rem;left:0;right:0;font-size:3.5rem;font-weight:800;line-height:1;text-align:center}
.com-about.skin-4 article::after {content:'';position:absolute;top:0;bottom:0;right:0;width:342px;background:rgba(0,0,0,.08) url('/com/image/skin4-2.png') no-repeat top center}
.com-about.skin-4 article > ul {padding-bottom:2rem;list-style-type:upper-greek}
.com-about.skin-4 article > ul > li {margin-top:1.5rem;font-size:1.75rem;font-family:verdana;font-weight:600;line-height:50%}
.com-about.skin-4 article > ul > li::first-child {margin-top:0;padding-top:0;border-top:0}
.com-about.skin-4 article > ul > li > span {font-size:1.25rem;font-weight:500;color:rgba(0,0,0,.58)}
@media screen and (max-width: 39.9375em) {
	.com-about.skin-4 {background:none}
	.com-about.skin-4 header {letter-spacing:-.32rem}
	.com-about.skin-4 header,.com-about.skin-4 section {padding:0 .75rem}
	.com-about.skin-4 article {padding:5.625rem 1.5rem 0 1.5rem}
	.com-about.skin-4 article > ul > li {font-size:1rem;line-height:1.2}
	.com-about.skin-4 article > ul > li > span {font-size:1rem}
	.com-about.skin-4 article::before {top:0;text-decoration:underline}
	.com-about.skin-4 article::after {display:none}
}
/* 스킨-5 */
.com-about.skin-5 {position:relative;margin:2rem 0 5rem 0}
.com-about.skin-5 header {position:relative;padding:2.5rem 0 2.5rem 53%;font-size:2.125rem;font-weight:500;color:rgba(0,0,0,.84);letter-spacing:-.32rem;line-height:1.2}
.com-about.skin-5 header::before {content:'Welcome';position:absolute;left:0;top:0;bottom:0;width:50%;padding:2.5rem;background:url('/com/image/skin5-1.png') no-repeat bottom right;font-size:3rem;font-weight:800;color:#fff;letter-spacing:-.2rem}
.com-about.skin-5 header > p {position:relative;margin-top:1.5rem;padding-top:3.125rem;font-size:1.125rem;color:rgba(0,0,0,.64);letter-spacing:-.1rem;line-height:1.2}
.com-about.skin-5 header > p::before {content:'';position:absolute;top:0;left:0;right:0;height:33px;background:url('/com/image/skin5-2.png') no-repeat top center}
.com-about.skin-5 section {position:relative;padding:2.5rem 53% 2.5rem 0;text-align:justify}
.com-about.skin-5 section::before {content:'';position:absolute;right:0;top:0;bottom:0;width:50%;background:rgba(0,0,0,.08) url('/com/image/skin5-3.jpg') no-repeat top center}
@media screen and (max-width: 39.9375em) {
	.com-about.skin-5 header {padding:0;letter-spacing:-.26rem;text-align:center}
	.com-about.skin-5 header::before {display:none}
	.com-about.skin-5 section {padding:220px 0 0 0;text-align:left}
	.com-about.skin-5 section::before {left:0;width:100%;height:200px;background-color:transparent;background-size:cover}
}
/* 스킨-6 */
.com-about.skin-6 {position:relative;margin-bottom:5rem;padding:3.125rem 0 1.25rem 15rem;background:url('/com/image/skin6-1.png') no-repeat 6.25rem top}
.com-about.skin-6::before {content:'GRE';position:absolute;top:1.875rem;left:0;bottom:0;width:15rem;padding-top:250px;background:url('/com/image/skin6-2.jpg') no-repeat left 295px;font-size:2.5rem;font-weight:800;color:#fff;text-align:right}
.com-about.skin-6::after {content:'ETING';position:absolute;top:280px;left:14.75rem;font-size:2.5rem;font-weight:800}
.com-about.skin-6 header {position:relative;padding:5rem 0 0 1.25rem;font-size:2.125rem;font-family:'Nanum Myeongjo',serif;font-weight:400;color:rgba(0,0,0,.84);letter-spacing:-.28rem;line-height:1.1}
.com-about.skin-6 header > strong {font-size:2.625rem;font-weight:700;letter-spacing:-.42rem}
.com-about.skin-6 header > p {position:relative;margin-top:8rem;padding:1.875rem 0 0 1.875rem;font-size:1.625rem;font-family:'Malgun Gothic',serif;font-weight:500;letter-spacing:-.18rem;line-height:1.2}
.com-about.skin-6 header > p::before {content:'';position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;background:url('/com/image/skin6-3.png');z-index:-1}
.com-about.skin-6 section {padding-left:3.125rem}
@media screen and (max-width: 39.9375em) {
	.com-about.skin-6 {position:relative;margin-bottom:5rem;padding:3.125rem 0 0 0;background:none}
	.com-about.skin-6::before,.com-about.skin-6::after {display:none}
	.com-about.skin-6 header {padding:0 .75rem;letter-spacing:-.26rem;text-align:center}
	.com-about.skin-6 header > strong {font-size:2.125rem;letter-spacing:-.32rem}
	.com-about.skin-6 header > p {margin-top:1rem;text-align:left}
	.com-about.skin-6 section {padding:0 1.875rem}
}

/**********************************************
note : 찾아오시는길
**********************************************/
/* 기본 */
.com-map,.com-map ul,.com-map li,.com-map dl,.com-map dt,.com-map dd {float:left;width:100%;padding:0;margin:0}
.com-map {margin-bottom:3rem;font-size:1rem;color:rgba(0,0,0,.58);letter-spacing:-.04rem}
.com-map ul {list-style:none}
.com-map .root_daum_roughmap {width:100%}
.com-map header,.com-map .root_daum_roughmap .wrap_map {height:460px}
/* 위치 */
.com-map .inadd > ul > li > strong {color:rgba(0,0,0,.84)}
.com-map .inadd > ul > li {margin-top:.5rem;color:rgba(0,0,0,.64)}
.com-map .inadd > ul > li:first-child {margin-top:0}
/* 버스정류장 */
.com-map .inbus > ul > li {margin-top:1rem}
.com-map .inbus > ul > li:first-child {margin-top:0}
.com-map .inbus ul > li > ul {position:relative;margin-top:.5rem;padding-left:30px;line-height:1}
.com-map .inbus ul > li > ul::before {content:'';position:absolute;left:0;top:0;width:30px;height:22px;background-color:#000;border-radius:.25rem;font-size:.75rem;color:#fff;line-height:1.8;text-align:center}
.com-map .inbus ul > li > ul > li {width:auto;margin-bottom:.5rem;padding:0 1rem;border-right:1px solid rgba(0,0,0,.08);color:rgba(0,0,0,.64)}
.com-map .inbus ul > li > ul > li:last-child {border-right:0}
.com-map .inbus ul > li > ul.blue::before {content:'일반'}
.com-map .inbus ul > li > ul.red::before {content:'급행'}
/* 지하철 */
.com-map .inway > ul > li {width:50%;margin-bottom:.5rem}
.com-map .inway > ul > li {color:rgba(0,0,0,.64)}
.com-map .inway > ul > li > strong,.com-map .inway > ul > li > i,
.com-map .inway > ul > li > span,.com-map .inway > ul > li > u {float:left;margin-right:.25rem}
.com-map .inway > ul > li > strong {color:rgba(0,0,0,.84)}
.com-map .inway > ul > li > i {overflow:hidden;width:22px;height:22px;margin-top:.125rem;background-color:#000;border-radius:5rem;font-size:.75rem;color:#fff;font-style:normal;line-height:1.8;text-align:center}
.com-map .inway > ul > li > span {margin-left:.5rem;padding-left:.75rem;border-left:1px solid rgba(0,0,0,.08)}
/* 타는거-공통 */
.com-map .inbus > ul > li > strong > u,
.com-map .inway > ul > li > u {font-weight:300;color:#fa5309;text-decoration:none}
/* 타는거-색상값 */
.com-map .inbus ul > li > ul.blue::before,
.com-map .inway > ul > li > i.blue {background-color:#1565c0}
.com-map .inbus ul > li > ul.red::before,
.com-map .inway > ul > li > i.red {background-color:#e53935}
.com-map .inbus ul > li > ul.green::before,
.com-map .inway > ul > li > i.green {background-color:#46b753}
/* 모바일웹-공통 */
@media screen and (max-width: 39.9375em) {
	.com-map .root_daum_roughmap .wrap_map {height:320px}
	.com-map .inway > ul > li {width:100%}
}
/* 스킨-1 */
.com-map.skin-1 section > dl {padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.06)}
.com-map.skin-1 section > dl:nth-of-type(1) {padding-top:2rem;border-top:3px solid rgba(0,0,0,.84)}
.com-map.skin-1 section > dl:last-of-type {padding-bottom:0;margin-bottom:0;border-bottom:0}
.com-map.skin-1 section > dl > dt {width:20%;text-align:center}
.com-map.skin-1 section > dl > dt > .fa {display:block;font-size:3rem}
.com-map.skin-1 section > dl > dt > span {font-size:1.5rem;font-weight:300;letter-spacing:-.15rem}
.com-map.skin-1 section > dl > dd {width:80%;padding-left:1.5rem;border-left:1px solid rgba(0,0,0,.04)}
@media screen and (max-width: 39.9375em) {
	.com-map.skin-1 section > dl > dt {width:100%;margin-bottom:.5rem;text-align:left}
	.com-map.skin-1 section > dl > dt > .fa {float:left;font-size:2rem;margin-right:.5rem}
	.com-map.skin-1 section > dl > dt > span {text-decoration:none}
	.com-map.skin-1 section > dl > dd {width:100%;padding-left:0;border-left:0}
}
/* 스킨-2 */
.com-map.skin-2 section > .inadd > ul {padding:1rem;margin-bottom:2rem;background-color:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);border-top:0}
.com-map.skin-2 section > .inadd > ul > li {margin-top:0}
.com-map.skin-2 section > .inadd > ul > li:nth-child(1),.com-map.skin-2 section > .inadd > ul > li:nth-child(3) {width:10%}
.com-map.skin-2 section > .inadd > ul > li:nth-child(2) {width:50%;color:rgba(0,0,0,.84)}
.com-map.skin-2 section > .inadd > ul > li:nth-child(4) {width:30%}
.com-map.skin-2 section > .inadd > ul > li > i.fa {width:50px;height:50px;border-radius:5rem;font-size:1.875rem;color:#fff;text-align:center;line-height:1.8}
.com-map.skin-2 section > dl {margin-bottom:3rem;padding:0 1.25rem}
.com-map.skin-2 section > dl > dt {width:16%}
.com-map.skin-2 section > dl > dt >  i.fa {width:80px;height:80px;border:1px solid rgba(0,0,0,.76);border-radius:10rem;font-size:2.5rem;color:rgba(0,0,0,.76);text-align:center;line-height:2.1}
.com-map.skin-2 section > dl > dd {width:84%;padding-bottom:3rem;border-bottom:1px dashed rgba(0,0,0,.08)}
.com-map.skin-2 section > dl:last-of-type > dd {padding-bottom:0;border-bottom:0}
@media screen and (max-width: 39.9375em) {
	.com-map.skin-2 section > .inadd > ul > li:nth-child(1),.com-map.skin-2 section > .inadd > ul > li:nth-child(3) {width:18%}
	.com-map.skin-2 section > .inadd > ul > li:nth-child(2),.com-map.skin-2 section > .inadd > ul > li:nth-child(4) {width:82%}
	.com-map.skin-2 section > .inadd > ul > li:nth-child(3),.com-map.skin-2 section > .inadd > ul > li:nth-child(4) {margin-top:.75rem}
	.com-map.skin-2 section > dl {padding:0}
	.com-map.skin-2 section > dl > dt {width:25%}
	.com-map.skin-2 section > dl > dd {width:75%}
}
/* 스킨-3 */
.com-map.skin-3 section > .inadd > ul {margin-bottom:2.75rem;padding:2.75rem 0;border-bottom:1px solid rgba(0,0,0,.08)}
.com-map.skin-3 section > .inadd > ul::before {content:'위치';display:block;margin-bottom:.5rem;font-size:2rem;font-weight:300;text-align:center}
.com-map.skin-3 section > .inadd > ul > li {width:50%;margin-top:0;color:rgba(0,0,0,.84)}
.com-map.skin-3 section > .inadd > ul > li:first-child {width:100%;font-size:1.5rem;font-weight:300;text-align:center}
.com-map.skin-3 section > .inadd > ul > li:nth-child(2) {padding-right:1rem;text-align:right}
.com-map.skin-3 section > .inadd > ul > li:nth-child(3) {padding-left:1rem;border-left:1px solid rgba(0,0,0,.08)}
.com-map.skin-3 section > dl {position:relative;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px dashed rgba(0,0,0,.08)}
.com-map.skin-3 section > dl:last-of-type {margin-bottom:0;padding-bottom:0;border-bottom:0}
.com-map.skin-3 section > dl::before {content:'';position:absolute;left:0;top:0;width:100px;height:3px}
.com-map.skin-3 section > dl::after {content:'';position:absolute;left:0;top:3px;width:3px;height:80px}
.com-map.skin-3 section > dl > dt {position:relative;width:17%;padding:1.75rem 0 1.75rem 1.75rem;font-size:1.75rem;font-weight:300;line-height:1}
.com-map.skin-3 section > dl > dt::before {content:'';position:absolute;right:0;bottom:0;width:60px;height:3px;background-color:rgba(0,0,0,.84)}
.com-map.skin-3 section > dl > dt::after {content:'';position:absolute;right:0;bottom:3px;width:3px;height:40px;background-color:rgba(0,0,0,.84)}
.com-map.skin-3 section > dl > dd {width:83%;padding-left:1.75rem}
@media screen and (max-width: 39.9375em) {
	.com-map.skin-3 section > .inadd > ul {padding:1.5rem .75rem}
	.com-map.skin-3 section > dl > dt,.com-map.skin-3 section > dl > dd {width:100%;padding:0}
	.com-map.skin-3 section > dl > dt {margin-bottom:.75rem}
	.com-map.skin-3 section > dl::before,.com-map.skin-3 section > dl::after,
	.com-map.skin-3 section > dl > dt::before,.com-map.skin-3 section > dl > dt::after {display:none}
}

.com-about.com-1 .title {position:relative;display:inline-block;padding:2rem;margin-bottom:2rem;font-family:'Noto Sans KR', sans-serif}
.com-about.com-1 .title::before, .com-about.com-1 .title::after {content:'';position:absolute;z-index:1;width:.25rem;height:4rem;background-color:#0e4ea3;transform:rotate(40deg)}
.com-about.com-1 .title::before {left:0;top:0}
.com-about.com-1 .title::after {right:0;bottom:0}
.com-about.com-1 .title strong {display:block;color:#222;font-weight:500;font-size:2.5rem;line-height:1.3em;letter-spacing:-.04em}
.com-about.com-1 .content {padding:2.5rem;border:1px solid #ddd}

.com-about.com-3 .title-icon {float:left;width:5%;vertical-align:top;font-size:1.813rem}
.com-about.com-3 .title-text {float:left;width:95%}
.com-about.com-3 .content {clear:both;float:right;width:95%}
.com-about.com-3 .eng-text {letter-spacing:-.02rem}

/* 태블릿PC */
@media screen and (max-width: 63.9375em) {
	.com-about.com-3 .title-icon {width:7%}
	.com-about.com-3 .title-text {width:93%}
	.com-about.com-3 .content {width:93%}
}

/* 모바일 */
@media screen and (max-width: 39.9375em) {
	.com-about.com-3 .title-icon {width:100%;margin-bottom:.813rem}
	.com-about.com-3 .title-text {width:100%}
	.com-about.com-3 .content {width:100%}
}