@charset "UTF-8";
/**********************************************
* note : 자동박스 스타일 v4.0(3.0포함)
* Name : 정인규
* Date : 2019.07.01
**********************************************/
/* 공통 */
.auto-article {display:block;font-size:.9rem;text-align:left}
.auto-article::before,.auto-article::after,.auto-article > ul::after {content:'';display:table}
.auto-article::after,.auto-article > ul::after {clear:both}
.auto-article > .item, .auto-article .item > a {display:block}
.auto-article > .item::after, .auto-article .item > a::after {content:'';display:table;clear:both}

/* 초기화 */
.auto-article p,.auto-article ul,.auto-article ol {margin:0;padding:0}
.auto-article ul,.auto-article ol {list-style:none}
.auto-article small {font-size:.8em}
.auto-article em, .auto-article i {font-style:normal}
.auto-article.slick-dotted.slick-slider,.auto-article .slick-dotted.slick-slider {margin-bottom:0}
.row .auto-article .slick-slider [class*="line-height-"] {display:block !important}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	.auto-article .slick-slide [class*="line-height-"] {display:block}
}

/* 제목 앞 점표시 */
.auto-boll [class*="size-"], .auto-boll .auto-titles {position:relative;padding-left:10px}
.auto-boll [class*="size-"]::before, .auto-boll .auto-titles::before {content:'';position:absolute;z-index:1;left:0;top:50%;width:3px;height:3px;background-color:rgba(0,0,0,.35);border-radius:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}

/* 제목 앞 점표시(X) */
.auto-reset [class*="size-"], .auto-reset .auto-titles {position:static;padding-left:0}
.auto-reset [class*="size-"]::before, .auto-reset .auto-titles::before {display:none}

/* 기본 */
.auto-titles, .auto-subtitles, .auto-sums, .auto-section, .auto-name {display:block;overflow:hidden;text-overflow:ellipsis}
.auto-titles, .auto-subtitles, .auto-section {line-height:1.125;letter-spacing:-.075em;color:rgba(0,0,0,.95)}
.auto-sums {letter-spacing:-.0625em}
.auto-sums:not([class*="size-"]) {font-size:13px}
.auto-sums:not([class*="font-"]) {font-weight:300}
.auto-sums:not([class*="auto-font"]) {color:rgba(0,0,0,.7)}
.auto-sums:not([class*="line-height-"]) {line-height:1.625}
.auto-name {letter-spacing:-.025em}
.auto-name:not([class*="size-"]) {font-size:12px}
.auto-name:not([class*="font-"]) {font-weight:300}
.auto-name:not([class*="auto-font"]) {color:rgba(0,0,0,.45)}
.auto-name:not([class*="line-height-"]) {line-height:1.125}

/* 이미지설정 */
.frame, .auto-images {display:block;overflow:hidden}
.auto-images {position:relative;border:0;background-image:url(/image/logo/csslogo.png);background-position:50% 50%;background-repeat:no-repeat;background-color:#fff;background-size:50% auto}
.auto-images[style*="background-image"] {background-size:cover}
.auto-images.contain {background-size:contain}
.auto-images:not([class*="height-"]) {height:0;padding-bottom:56.25%}
.auto-images > img {display:none;position:relative;z-index:1;width:100%;height:100%;object-fit:cover}
.frame {position:relative}
.frame[class*="height-"] {position:relative}
.frame[class*="height-"] > .auto-images {position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;padding:0}

/* 이미지크기(비율) */
.auto-images.ratio-32 {height:0;padding-bottom:66.66667%}
.auto-images.ratio-43 {height:0;padding-bottom:75%}
.auto-images.ratio-11 {height:0;padding-bottom:100%}

/* 이미지라인 */
.auto-images.line::before {content:'';position:absolute;z-index:2;border:1px solid rgba(0,0,0,.1);left:0;right:0;top:0;bottom:0}

/* 라운드형 이미지 */
.auto-images.radius, .auto-images.radius::before {border-radius:50%}

/* img태그 이용시 */
.auto-images.thumb {position:inherit;height:auto;padding-bottom:0;font-size:0;background:none !important}
.auto-images.thumb > img {display:block;position:inherit;z-index:inherit;width:auto;height:auto}

/* 이미지위치 */
.auto-images.top {background-position:center top}
.auto-images.bottom {background-position:center bottom}

/* 동영상표시 */
.auto-images.movie::after, .auto-images.movie-2::after, .auto-images.movie-3::after {content:'';overflow:hidden;position:absolute;z-index:11;right:8px;bottom:8px;width:21px;height:21px;font-size:0;color:transparent;text-indent:-9999px;background:url(/image/autobox/autobox-icons.png) no-repeat}
.auto-images.movie::after {background-position:0 -30px}
.auto-images.movie-2::after {background-position:0 -60px}
.auto-images.movie-3::after {background-position:0 -90px}
.auto-article .responsive-embed {margin-bottom:0}
@media screen and (max-width: 63.9375em) {
	.row .auto-images.movie::after, .row .auto-images.movie-2::after, .row .auto-images.movie-3::after {background-size:125px auto}
	.row .auto-images.movie::after {background-position:-40px 0}
	.row .auto-images.movie-2::after {background-position:-65px 0}
	.row .auto-images.movie-3::after {background-position:-90px 0}
}

/* 포토표시 */
.auto-images.photo::after, .auto-images.photo-2::after {content:'';overflow:hidden;position:absolute;z-index:11;right:8px;bottom:8px;font-size:0;color:transparent;text-indent:-9999px;background:url(/image/autobox/autobox-icons.png) no-repeat}
.auto-images.photo::after {width:21px;height:21px;background-position:0 0}
.auto-images.photo-2::after {width:18px;height:14px;background-position:0 -120px}
@media screen and (max-width: 63.9375em) {
	.row .auto-images.photo::after {background-position:-15px 0}
	.row .auto-images.photo-2::after {background-position:-15px -60px}
}

/* 흑백 */
.auto-images.grayscale {-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%)}

/* 이미지가 없을 경우(텍스트대체) */
.auto-images.for-text {display:block;margin-bottom:.5rem;background:none;text-indent:0}
.auto-images.for-text img {display:none}
.auto-images.for-text::after {content:'\5b';display:block;text-align:center;font-family:'ndsoft fonts';font-size:1.125rem;font-style:normal;font-weight:normal;line-height:1;color:rgba(0,0,0,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* 동영상 */
.auto-mov {position:relative}
.auto-mov::after {content:'';display:table;clear:both}
.auto-mov iframe,.auto-mov object,.auto-mov video {position:relative;z-index:1;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important}

/* 라인 */
.auto-sol {border-top:1px solid rgba(0,0,0,.12)}
.auto-dot {border-top:1px dotted rgba(0,0,0,.15)}
.auto-dash {border-top:1px dashed rgba(0,0,0,.12)}
.auto-sol.bottom,.auto-dot.bottom,.auto-dash.bottom {border-top:none}
.auto-sol.bottom {border-bottom:1px solid rgba(0,0,0,.12)}
.auto-dot.bottom {border-bottom:1px dotted rgba(0,0,0,.15)}
.auto-dash.bottom {border-bottom:1px dashed rgba(0,0,0,.12)}

/* 관련기사 */
.auto-relation {display:block;overflow:hidden;position:relative;padding-left:20px;color:rgba(0,0,0,.95);text-overflow:ellipsis}
.auto-relation::before {content:'';position:absolute;z-index:1;left:8px;top:50%;width:6px;height:6px;border-left:1px solid #333;border-bottom:1px solid #333;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.auto-relation::after {content:'';display:table;clear:both}
.auto-mov-title {padding:.5rem .625rem;background-color:#000;text-align:center}

/* 페이징 */
.auto-pager {position:relative;z-index:1;text-align:center}
.auto-pager::after {content:'';display:table;clear:both}
.auto-pager li[id*="slick-"] {display:inline-block;margin:0 auto}
.auto-pager li[id*="slick-"] button[data-role] {display:block;overflow:hidden;width:8px;height:8px;margin-left:3px;margin-right:3px;color:transparent;text-indent:-5000px;background:rgba(0,0,0,.25);border-radius:50%;cursor:pointer}
.auto-pager.white li[id*="slick-"] button[data-role] {background:rgba(255,255,255,.45)}
.auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e7316e}

/* 포토타이틀 */
.photo-titbg {display:block;position:absolute;z-index:10;width:100%;padding:8px 10px;line-height:1;background-color:rgba(0,0,0,.75);left:0;bottom:0}
.photo-titbg::after {content:'';display:table;clear:both}
.photo-titbg.right {left:inherit;right:0}
.photo-titbg.cover,.photo-titbg.right.cover {right:0;top:0}
.photo-titbg.gradient {padding-top:15px;background:rgba(0,0,0,.75);background:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75));background:-o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75));background:-moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75));background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75));text-shadow:1px 1px rgba(0,0,0,.75)}
.photo-titbg.gradient.cover {background:-webkit-linear-gradient(rgba(0,0,0,0) 42%, rgba(0,0,0,.9));background:-o-linear-gradient(rgba(0,0,0,0) 42%, rgba(0,0,0,.9));background:-moz-linear-gradient(rgba(0,0,0,0) 42%, rgba(0,0,0,.9));background:linear-gradient(rgba(0,0,0,0) 42%, rgba(0,0,0,.9))}

/* 포토버튼 */
.photo-btn {display:block;overflow:hidden;position:absolute;z-index:11;width:auto;font-size:0;line-height:0;cursor:pointer}
.photo-btn.type-image {color:transparent;text-indent:-5000px}

/* 포토버튼-over type */
.auto-article .photo-btn.over {top:0;bottom:0}
.auto-article .photo-btn.over .btn-inner {width:64px;height:64px;padding-top:8px;font-size:35px;background:#fefefe;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);-ms-transform: scale3d(.7, .7, 1);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s}
.auto-article:hover .photo-btn.over .btn-inner {-ms-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity:1}
.auto-article .photo-btn.over.auto-prev {left:-32px}
.auto-article .photo-btn.over.auto-next {right:-32px}

/* 이미지확대 */
.auto-article.trans-image a:not([class]):not([style]) {display:block;overflow:hidden}
.auto-article.trans-image .auto-images[style*="background"] {-webkit-transition:transform .5s ease 0s, -ms-transform .5s ease 0s;transition:transform .5s ease 0s, -ms-transform .5s ease 0s}
.auto-article.trans-image a:hover .auto-images[style*="background"] {-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}

/* 텍스트모션 */
.auto-article.trans-text [class*="size-"] {display:block;-webkit-transition:transform .3s, -ms-transform .3s;transition:transform .3s, -ms-transform .3s}
.auto-article.trans-text a:hover [class*="size-"], .auto-article.trans-text a[class*="size-"]:hover, .auto-article.trans-text [class*="size-"] a:hover {-ms-transform:translateY(-13.5%);transform:translateY(-13.5%)}

/* vertical middle */
.auto-valign {display:block;font-size:0;text-align:left}
.auto-valign > .for-top {display:inline-block;vertical-align:top}
.auto-valign > .for-middle {display:inline-block;vertical-align:middle}
.auto-valign > .for-bottom {display:inline-block;vertical-align:bottom}

/**********************************************
* tile box
**********************************************/
/* 1개 */
.auto-article.tiles .auto-columns {min-height:1px;margin-top:1rem}
.auto-article.tiles .auto-columns::after {content:'';display:table;clear:both}
.auto-article.tiles .auto-columns:first-child {margin-top:0}

/* 2개 */
.auto-article.tiles-2x .auto-columns, .auto-article.tiles-2x .item {float:left;width:48%;min-height:1px;margin-top:2%}
.auto-article.tiles-2x .auto-columns:nth-child(2n), .auto-article.tiles-2x > :nth-child(2n) {float:right}
.auto-article.tiles-2x .auto-columns:nth-child(2n + 1), .auto-article.tiles-2x > :nth-child(2n + 1) {clear:both}
.auto-article.tiles-2x .auto-columns:first-child, .auto-article.tiles-2x .auto-columns:nth-child(2), .auto-article.tiles-2x > :first-child,.auto-article.tiles-2x > :nth-child(2) {margin-top:0}

/* 3개 */
.auto-article.tiles-3x .auto-columns, .auto-article.tiles-3x .item {float:left;width:32%;min-height:1px;margin-left:2%;margin-top:2%}
.auto-article.tiles-3x .auto-columns:nth-child(3n + 1), .auto-article.tiles-3x > :nth-child(3n + 1) {margin-left:0;clear:both}
.auto-article.tiles-3x .auto-columns:nth-child(1), .auto-article.tiles-3x .auto-columns:nth-child(2), .auto-article.tiles-3x .auto-columns:nth-child(3), .auto-article.tiles-3x > :nth-child(1),.auto-article.tiles-3x > :nth-child(2),.auto-article.tiles-3x > :nth-child(3) {margin-top:0}

/* 4개 */
.auto-article.tiles-4x .auto-columns, .auto-article.tiles-4x .item {float:left;width:23.5%;min-height:1px;margin-left:2%;margin-top:2%}
.auto-article.tiles-4x .auto-columns:nth-child(4n + 1), .auto-article.tiles-4x > :nth-child(4n + 1) {margin-left:0;clear:both}
.auto-article.tiles-4x .auto-columns:nth-child(1), .auto-article.tiles-4x .auto-columns:nth-child(2), .auto-article.tiles-4x .auto-columns:nth-child(3), .auto-article.tiles-4x .auto-columns:nth-child(4), 
.auto-article.tiles-4x > :nth-child(1),.auto-article.tiles-4x > :nth-child(2),.auto-article.tiles-4x > :nth-child(3),.auto-article.tiles-4x > :nth-child(4) 
{margin-top:0}

/* 5개 */
.auto-article.tiles-5x .auto-columns, .auto-article.tiles-5x .item {float:left;width:18%;min-height:1px;margin-left:2.5%;margin-top:2.5%}
.auto-article.tiles-5x .auto-columns:nth-child(5n + 1), .auto-article.tiles-5x > :nth-child(5n + 1) {margin-left:0;clear:both}
.auto-article.tiles-5x .auto-columns:nth-child(1), .auto-article.tiles-5x .auto-columns:nth-child(2), .auto-article.tiles-5x .auto-columns:nth-child(3), .auto-article.tiles-5x .auto-columns:nth-child(4), .auto-article.tiles-5x .auto-columns:nth-child(5),
.auto-article.tiles-5x > :nth-child(1),.auto-article.tiles-5x > :nth-child(2),.auto-article.tiles-5x > :nth-child(3),.auto-article.tiles-5x > :nth-child(4),.auto-article.tiles-5x > :nth-child(5) 
{margin-top:0}

/**********************************************
* font colors
**********************************************/
.auto-fontA {color:rgba(0,0,0,.95) !important}
.auto-fontB {color:rgba(0,0,0,.55) !important}
.auto-fontC {color:rgba(0,0,0,.7) !important}
.auto-fontD {color:#006f97 !important}
.auto-fontE {color:rgba(0,0,0,.75) !important}
.auto-fontF {color:#fff !important}
.auto-fontG {color:#344289 !important}
.auto-fontH {color:#242961 !important}
.auto-fontI {color:#496579 !important}
.auto-fontJ {color:rgba(255,255,255,.65) !important}
.auto-fontK {color:rgba(0,0,0,.4) !important}
.auto-fontL {color:#29aba5 !important}

/**********************************************
* link
**********************************************/
.auto-article a:hover {text-decoration:none}
.auto-article .onload:hover,.auto-article a:hover .onload {text-decoration:underline}

/**********************************************
* line height
**********************************************/
.auto-article .line-1x1, .auto-article .line-2x1, .auto-article .line-3x1, .auto-article .line-4x1, .auto-article .line-5x1, .auto-article .line-6x1, .auto-article .line-7x1, .auto-article .line-8x1, .auto-article .line-9x1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auto-article .line-1x2, .auto-article .line-2x2, .auto-article .line-3x2, .auto-article .line-4x2, .auto-article .line-5x2, .auto-article .line-6x2, .auto-article .line-7x2, .auto-article .line-8x2, .auto-article .line-9x2,
.auto-article .line-1x3, .auto-article .line-2x3, .auto-article .line-3x3, .auto-article .line-4x3, .auto-article .line-5x3, .auto-article .line-6x3, .auto-article .line-7x3, .auto-article .line-8x3, .auto-article .line-9x3 {overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.auto-article .line-1x2, .auto-article .line-2x2, .auto-article .line-3x2, .auto-article .line-4x2, .auto-article .line-5x2, .auto-article .line-6x2, .auto-article .line-7x2, .auto-article .line-8x2, .auto-article .line-9x2 {-webkit-line-clamp:2}
.auto-article .line-1x3, .auto-article .line-2x3, .auto-article .line-3x3, .auto-article .line-4x3, .auto-article .line-5x3, .auto-article .line-6x3, .auto-article .line-7x3, .auto-article .line-8x3, .auto-article .line-9x3 {-webkit-line-clamp:3}

.auto-article .line-1, .auto-article .line-1x1, .auto-article .line-1x2, .auto-article .line-1x3 {line-height:1}
.auto-article .line-1x2 {max-height:2em}
.auto-article .line-1x3 {max-height:3em}

.auto-article .line-2, .auto-article .line-2x1, .auto-article .line-2x2, .auto-article .line-2x3 {line-height:1.125}
.auto-article .line-2x2 {max-height:2.25em}
.auto-article .line-2x3 {max-height:3.375em}

.auto-article .line-3, .auto-article .line-3x1, .auto-article .line-3x2, .auto-article .line-3x3 {line-height:1.25}
.auto-article .line-3x2 {max-height:2.5em}
.auto-article .line-3x3 {max-height:3.75em}

.auto-article .line-4, .auto-article .line-4x1, .auto-article .line-4x2, .auto-article .line-4x3 {line-height:1.375}
.auto-article .line-4x2 {max-height:2.75em}
.auto-article .line-4x3 {max-height:4.125em}

.auto-article .line-5, .auto-article .line-5x1, .auto-article .line-5x2, .auto-article .line-5x3 {line-height:1.438}
.auto-article .line-5x2 {max-height:2.876em}
.auto-article .line-5x3 {max-height:4.314em}

.auto-article .line-6, .auto-article .line-6x1, .auto-article .line-6x2, .auto-article .line-6x3 {line-height:1.563}
.auto-article .line-6x2 {max-height:3.126em}
.auto-article .line-6x3 {max-height:4.689em}

.auto-article .line-7, .auto-article .line-7x1, .auto-article .line-7x2, .auto-article .line-7x3 {line-height:1.625}
.auto-article .line-7x2 {max-height:3.25em}
.auto-article .line-7x3 {max-height:4.875em}

.auto-article .line-8, .auto-article .line-8x1, .auto-article .line-8x2, .auto-article .line-8x3 {line-height:1.75}
.auto-article .line-8x2 {max-height:3.5em}
.auto-article .line-8x3 {max-height:5.25em}

.auto-article .line-9, .auto-article .line-9x1, .auto-article .line-9x2, .auto-article .line-9x3 {line-height:1.875}
.auto-article .line-9x2 {max-height:3.75em}
.auto-article .line-9x3 {max-height:5.625em}


/**********************************************
note : PC스킨 - 일반기사
Date : 2017.05.12
**********************************************/
/* d03 */
.auto-d03 .auto-section {display:inline-block;overflow:hidden;float:left;max-width:60px;padding:.25rem .5rem;margin-right:.5rem;font-size:.75rem;line-height:1.25em;letter-spacing:-0.05em;color:#fefefe;text-align:center;text-overflow:ellipsis;white-space:nowrap}

/* db01 */
.auto-db01 .number {overflow:hidden;float:left;width:21px;height:21px;margin-top:2px;margin-right:.625rem;font-size:.7rem;line-height:1.7em;color:#fefefe;text-align:center}
.auto-db01 .number.default-bg {color:#777;background-color:#fefefe;border:1px solid rgba(0,0,0,.1)}

/* db02 */
.auto-db02 .number {float:left;width:18px;margin-right:.625rem;font-size:1rem;font-weight:700;line-height:1.4em;text-align:center}
.auto-db02 .number.default-point {color:rgba(0,0,0,.45)}

/*  db03 */
.auto-db03 .auto-content {position:relative;padding:.625rem 0}
.auto-db03 .auto-content::before {content:'';display:block;position:absolute;z-index:1;height:3px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.15)}
.auto-db03 .auto-content::after {content:'';display:table;clear:both}
.auto-db03 .auto-content .number {float:left;margin-right:1rem;font-size:2.3rem;font-weight:400;line-height:1em;text-align:center}
.auto-db03 .auto-content .number.default-point {color:#999}
.auto-db03 .auto-content .auto-icon-line {display:none;position:absolute;z-index:2;left:0;bottom:0;height:3px;text-indent:-1000pt}
.auto-db03 .auto-content:first-child {padding-top:0}
.auto-db03 .auto-content:nth-of-type(1) .auto-icon-line {display:block;width:100%}
.auto-db03 .auto-content:nth-of-type(2) .auto-icon-line {display:block;width:80%}
.auto-db03 .auto-content:nth-of-type(3) .auto-icon-line {display:block;width:60%}
.auto-db03 .auto-content:nth-of-type(4) .auto-icon-line {display:block;width:40%}
.auto-db03 .auto-content:nth-of-type(5) .auto-icon-line {display:block;width:20%}

/* db04 */
.auto-db04 .number {float:left;margin-right:1rem;font-size:1rem;font-weight:700;line-height:1.6em;text-align:center}
.auto-db04 .number.default-point {color:rgba(0,0,0,.45)}
.auto-db04 .number.count1,.auto-db04 .number.count2,.auto-db04 .number.count3 {min-height:50px}

/* dbr01 */
.auto-dbr01 {position:relative;padding:.625rem;background-color:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.12)}
.auto-dbr01 .auto-btn {float:right;position:relative;z-index:2;width:18px;height:18px;margin-top:3px;margin-left:5px;font-size:.7rem;background-color:#fefefe;border:1px solid rgba(0,0,0,.12);border-bottom-color:rgba(0,0,0,.25);cursor:pointer}
.auto-dbr01 .number {float:left;width:21px;height:21px;margin-right:7px;font-size:.7rem;line-height:1.8em;color:#fefefe;text-align:center}
.auto-dbr01 .number.default-bg {background-color:rgba(0,0,0,.3)}

/* dbr02/03 */
.auto-dbr02 {position:relative}
.auto-dbr02 .number {float:left;min-height:65px;margin-right:1rem;font-size:1rem;font-weight:700;line-height:1.4em;text-align:center}
.auto-dbr02 .number.default-point {color:#808080}
.auto-dbr02 .auto-info {overflow:hidden;line-height:1.25em;text-overflow:ellipsis;white-space:nowrap}
.auto-dbr02 .auto-info > a {display:inline-block;font-size:.75rem}
.auto-dbr02 .auto-info > a.user-point {margin-right:.25rem}
.auto-dbr02 .auto-pager {line-height:1;text-align:right}
.auto-dbr02 .auto-pager li[id*="slick-"]:last-child button[data-role] {margin-right:0}
.auto-dbr02 .photo-btn {width:15px;height:15px;bottom:2px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-dbr02 .photo-btn.auto-prev {left:0;border-radius:2px 0 0 2px}
.auto-dbr02 .photo-btn.auto-next {left:14px;border-radius:0 2px 2px 0}

/* dl04 */
.auto-dl04 .auto-column {position:relative;padding-left:30px}
.auto-dl04 .auto-column::before,.auto-dl04 .auto-column::after {content:'';position:absolute}
.auto-dl04 .auto-column::before {z-index:1;border-left:1px solid #ccc;left:10px;top:0;bottom:0}
.auto-dl04 .auto-column::after {z-index:2;width:5px;height:5px;background:#bdc3c7;left:5px;top:30px;border:3px solid #fefefe;border-radius:50%;box-sizing:content-box}
.auto-dl04 .auto-column:first-child::after {top:6px}

/* dp02 */
.auto-dp02 .auto-content {float:left;width:48%;margin-bottom:1rem}
.auto-dp02 .auto-content:nth-child(2n) {float:right}
.auto-dp02 .auto-content:nth-child(2n + 1) {clear:both}
.auto-dp02 .auto-content .size-16 {font-weight:700}

/* dp03 */
.auto-dp03 .auto-columns {position:relative;margin-top:1rem;text-align:center}
.auto-dp03 .auto-columns:first-child {margin-top:0}
.auto-dp03 .auto-columns > a {display:block}
.auto-dp03 .auto-columns > a:not(.auto-section)::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.08)}
.auto-dp03 .auto-columns:hover > a:not(.auto-section)::before {border-width:3px;border-color:#e6336d}
.auto-dp03 .auto-columns .auto-section {position:absolute;bottom:140px;left:50%;z-index:2;padding:.25rem 1.25rem;font-size:.75rem;line-height:1.25em;color:#fefefe;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.auto-dp03 .auto-columns.noimage .auto-section {display:inline-block;position:static;bottom:inherit;left:inherit;margin-left:auto;margin-right:auto;-webkit-transform:translateX(0);transform:translateX(0)}
.auto-dp03 .auto-columns .auto-content {min-height:140px;padding:1.25rem;text-align:left}
.auto-dp03 .auto-columns .auto-content::after {content:'';display:table;clear:both}

/* dp04 */
.auto-dp04 .auto-columns {float:left;width:48.5%;padding-top:.9375rem}
.auto-dp04 .auto-columns:nth-child(3n) {float:right}
.auto-dp04 .auto-columns:first-child,.auto-dp04 .auto-columns:nth-child(3n + 1) {float:none;width:auto;clear:both}
.auto-dp04 .auto-columns:first-child {padding-top:0}
.auto-dp04 .auto-columns .auto-images:not(.for-text) {height:92px}
.auto-dp04 .auto-columns:first-child .auto-images:not(.for-text),.auto-dp04 .auto-columns:nth-child(3n + 1) .auto-images:not(.for-text) {height:200px}

/* dr01 */
.auto-dr01 .accordion-title::before {color:rgba(0,0,0,.4)}
.auto-dr01 .accordion-title:hover {background:#f8f8f9}
.auto-dr01 .accordion-content::after {content:'';display:table;clear:both}
.auto-dr01 .accordion-content .more-btn {margin-top:.75rem}
.auto-dr01 .accordion-content .more-btn::before,.auto-dr01 .accordion-content .more-btn::after {content:'';display:table;clear:both}
.auto-dr01 .accordion-content .more-btn a {float:right;display:block;padding:.4rem .625rem;font-size:.7rem;line-height:1;letter-spacing:-0.05em;color:#808080;background-color:#f8f8f9;border:1px solid rgba(0,0,0,.1);border-radius:1.25rem}
.auto-dr01 .accordion-content .more-btn a::after {content:'';float:right;margin:.2rem -.2rem 0 .4rem;border-width:3px;border-style:solid;border-color:transparent transparent transparent #808080}

/* dr02 */
.auto-dr02 {position:relative}
.auto-dr02 .photo-btn {width:15px;height:15px;top:-28px;font-size:0.6rem;color:#5b5d6c;background-color:#fff;border:1px solid #c3c3c3;text-align:center}
.auto-dr02 .photo-btn.auto-prev {right:14px;border-radius:2px 0 0 2px}
.auto-dr02 .photo-btn.auto-next {right:0;border-radius:0 2px 2px 0}

/* dr03 */
.auto-dr03 .auto-section {border-top:2px solid rgb(0,0,0)}
.auto-dr03 .auto-section > a {display:block;position:relative;font-size:1.063rem;line-height:1em;letter-spacing:-0.05em;padding:.8rem 0}
.auto-dr03 .auto-section > a::after {content:'';display:block;position:absolute;z-index:1;width:75px;height:26px;top:0;right:0;background:url('data:image/gif;base64,R0lGODlhJQAKAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNkI3NjM5RTQ5MUYxMUU4QTdERURCNzVBM0M3QjUyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNkI3NjM5RjQ5MUYxMUU4QTdERURCNzVBM0M3QjUyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2Qjc2MzlDNDkxRjExRThBN0RFREI3NUEzQzdCNTI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2Qjc2MzlENDkxRjExRThBN0RFREI3NUEzQzdCNTI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAACUACgAAAjmEHQG5yXxac1RVi93Ur87dRcclXRh4emS3bmPGcrCHSiL4mVatmvk6m6FgPEhkd0MgKENdzNnTFQAAOw==') 50% no-repeat rgb(0,0,0)}
.auto-dr03 .auto-content {min-height:92px;padding:1.25rem .5rem;border-bottom:1px solid rgb(0,0,0)}
.auto-dr03 .photo-btn.over {top:3rem}

/**********************************************
note : PC스킨 - 중요기사
Date : 2017.05.12
**********************************************/
/* m03(import) */
.auto-m03 .auto-titles {max-width:calc(100% - 95px)}
.auto-m03 .auto-names {overflow:hidden;max-width:70px;margin-top:.2rem;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}

/* ma01-1(import) */
.auto-ma01-1 .auto-mores {display:block;position:relative;margin-top:.5rem;padding-right:.6rem;font-size:.75rem;line-height:1em;letter-spacing:-.05em;color:#aaa;text-align:right}
.auto-ma01-1 .auto-mores::before {content:'';display:table;clear:both}
.auto-ma01-1 .auto-mores::after {content:'';position:absolute;z-index:1;border-width:3px;border-style:solid;border-color:transparent transparent transparent #aaa;right:0;top:50%;transform:translateY(-50%)}

/* ma01-3(headline) */
.auto-ma01-3 {position:relative}
.auto-ma01-3 .label-group::after {clear:inherit}

/* ma02(import) */
.auto-ma02 .auto-content {display:block;overflow:hidden;max-height:95px}

/* ma04(import) */
.auto-ma04 .auto-content:not(:first-child) {float:right;width:calc(100% - 180px)}
.auto-ma04 .auto-titles {float:left;max-width:calc(100% - 95px)}
.auto-ma04 .auto-names {overflow:hidden;float:right;width:80px;margin-top:.2rem;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap;text-align:right}

/* ma05(import) */
.auto-ma05 .auto-columns::after {content:'';display:table;clear:both}
.auto-ma05 .auto-columns .auto-section {display:inline-block;padding:.25rem .5rem;margin-right:.5rem;line-height:1.25em;font-size:.75rem;color:#fefefe}
.auto-ma05 .auto-more {margin-top:2rem;border:1px solid rgba(0,0,0,.12);text-align:center;clear:both}
.auto-ma05 .auto-more::after {content:'';display:table;clear:both}
.auto-ma05 .more-btns {float:left;width:calc(100% - 180px);padding:.5rem 1rem;font-size:.9rem;font-weight:700;line-height:1.25rem;letter-spacing:-0.05em;text-align:center;cursor:pointer}
.auto-ma05 .more-btns.all {width:180px;border-left:1px solid rgba(0,0,0,.08)}

/* ma06(import) */
.auto-ma06 .auto-header {display:table;width:100%;margin-bottom:1rem;border-top:2px solid #231915;table-layout:fixed}
.auto-ma06 .auto-header .dis-table-cell {width:100%;vertical-align:middle;text-align:left}
.auto-ma06 .auto-header .auto-section {width:135px;border-right:1px solid rgba(0,0,0,.1)}
.auto-ma06 .auto-header .auto-title {padding:1rem 0 1rem 1.25rem}
.auto-ma06 .auto-container::after {content:'';display:table;clear:both}
.auto-ma06 .auto-columns {float:left;position:relative;width:32%;margin-left:2%;margin-top:2%}
.auto-ma06 .auto-columns:first-child,.auto-ma06 .auto-columns:nth-child(6n + 1) {width:66%;margin-left:0;clear:both}
.auto-ma06 .auto-columns:nth-child(1),.auto-ma06 .auto-columns:nth-child(2) {margin-top:0}
.auto-ma06 .auto-columns.clear {margin-left:0;clear:both}
.auto-ma06 .auto-columns .auto-images {height:0;padding-bottom:52%}
.auto-ma06 .auto-columns.small > a {display:block;position:relative}
.auto-ma06 .auto-columns.small > a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);left:0;right:0;top:0;bottom:0}
.auto-ma06 .auto-columns.small .auto-images {padding-bottom:56.25%}
.auto-ma06 .auto-columns.small .auto-content {min-height:86px;padding:1.25rem}

/* ma07(import) */
.auto-ma07 .auto-columns {float:right;position:relative;width:calc(100% - 400px);margin-top:1rem;padding-top:1rem;border-top:1px dotted rgba(0,0,0,.12)}
.auto-ma07 .auto-columns:first-child,.auto-ma07 .auto-columns:nth-child(5n + 1) {float:left;width:375px;clear:both}
.auto-ma07 .auto-columns:first-child,.auto-ma07 .auto-columns:nth-child(5n + 1),.auto-ma07 .auto-columns:nth-child(5n + 1) + .auto-columns {margin-top:0;border-top:none}
.auto-ma07 .auto-columns:nth-child(1),.auto-ma07 .auto-columns:nth-child(2) {margin-top:0;padding-top:0;border-top:none}
.auto-ma07 .auto-columns .photo-titbg [class*="size-"] {position:absolute;z-index:1;left:1.25rem;right:1.25rem;bottom:1rem}

/* mb01(import) */
.auto-mb01 .auto-columns {float:right;position:relative;width:calc(100% - 500px);padding-top:1rem;margin-top:1rem;border-top:1px dotted rgba(0,0,0,.15)}
.auto-mb01 .auto-columns:first-child,.auto-mb01 .auto-columns:nth-child(5n + 1) {float:left;width:475px;clear:both}
.auto-mb01 .auto-columns:nth-child(1),.auto-mb01 .auto-columns:nth-child(2) {margin-top:0;padding-top:0;border-top:none}
.auto-mb01 .auto-columns:nth-child(5n + 1),.auto-mb01 .auto-columns:nth-child(5n + 1) + .auto-columns {padding-top:0;border-top:none}
.auto-mb01 .auto-columns > a {display:block}
.auto-mb01 .auto-columns .auto-images {height:0;padding-bottom:56.25%}
.auto-mb01 .auto-columns .number {float:left;margin-right:.8rem;font-size:2.75rem;font-style:normal;line-height:.9em}
.auto-mb01 .auto-columns:nth-child(5n + 1) .number {font-size:3.25rem}
.auto-mb01 .auto-columns .number:not(.user-point) {color:#fefefe}
.auto-mb01 .auto-columns .photo-inner {position:absolute;z-index:1;left:1.25rem;right:1.25rem;bottom:1rem}

/* mp01-5(import) */
.auto-mp01-5 .auto-columns {overflow:hidden;position:relative}
.auto-mp01-5 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding:20px;left:0;top:0;text-align:center;text-shadow:1px 1px rgba(0,0,0,.8);transition:transform 0.4s, opacity 0.1s 0.3s; opacity: 0;transform:translateY(100%);-ms-transform:translateY(100%)}
.auto-mp01-5 a:hover .auto-content {transition:transform 0.4s, opacity 0.1s;opacity:1;transform: translateY(0px);-ms-transform:translateY(0)}
.auto-mp01-5 .auto-content::after {content:'';position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.75);left:0;top:0}
.auto-mp01-5 .auto-content .auto-fontF,.auto-mp01-5 .auto-content .auto-fontJ {position:relative;z-index:2}
.auto-mp01-5 .auto-content .auto-fontF {margin-bottom:1rem}
.auto-mp01-5 .auto-content .auto-fontJ::before {content:'';display:block;position:relative;z-index:2;width:100%;margin-bottom:1rem;border-top:1px solid rgba(255,255,255,.25);clear:both}

/* mp02(import) */
.auto-mp02 .auto-columns {position:relative}
.auto-mp02 .auto-columns a {display:block}
.auto-mp02 .auto-columns a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0}
.auto-mp02 .auto-section {font-size:.8rem;text-align:left}
.auto-mp02 .auto-section.noimage {position:relative;padding-bottom:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:400;text-align:center}
.auto-mp02 .auto-section.noimage::before {content:'';position:absolute;z-index:1;width:30%;max-width:3rem;border-bottom:1px solid rgba(0,0,0,.12);left:50%;top:100%;transform:translateX(-50%)}
.auto-mp02 .auto-images {position:relative}
.auto-mp02 .auto-images::before {content:'';position:absolute;z-index:1;border-color:transparent;border-top-color:rgba(0,0,0,.1);top:inherit;visibility:visible}
.auto-mp02 .auto-content {position:relative;padding:.9375rem}
.auto-mp02 .auto-content::after {content:'';display:table;clear:both}

/* mp03(import) */
.auto-mp03 .auto-section {position:absolute;z-index:10;padding:.3rem .5rem;font-size:.75rem;line-height:1;color:#fefefe;left:0;top:0}

/* mp04(import) */
.auto-mp04 .auto-columns {overflow:hidden;float:left;max-height:136px;-webkit-transition:width .15s;transition:width .15s}
.auto-mp04 .auto-columns .auto-content {display:none}
.auto-mp04 .auto-columns.active .auto-content {display:block}
.auto-mp04 .auto-columns.active .auto-images {float:left;margin-right:1rem}

/* mp05(import) */
.auto-mp05 .auto-columns {position:relative}
.auto-mp05 .auto-columns > a {display:block}
.auto-mp05 .auto-columns > a::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.12)}
.auto-mp05 .auto-images {height:0;padding-bottom:56.25%}
.auto-mp05 a:hover .auto-images {padding-bottom:calc(56.25% + 120px)}
.auto-mp05.tiles-4x a:hover .auto-images {padding-bottom:calc(56.25% + 96px)}
.auto-mp05 .auto-content {overflow:hidden;height:120px;padding:1.25rem;-webkit-transition:background .25s;transition:background .25s}
.auto-mp05.tiles-4x .auto-content {height:96px}
.auto-mp05 a:hover .auto-content {position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;padding:1.5rem;background-color:rgba(0,0,0,.75);text-align:center}
.auto-mp05 a:hover .auto-content .auto-titles {color:#fefefe}
.auto-mp05.tiles-4x .auto-content .auto-section {display:none}
.auto-mp05.tiles-4x a:hover .auto-content .auto-section {display:block}
.auto-mp05 .auto-content .auto-summary {display:none}
.auto-mp05 a:hover .auto-content .auto-summary {display:block}
.auto-mp05 a:hover .auto-content .auto-section {position:absolute;z-index:1;left:0;right:0;bottom:1.25rem}
.auto-mp05.tiles-4x .auto-content {height:96px}

/* mr01(import) */
.auto-mr01 {position:relative;height:50px;padding-right:1rem;background-color:#fefefe;border:1px solid rgba(0,0,0,.12)}
.auto-mr01::before {content:'최신뉴스';float:left;height:50px;padding:1.063rem .9rem 0;margin:-1px 1rem -1px -1px;font-size:.9rem;font-weight:700;line-height:1;letter-spacing:-0.05em;color:#fefefe;background-color:#c00}
.auto-mr01 .auto-container {margin-top:.9rem}

/* mr02(import) */
.auto-mr02 {position:relative;padding:.625rem;background-color:#f8f8f9;border:1px solid rgba(0,0,0,.1)}
.auto-mr02 .auto-title {float:left;position:relative;padding:.5rem .625rem;margin-right:1rem;font-size:.8rem;line-height:1;color:#fefefe;letter-spacing:-0.05em;background-color:#323232;border-radius:.2rem}
.auto-mr02 .auto-title::after {content:'';position:absolute;z-index:1;border-width:4px;border-style:solid;border-color:transparent transparent transparent #323232;left:100%;top:50%;transform:translateY(-50%)}
.auto-mr02 .auto-title .point {color:#ffe92e}
.auto-mr02 .auto-roll {padding-right:40px;margin-top:.15rem}
.auto-mr02 .auto-roll .slick-slide {padding-right:.5rem}
.auto-mr02 .photo-btn {width:15px;height:15px;top:5px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-mr02 .photo-btn.auto-prev {right:14px;border-radius:2px 0 0 2px}
.auto-mr02 .photo-btn.auto-next {right:0;border-radius:0 2px 2px 0}

/**********************************************
note : PC스킨 - 헤드라인
Date : 2017.05.12
**********************************************/
/* ha02 */
.auto-ha02 .auto-mores {margin-top:.5rem;font-size:.75rem;letter-spacing:-0.05em;text-align:right}

/* ha04(headline) */
.auto-ha04 .auto-column {float:left;width:345px;padding-top:25px;padding-left:25px;border-left:1px solid #e7e7e7}
.auto-ha04 .auto-column:first-child {width:calc(100% - 345px);padding:0;padding-right:25px;border:none}
.auto-ha04 .auto-column:nth-child(2) {padding-top:0}
.auto-ha04 .auto-column:nth-child(2n + 1) .auto-fontA {font-weight:700}

/* ha04-1(headline) */
.auto-ha04-1 .auto-column {float:left;width:220px;padding-top:25px;padding-left:25px;border-left:1px solid #e7e7e7}
.auto-ha04-1 .auto-column:first-child {width:calc(100% - 220px);padding:0;padding-right:25px;border:none}
.auto-ha04-1 .auto-column:nth-child(2) {padding-top:0}
.auto-ha04-1 .auto-column:nth-child(2n + 1) .auto-fontA {font-weight:700}

/* ha04-2(headline) */
.auto-ha04-2 .auto-column {float:left;width:33.333333%;padding-top:25px;padding-left:25px}
.auto-ha04-2 .auto-column:first-child {padding:0;padding-right:25px;border-right:1px solid #e7e7e7}
.auto-ha04-2 .auto-column:nth-child(2),.auto-ha04-2 .auto-column:nth-child(3) {padding-top:0}
.auto-ha04-2 .auto-column:nth-child(2n + 1) .auto-fontA {font-weight:700}

/* ha05 */
.auto-ha05 {position:relative}
.auto-ha05 .auto-content {position:absolute;z-index:1;left:390px;right:0;bottom:0}
.auto-ha05 .auto-content li {float:left;position:relative;width:48%}
.auto-ha05 .auto-content li:nth-child(2n) {float:right}
.auto-ha05 .auto-content li:nth-child(2n + 1) {clear:both}
.auto-ha05 .auto-content .auto-fontF {display:block;overflow:hidden;line-height:1.4em;text-overflow:ellipsis;white-space:nowrap}
.auto-ha05 .auto-content .auto-fontJ {display:none}
.auto-ha05 .auto-content .photo-titbg {transition:all .15s}
.auto-ha05 .auto-content a:hover .photo-titbg {padding-top:.625rem;background:rgba(0,0,0,.75);top:0}
.auto-ha05 .auto-content a:hover .auto-fontF {display:-webkit-box;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;white-space:normal}
.auto-ha05 .auto-content a:hover .auto-fontJ {display:block}

/* ha06 */
.auto-ha06 .auto-content {float:left;position:relative;width:25%;height:215px}
.auto-ha06 .auto-content:first-child,.auto-ha06 .auto-content:nth-child(5n + 1) {width:50%;height:430px;clear:both}
.auto-ha06 .auto-content a {display:block;position:relative;height:100%;padding:.9375rem}
.auto-ha06 .auto-content a:hover {background-color:#f8f8f9}
.auto-ha06 .auto-content a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);border-left:none;border-top:none;left:0;right:0;top:0;bottom:0}
.auto-ha06 .auto-content:first-child a::before,.auto-ha06 .auto-content:nth-child(5n + 1) a::before {border-left:1px solid rgba(0,0,0,.1)}
.auto-ha06 .auto-content:first-child a::before,.auto-ha06 .auto-content:nth-child(2) a::before,.auto-ha06 .auto-content:nth-child(3) a::before {border-top:1px solid rgba(0,0,0,.1)}

/* ha06-1 */
.auto-ha06-1 .auto-content {float:left;position:relative;width:calc(25% - 15px);height:215px;margin-left:15px;margin-top:15px}
.auto-ha06-1 .auto-content:first-child,.auto-ha06-1 .auto-content:nth-child(5n + 1) {width:50%;height:445px;margin-left:0;clear:both}
.auto-ha06-1 .auto-content:nth-child(1),.auto-ha06-1 .auto-content:nth-child(2),.auto-ha06-1 .auto-content:nth-child(3) {margin-top:0}
.auto-ha06-1 .auto-content a {display:block;position:relative;height:100%}
.auto-ha06-1 .auto-content a:hover {background-color:#f8f8f9}
.auto-ha06-1 .auto-content a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);left:0;right:0;top:0;bottom:0}
.auto-ha06-1 .auto-content .auto-text {padding:1rem}

/* ha06-2 */
.auto-ha06-2 .auto-content {float:left;width:calc(20% - 15px);margin-left:15px;margin-top:1.25rem}
.auto-ha06-2 .auto-content:first-child,.auto-ha06-2 .auto-content:nth-child(4n + 1) {width:40%;margin-left:0;clear:both}
.auto-ha06-2 .auto-content:first-child,.auto-ha06-2 .auto-content:nth-child(2),.auto-ha06-2 .auto-content:nth-child(3),.auto-ha06-2 .auto-content:nth-child(4) {margin-top:0}

/* ha06-3 */
.auto-ha06-3 .auto-content {overflow:hidden;float:left;position:relative;width:33.333333%;height:320px}
.auto-ha06-3 .auto-content:nth-child(3n + 1) {clear:both}
.auto-ha06-3 .auto-content a {display:block;position:relative;height:100%;padding:.9375rem}
.auto-ha06-3 .auto-content a:hover {background-color:#f8f8f9}
.auto-ha06-3 .auto-content a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);border-left:none;border-top:none;left:0;right:0;top:0;bottom:0}
.auto-ha06-3 .auto-content:first-child a::before,.auto-ha06-3 .auto-content:nth-child(2) a::before,.auto-ha06-3 .auto-content:nth-child(3) a::before {border-top:1px solid rgba(0,0,0,.1)}
.auto-ha06-3 .auto-content:nth-child(3n + 1) a::before {border-left:1px solid rgba(0,0,0,.1)}
.auto-ha06-3 .auto-content .auto-images.for-text::after {font-size:2rem;color:rgba(0,0,0,.25)}

/* ha07(headline) */
.auto-ha07 .auto-columns {overflow:hidden;float:left;position:relative;width:calc(20% - 1px);margin-left:1px;margin-top:1px;text-align:center}
.auto-ha07 .auto-columns.medium {width:calc(30% - 1px)}
.auto-ha07 .auto-columns.large {width:50%;margin-left:0;clear:both}
.auto-ha07 .auto-columns:nth-child(1),.auto-ha07 .auto-columns:nth-child(2),.auto-ha07 .auto-columns:nth-child(3) {margin-top:0}
.auto-ha07 .auto-images.cover {overflow:hidden;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
.auto-ha07 a:hover .auto-images.cover {transform:scale3d(1.1, 1.1, 1.1)}
.auto-ha07 .photo-titbg [class*="size-"] {position:absolute;z-index:1;left:1.25rem;right:1.25rem;bottom:1rem}

/* ha08(headline) */
.auto-ha08 .auto-columns {position:relative;float:left;width:calc(35% - 10px);margin-left:10px;margin-top:10px}
.auto-ha08 .auto-columns:first-child,.auto-ha08 .auto-columns:nth-child(3n + 1) {width:65%;margin-left:0;clear:both}
.auto-ha08 .auto-columns:nth-child(1),.auto-ha08 .auto-columns:nth-child(2) {margin-top:0}
.auto-ha08 .auto-columns .auto-images.line::before {content:'';border-width:3px;border-color:transparent}
.auto-ha08 .auto-columns a:hover .auto-images.line::before {border-color:#e73f72}
.auto-ha08 .photo-titbg {padding:.9375rem}

/* hp01(headline) */
.auto-hp01 .size-50 {font-size:4.25rem;margin-top:2.4rem}
.auto-hp01 .size-50 .auto-fontA {text-decoration:underline}
.auto-hp01 .auto-images::after {content:url(/image/autobox/auto-h07-bg.png);position:absolute;z-index:1;left:0;top:0}
.auto-hp01.black {background:#323232}
.auto-hp01.black .size-50 .auto-fontF {text-decoration:underline}
.auto-hp01.black .auto-images::after {content:url(/image/autobox/auto-h07-bg2.png)}

/* hp02 */
.auto-hp02 .auto-content {position:relative;float:left;width:calc(25% - 1px);margin-left:1px;margin-bottom:1px;text-align:center}
.auto-hp02 .auto-content:first-child,.auto-hp02 .auto-content:nth-child(5n + 1) {width:50%;margin-left:0;clear:both}
.auto-hp02 .photo-titbg {transition:all .15s}
.auto-hp02 a:hover .photo-titbg {background-color:#e6336d}

/* hp03 */
.auto-hp03 .auto-content {position:relative;float:left;width:calc(25% - 1px);margin-left:1px;margin-bottom:1px;text-align:center}
.auto-hp03 .auto-content:first-child,.auto-hp03 .auto-content:nth-child(7n + 1) {width:75%;margin-left:0;clear:both}
.auto-hp03 .auto-content:nth-child(4) {clear:both;width:25%;margin-left:0}
.auto-hp03 .photo-titbg {padding:.9375rem}

/* hr01(headline) */
.auto-hr01 {position:relative}
.auto-hr01 .auto-nav {position:absolute;z-index:5;right:0;bottom:0}
.auto-hr01 .auto-nav .slick-slide {margin-left:5px;cursor:pointer}
.auto-hr01 .auto-nav .slick-slide.slick-current .auto-images.line::before {border-width:2px;border-color:#c00}

/* hr02(head) */
.auto-hr02 {position:relative}
.auto-hr02 .photo-btn {width:20px;height:20px;bottom:0;font-size:0.8rem;color:rgba(0,0,0,.6);background-color:#fefefe;border:1px solid rgba(0,0,0,.15);text-align:center}
.auto-hr02 .photo-btn.auto-prev {right:20px;border-right:none}
.auto-hr02 .photo-btn.auto-next {right:0}

/* hr03(headline) */
.auto-hr03 {position:relative}
.auto-hr03 .photo-titbg {min-height:35px}
.auto-hr03 .photo-btn {width:35px;height:35px;border-width:1px;border-style:solid;border-color:transparent;top:50%;transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg)}
.auto-hr03 .photo-btn::before {content:'';position:absolute;z-index:-1;border-width:1px;border-style:solid;border-color:transparent;left:0px;right:0;top:0px;bottom:0}
.auto-hr03 .photo-btn.auto-prev {left:20px;border-left-color:rgba(255,255,255,.25);border-bottom-color:rgba(255,255,255,.25)}
.auto-hr03 .photo-btn.auto-next {left:245px;border-right-color:rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.25)}
.auto-hr03 .photo-btn.auto-prev::before {border-left-color:rgba(0,0,0,.7);border-bottom-color:rgba(0,0,0,.7)}
.auto-hr03 .photo-btn.auto-next::before {border-right-color:rgba(0,0,0,.7);border-top-color:rgba(0,0,0,.7)}
.auto-hr03 .auto-pager {position:absolute;z-index:1;right:calc(100% - 290px);top:170px}
.auto-hr03 .auto-pager li[id*="slick-"] button[data-role] {width:10px;height:10px}
.auto-hr03 .auto-mores {position:absolute;z-index:2;font-size:.75rem;font-weight:700;right:0;bottom:0}
.auto-hr03 .auto-mores .fa {letter-spacing:0}

/* hr04(headline) */
.auto-hr04 {position:relative;background-color:#333}
.auto-hr04 .photo-titbg {width:60%;max-width:450px;padding:1.5rem;left:0;top:0;text-shadow:1px 1px rgba(0,0,0,.65);background:#000;background:-webkit-linear-gradient(left, #000 65%, transparent);background:-o-linear-gradient(right, #000 65%, transparent);background:-moz-linear-gradient(right, #000 65%, transparent);background:linear-gradient(to right, #000 65%, transparent)}
.auto-hr04 .auto-roll {float:left;width:calc(100% - 320px)}
.auto-hr04 .auto-nav {float:left;width:320px}
.auto-hr04 .auto-nav::before {content:'주요이슈';display:block;padding:1.5rem 1.25rem .9375rem;letter-spacing:-0.08em;color:rgba(255,255,255,.6);font-size:.9rem;font-weight:700}
.auto-hr04 .auto-nav .auto-content {padding:.9375rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);cursor:pointer}
.auto-hr04 .auto-nav .auto-content:first-child {border-top:none}
.auto-hr04 .auto-nav .auto-content:last-child {border-bottom:1px solid rgba(255,255,255,.1)}
.auto-hr04 .auto-nav .auto-content:after {content:'';display:table;clear:both}
.auto-hr04 .auto-nav .slick-slide.slick-current {background-color:#e6336d}
.auto-hr04 .auto-mores {position:absolute;z-index:11;font-size:.75rem;color:rgba(255,255,255,.5);right:1.25rem;bottom:2.5rem}
.auto-hr04 .auto-mores a {color:rgba(255,255,255,.5)}

/* hr04-1(headline) */
.auto-hr04-1 {position:relative;background-color:#333}
.auto-hr04-1 .photo-titbg {padding:.9375rem}
.auto-hr04-1 .auto-roll {float:left;width:calc(100% - 250px)}
.auto-hr04-1 .auto-nav {float:left;width:250px}
.auto-hr04-1 .auto-nav .auto-content {overflow:hidden;float:left;width:100%;height:70px;padding:.625rem;border-top:1px solid rgba(255,255,255,.1)}
.auto-hr04-1 .auto-nav .auto-content:first-child {border-top:none}
.auto-hr04-1 .auto-nav .slick-track {width:100% !important}
.auto-hr04-1 .auto-nav .slick-slide {width:100% !important;cursor:pointer}
.auto-hr04-1 .auto-nav .slick-slide.slick-current {background-color:#e6336d}

/* hr04-2(headline) */
.auto-hr04-2 {position:relative}
.auto-hr04-2 .photo-titbg {padding:.9375rem}
.auto-hr04-2 .auto-roll {float:left;width:calc(100% - 250px)}
.auto-hr04-2 .auto-nav {float:left;width:250px}
.auto-hr04-2 .auto-nav .auto-content {overflow:hidden;height:65px;padding:0 0 0 5px;margin-top:5px;border-top:1px solid rgba(255,255,255,.1)}
.auto-hr04-2 .auto-nav .auto-content::after {content:'';display:table;clear:both}
.auto-hr04-2 .auto-nav .auto-content:first-child {margin-top:0}
.auto-hr04-2 .auto-nav .slick-track {width:100% !important}
.auto-hr04-2 .auto-nav .slick-slide {width:100% !important;cursor:pointer}
.auto-hr04-2 .auto-nav .slick-slide.slick-current .auto-fontA {font-weight:700;color:#e6336d !important}

/* hr04-3(headline) */
.auto-hr04-3 {position:relative}
.auto-hr04-3 .photo-titbg {padding:.9375rem}
.auto-hr04-3 .auto-roll {float:left;width:calc(100% - 103px)}
.auto-hr04-3 .auto-nav {float:right;width:98px}
.auto-hr04-3 .auto-nav .auto-content {margin-top:5px;border-top:1px solid rgba(255,255,255,.1)}
.auto-hr04-3 .auto-nav .auto-content::after {content:'';display:table;clear:both}
.auto-hr04-3 .auto-nav .auto-content:first-child {margin-top:0}
.auto-hr04-3 .auto-nav .slick-track {width:100% !important}
.auto-hr04-3 .auto-nav .slick-slide {width:100% !important;cursor:pointer}
.auto-hr04-3 .auto-nav .slick-slide.slick-current .auto-images::before {border-width:2px;border-color:#e6336d}

/* hr05(headline) */
.auto-hr05 {position:relative}
.auto-hr05 .photo-titbg {padding-left:.9375rem;padding-right:.9375rem;padding-bottom:.9375rem}
.auto-hr05 .auto-nav .slick-list {margin:0 -10px}
.auto-hr05 .auto-nav .slick-slide {margin:0 10px; cursor:pointer}
.auto-hr05 .auto-nav .slick-slide.slick-current .auto-images.line::before {border-width:2px;border-color:#c00}
.auto-hr05 .auto-nav .slick-slide.slick-current .auto-fontA {font-weight:700;color:#c00 !important}

/* hr05-1 */
.auto-hr05-1 .auto-content {position:relative;float:left;width:33.3333333%;text-align:center}
.auto-hr05-1 .auto-content:first-child,.auto-hr05-1 .auto-content:nth-child(4n + 1) {float:none;width:auto;clear:both}
.auto-hr05-1 .auto-content .auto-images.line::before {transition:all .15s}
.auto-hr05-1 .auto-content a:hover .auto-images.line::before {z-index:15;border-width:3px;border-color:#e6336d}
.auto-hr05-1 .photo-titbg {padding:.9375rem}

/* hr06(headline) */
.auto-hr06 {position:relative}
.auto-hr06 .slick-slide {cursor:pointer}
.auto-hr06 .slick-slide .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s}
.auto-hr06 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-hr06 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-hr06 .photo-titbg {padding:.9375rem}

/* hr06-1(headline) */
.auto-hr06-1 {position:relative}
.auto-hr06-1::before {content:'포토갤러리';position:absolute;z-index:10;padding:.5rem .9375rem;color:#fefefe;background-color:rgba(0,0,0,.65);left:0;top:0}
.auto-hr06-1 .photo-titbg {background:-webkit-linear-gradient(transparent 70%, rgba(0,0,0,.75));background:-o-linear-gradient(transparent 70%, rgba(0,0,0,.75));background:-moz-linear-gradient(transparent 70%, rgba(0,0,0,.75));background:linear-gradient(transparent 70%, rgba(0,0,0,.75));top:0}
.auto-hr06-1 .photo-titbg [class *= "size-"] {display:inline-block;position:absolute;z-index:1;width:90%;max-width:350px;margin-left:auto;margin-right:auto;padding:.9375rem;text-align:center;border:1px solid rgba(255,255,255,.8);bottom:1.25rem;left:50%;transform:translateX(-50%)}
.auto-hr06-1 .photo-btn {top:0;bottom:0}
.auto-hr06-1 .photo-btn .btn-inner {width:40px;height:60px;padding-top:.5rem;font-size:2.2rem;color:#fefefe;background-color:rgba(0,0,0,.5);}
.auto-hr06-1 .photo-btn.auto-prev {left:0}
.auto-hr06-1 .photo-btn.auto-next {right:0}
.auto-hr06-1 .slick-slide {cursor:pointer}
.auto-hr06-1 .slick-slide .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s}
.auto-hr06-1 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-hr06-1 .slick-list {padding:0 !important}

/* hr07(headline) */
.auto-hr07 {position:relative}
.auto-hr07 .auto-pager {position:absolute;left:50%;bottom:1.25rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.auto-hr07 .auto-pager li[id*="slick-"] button[data-role] {width:.9rem;height:.9rem;background-color:transparent;border:1px solid rgba(255,255,255,.5)}
.auto-hr07 .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e73f72;border-color:transparent}
.auto-hr07 .photo-titbg.gradient {padding:1.563rem 1.875rem 3.563rem 1.875rem}

/* hr08(headline) */
.auto-hr08 {position:relative}
.auto-hr08 .auto-for .photo-inner {position:absolute;z-index:1;left:1.25rem;right:8.75rem;bottom:1.25rem}
.auto-hr08 .auto-nav {position:absolute;z-index:5;top:.625rem;right:.625rem;bottom:.625rem;width:30%;max-width:120px}
.auto-hr08 .auto-nav .slick-slide {cursor:pointer}
.auto-hr08 .auto-nav .slick-slide .auto-images.line::before {border-width:3px;border-color:transparent}
.auto-hr08 .auto-nav .slick-slide.slick-current .auto-images.line::before {background-color:transparent;border-color:#e73f72}

/* hr09(headline) */
.auto-hr09 {position:relative;background:url('/image/autobox/auto-hr09.jpg') no-repeat right top;background-size:auto 100%}
.auto-hr09 .auto-for {float:left;width:calc(100% - 300px)}
.auto-hr09 .auto-content {overflow:hidden;float:left;width:300px;min-height:360px;padding:1.5rem;background-color:rgba(0,6,19,.86)}
.auto-hr09 .auto-mores {position:absolute;z-index:2;font-size:.75rem;font-weight:700;right:1.5rem;bottom:2rem;border:1px solid rgba(255,255,255,.5)}
.auto-hr09 .auto-mores a {display:block;padding:.35rem 1rem;background:rgba(0,0,0,.2)}
.auto-hr09 .auto-mores .fa {margin-left:.5rem}

/* hr10(headline) */
.auto-hr10 {overflow:hidden;position:relative}
.auto-hr10 .auto-section {position:absolute;z-index:15;top:0;left:1.25rem;width:50%;max-width:95px;min-height:95px;padding:1.5rem;font-size:1rem;line-height:1.25em;color:#fefefe;text-align:center}
.auto-hr10 .auto-section::before {content:'';display:block;width:50%;max-width:20px;height:0;margin-left:auto;margin-right:auto;margin-bottom:.75rem;border-top:1px solid #fefefe}
.auto-hr10 .auto-columns {position:relative}
.auto-hr10 .photo-titbg {left:0;right:0;width:auto;background:rgba(0,0,0,.75);background:-webkit-linear-gradient(to right, rgba(0,0,0,0) 35%, rgba(0,0,0,.9));background:-o-linear-gradient(to right, rgba(0,0,0,0) 35%, rgba(0,0,0,.9));background:-moz-linear-gradient(to right, rgba(0,0,0,0) 35%, rgba(0,0,0,.9));background:linear-gradient(to right, rgba(0,0,0,0) 35%, rgba(0,0,0,.9))}
.auto-hr10 .photo-titbg .titbg-inner {position:absolute;z-index:1;right:6rem;top:50%;width:50%;max-width:340px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.auto-hr10 .auto-pager {position:absolute;z-index:10;left:1.25rem;right:1.25rem;bottom:0}
.auto-hr10 .auto-pager li[id*="slick-"] {float:left}
.auto-hr10 .auto-pager li[id*="slick-"] button[data-role] {width:100%;height:6px;margin:0;background-color:#edeae1;border-radius:0;opacity:.6;-webkit-transition:all .15s;transition:all .15s}
.auto-hr10:hover .auto-pager li[id*="slick-"] button[data-role] {height:8px;opacity:1}
.auto-hr10 .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e7316e}
.auto-hr10 .photo-btn {top:50%;width:80px;height:80px;font-size:3.5rem;line-height:1em;color:rgba(255,255,255,.5);text-shadow:1px 1px 0 rgba(0,0,0,.5);outline:0;visibility:hidden;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s;transition:all .25s}
.auto-hr10 .photo-btn:hover {color:#fefefe}
.auto-hr10 .photo-btn.auto-prev {left:0}
.auto-hr10 .photo-btn.auto-next {right:0}
.auto-hr10:hover .photo-btn {visibility:visible}
.auto-hr10:hover .photo-btn.auto-prev {left:1.25rem}
.auto-hr10:hover .photo-btn.auto-next {right:1.25rem}

/* hr11(headline) */
.auto-hr11 {position:relative}
.auto-hr11:not(.small) {overflow:hidden;position:relative}
.auto-hr11:not(.small) .auto-images.cover {overflow:hidden;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
.auto-hr11:not(.small) a:hover .auto-images.cover {transform:scale(1.1, 1.1)}
.auto-hr11:not(.small) .photo-titbg {text-align:center}
.auto-hr11 .photo-titbg [class*="size-"] {position:absolute;z-index:1;left:1.25rem;right:1.25rem}
.auto-hr11:not(.small) .photo-titbg [class*="size-"] {bottom:3rem;-webkit-transition:all .3s;transition:all .3s}
.auto-hr11:not(.small) a:hover .photo-titbg [class*="size-"] {-webkit-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all .3s;transition:all .3s}
.auto-hr11:not(.small) .photo-btn {top:50%;width:45px;height:80px;font-size:2.2rem;color:#fefefe;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s;transition:all .3s}
.auto-hr11:not(.small) .photo-btn.auto-prev {left:0;-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%)}
.auto-hr11:not(.small) .photo-btn.auto-next {right:0;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}
.auto-hr11:not(.small):hover .photo-btn.auto-prev,.auto-hr11:hover .photo-btn.auto-next {-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}
.auto-hr11:not(.small) .auto-pager {position:absolute;z-index:10;left:50%;bottom:1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.auto-hr11:not(.small) .auto-pager li[id*="slick-"] button[data-role] {width:.8rem;height:.8rem;background-color:transparent;border:1px solid rgba(255,255,255,.65)}
.auto-hr11:not(.small) .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e73f72;border-color:transparent}
.auto-hr11.small .auto-columns {position:relative}
.auto-hr11.small .auto-columns .photo-titbg [class*="size-"] {bottom:1.25rem}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.auto-hr11:not(.small) .auto-images.cover {transition:inherit}
}

/* hr12(headline) */
.auto-hr12 .auto-columns {position:relative;float:left;width:calc(25% - 4px);margin-top:4px}
.auto-hr12 .auto-columns:nth-child(1),.auto-hr12 .auto-columns:nth-child(2),.auto-hr12 .auto-columns:nth-child(3) {margin-top:0}
.auto-hr12 .auto-columns.big {width:50%;margin-right:4px}
.auto-hr12 .auto-columns.medium {margin-right:4px}
.auto-hr12 .slide.tile-3 .auto-columns.medium {margin-right:4px}
.auto-hr12 .slide.tile-3 .auto-columns.big {margin-right:0}
.auto-hr12 .auto-columns .auto-images {height:173px}
.auto-hr12 .auto-columns.big .auto-images,.auto-hr12 .auto-columns.medium .auto-images {height:350px}
.auto-hr12 .auto-columns .photo-inner {position:absolute;z-index:1;left:1.25rem;right:1.25rem;bottom:1.25rem}
.auto-hr12 .auto-columns .photo-inner::after {content:'';display:block;width:0;height:0;border-top:3px solid transparent;transition:width .35s, margin .35s;-webkit-transition:width .35s, margin .35s}
.auto-hr12 .auto-columns a:hover .photo-inner::after {width:50px;margin-top:10px;border-top-color:#fefefe}
.auto-hr12 .auto-columns .auto-titles {font-size:1rem;letter-spacing:-.05rem}
.auto-hr12 .auto-columns.big .auto-titles {font-size:1.375rem;letter-spacing:-.075rem}
.auto-hr12 .photo-btn {position:absolute;top:0;bottom:0;height:55px}
.auto-hr12 .photo-btn .btn-inner {width:55px;height:55px;padding-top:.35rem;font-size:2.2rem;background-color:rgba(255,255,255,.35);opacity:0;transition:all .45s}
.auto-hr12:hover .photo-btn .btn-inner {opacity:1}
.auto-hr12 .photo-btn:hover .btn-inner {background-color:#fefefe}
.auto-hr12 .photo-btn.auto-prev {right:55px}
.auto-hr12 .photo-btn.auto-next {right:0}

/* hr13(headline) */
.auto-hr13 .photo-titbg.gradient {background:rgba(0,0,0,.55);background:-webkit-linear-gradient(to top, rgba(0,0,0,0) 25%, rgba(0,0,0,.55));background:-o-linear-gradient(to top, rgba(0,0,0,0) 25%, rgba(0,0,0,.55));background:-moz-linear-gradient(to top, rgba(0,0,0,0) 25%, rgba(0,0,0,.55));background:linear-gradient(to top, rgba(0,0,0,0) 25%, rgba(0,0,0,.55))}
.auto-hr13 .photo-titbg .photo-inner {position:absolute;z-index:1;left:1.5rem;top:1.5rem;width:50%;max-width:350px}
.auto-hr13 .auto-section {display:inline-block;padding:.25rem .5rem;font-size:.9rem;line-height:1.25em;letter-spacing:-0.05em;color:#fefefe;clear:both;text-shadow:none}

/**********************************************
note : PC스킨 - 포토
Date : 2017.05.12
**********************************************/
/* pa01(photo) */
.auto-pa01 .auto-container {float:left;width:calc(100% - 51px)}
.auto-pa01 .auto-nav {float:right;max-width:50px}
.auto-pa01 .auto-nav .auto-cursor {display:block !important;width:100% !important;margin-bottom:1px;cursor:pointer}
.auto-pa01 .auto-nav .slick-current .auto-images::before {border-width:2px;border-color:#c00}

/* pa02(photo) */
.auto-pa02 .auto-images {height:0;padding-bottom:66.66666666%}
.auto-pa02 .auto-container::after,.auto-pa02 .auto-nav::after {content:'';display:table;clear:both}
.auto-pa02 .auto-nav .auto-images {cursor:pointer}
.auto-pa02 .auto-nav .slick-current .auto-images::before {border-width:2px;border-color:#c00}

/* pr01(photo) */
.auto-pr01 {position:relative}
.auto-pr01 .photo-titbg {max-height:35px;padding-right:60px}
.auto-pr01 .photo-btn {width:25px;height:35px;bottom:0;font-size:1rem;color:rgba(255,255,255,.75);text-align:center}
.auto-pr01 .photo-btn:hover,.auto-pr01 .photo-btn:focus,.auto-pr01 .photo-btn:active {color:#fefefe}
.auto-pr01 .photo-btn.auto-prev {right:25px}
.auto-pr01 .photo-btn.auto-next {right:0}

/* pr01-1(photo) */
.auto-pr01-1 {position:relative}
.auto-pr01-1 .photo-titbg {min-height:35px;padding-left:42px;padding-right:42px}
.auto-pr01-1 .photo-btn {width:30px;min-height:35px;bottom:2px;font-size:2rem;text-align:center}
.auto-pr01-1 .photo-btn.auto-prev {left:0px}
.auto-pr01-1 .photo-btn.auto-next {right:0px}

/* pr01-2(photo) */
.auto-pr01-2 {position:relative}
.auto-pr01-2 .photo-titbg {min-height:35px;padding-right:50px}
.auto-pr01-2 .photo-btn {width:15px;height:16px;bottom:10px;font-size:0.6rem;color:#fefefe;background:transparent;border:1px solid rgba(255,255,255,.3);text-align:center}
.auto-pr01-2 .photo-btn.auto-prev {right:25px;border-right:none}
.auto-pr01-2 .photo-btn.auto-next {right:10px}

/* pr01-3(photo) */
.auto-pr01-3 {position:relative}
.auto-pr01-3 .photo-titbg {min-height:35px}
.auto-pr01-3 .photo-btn {width:35px;height:35px;border-width:1px;border-style:solid;border-color:transparent;top:50%;transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg)}
.auto-pr01-3 .photo-btn::before {content:'';position:absolute;z-index:-1;border-width:1px;border-style:solid;border-color:transparent;left:0px;right:0;top:0px;bottom:0}
.auto-pr01-3 .photo-btn.auto-prev {left:20px;border-left-color:rgba(255,255,255,.25);border-bottom-color:rgba(255,255,255,.25)}
.auto-pr01-3 .photo-btn.auto-next {right:20px;border-right-color:rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.25)}
.auto-pr01-3 .photo-btn.auto-prev::before {border-left-color:rgba(0,0,0,.7);border-bottom-color:rgba(0,0,0,.7)}
.auto-pr01-3 .photo-btn.auto-next::before {border-right-color:rgba(0,0,0,.7);border-top-color:rgba(0,0,0,.7)}

/* pr03(photo) */
.auto-pr03 {position:relative}
.auto-pr03 .photo-btn {width:15px;height:15px;top:-25px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-pr03 .photo-btn.auto-prev {right:14px;border-radius:2px 0 0 2px}
.auto-pr03 .photo-btn.auto-next {right:0;border-radius:0 2px 2px 0}

/* pr04(photo) */
.auto-pr04 {position:relative}
.auto-pr04 .auto-content {height:35px;padding:6px 40px 0;background:#f8f8f9;border:1px solid rgba(0,0,0,.12);border-top:none}
.auto-pr04 .photo-btn {width:30px;height:35px;top:200px;font-size:1.25rem;color:#808080;background-color:transparent;border:1px solid #ddd;border-top:0;text-align:center}
.auto-pr04 .photo-btn.auto-prev {left:0px}
.auto-pr04 .photo-btn.auto-next {right:0px}
.auto-pr04 .auto-pager {line-height:1;margin-top:.6rem}

/* pr05(photo) */
.auto-pr05 {position:relative;height:300px}
.auto-pr05 .auto-container {display:block;position:absolute;z-index:2;width:66.666667%;height:66.666667%;left:0;bottom:0}
.auto-pr05 .auto-container .auto-bigsize,.auto-pr05 .auto-images {position:relative;height:100%}
.auto-pr05 .auto-container .auto-bigsize {display:none}
.auto-pr05 .auto-container .auto-bigsize.on {display:block}
.auto-pr05 .auto-nav {display:block;position:relative;z-index:1;width:100%;height:100%}
.auto-pr05 .auto-nav .auto-cursor {position:absolute;z-index:1;width:33.333333%;height:33.333333%;cursor:pointer}
.auto-pr05 .auto-nav .auto-cursor.active::before {content:'';position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:transparent;border:3px solid #e73f72}
.auto-pr05 .auto-nav .auto-cursor.num0 {left:0px;top:0px}
.auto-pr05 .auto-nav .auto-cursor.num1 {left:33.333333%;top:0px}
.auto-pr05 .auto-nav .auto-cursor.num2 {right:0px;top:0px}
.auto-pr05 .auto-nav .auto-cursor.num3 {right:0px;top:33.333333%}
.auto-pr05 .auto-nav .auto-cursor.num4 {right:0px;bottom:0px}
.auto-pr05 .auto-nav .auto-cursor.num5 {left:33.333333%;bottom:0px}
.auto-pr05 .auto-nav .auto-cursor.num6 {left:0px;bottom:0px}
.auto-pr05 .auto-nav .auto-cursor.num7 {left:0px;top:33.333333%}

/* pr06(photo) */
.auto-pr06 .auto-column {padding:.3rem .9375rem 0}
.auto-pr06 .auto-column .auto-images {transition:all .35s}
.auto-pr06 .auto-column:hover .auto-images {transform:translateY(-5px);box-shadow: 0 8px 10px 0 rgba(0, 19, 60, .12), 0 4px 4px 0 rgba(0, 20, 61, .08), 0 16px 16px 0 rgba(0, 20, 61, .08), 0 32px 32px 0 rgba(0, 20, 61, .08), 0 0 0 1px rgba(0, 20, 61, .08);}

/* pr06-1(photo) */
.auto-pr06-1 .auto-column {margin:.3rem .9375rem 0}
.auto-pr06-1 .auto-column a .auto-line {position:absolute;display:block;overflow:hidden;left:10px;right:10px;top:10px;bottom:10px;text-indent:-5000px;border:1px solid #fefefe;opacity:.5;filter:alpha(opacity=50);z-index:99}
.auto-pr06-1 .auto-column a:hover .auto-line {opacity:1}
.auto-pr06-1 .photo-titbg {padding:.3rem .9375rem .9375rem}
.auto-pr06-1 .auto-column .auto-images {transition:all .35s}
.auto-pr06-1 .auto-column:hover .auto-images {transform:translateY(-5px);box-shadow: 0 8px 10px 0 rgba(0, 19, 60, .12), 0 4px 4px 0 rgba(0, 20, 61, .08), 0 16px 16px 0 rgba(0, 20, 61, .08), 0 32px 32px 0 rgba(0, 20, 61, .08), 0 0 0 1px rgba(0, 20, 61, .08);}

/* pr07(headline) */
.auto-pr07 {position:relative}
.auto-pr07 .slick-slide {position:relative;margin-left:.5rem;margin-right:.5rem;cursor:pointer}
.auto-pr07 .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s}
.auto-pr07 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-pr07 .auto-images img {height:380px}
.auto-pr07 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-pr07 .photo-titbg {padding:.9375rem}

/**********************************************
note : PC스킨 - 영상
Date : 2017.05.12
**********************************************/
/* va02 */
.auto-va02 .auto-columns {float:left;width:25%;padding:1rem;background-color:#fefefe;border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}
.auto-va02 .auto-columns:first-child,.auto-va02 .auto-columns:nth-child(4n + 1) {clear:both;border-left:1px solid rgba(0,0,0,.12)}
.auto-va02 .auto-columns:first-child,.auto-va02 .auto-columns:nth-child(2),.auto-va02 .auto-columns:nth-child(3),.auto-va02 .auto-columns:nth-child(4) {border-top:1px solid rgba(0,0,0,.12)}
.auto-va02 .auto-columns a {display:block;text-decoration:none}
.auto-va02 .auto-columns .auto-images {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.auto-va02 .auto-columns .auto-images img {position:absolute;width:100%;height:100%;top:0;left:0;transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1)}
.auto-va02 .auto-columns a:hover .auto-images img {transform:scale3d(1.025, 1.025, 1.025)}
.auto-va02 .auto-columns .auto-icons {position:absolute;z-index:2;font-size:1.5rem;color:#fefefe;left:1rem;bottom:.65rem;text-shadow:2px 3px 2px rgba(0,0,0,.65)}
.auto-va02 .auto-columns .auto-times {position:absolute;z-index:3;padding:.25rem .5rem;font-size:.7rem;font-weight:300;line-height:1;color:#fefefe;background-color:rgba(0,0,0,.45);right:0;bottom:0}
.auto-va02 .auto-columns .auto-content {padding-left:1rem;padding-right:1rem;margin-top:.75rem}
.auto-va02 .auto-columns .auto-content [class *= "size-"] {font-weight:500}
.auto-va02 .auto-columns .auto-content .line-height-3-2x[class *= "size-"] {height:2.8em}
.auto-va02 .auto-columns .auto-content .auto-date {margin:0;margin-top:.75rem;font-size:.8rem;font-weight:300;color:rgba(0,0,0,.5)}
@media screen and (max-width: 63.9375em) {
	.row .auto-va02 .auto-columns {width:33.333333%}
	.row .auto-va02 .auto-columns:nth-child(4n + 1) {clear:none;border-left:none}
	.row .auto-va02 .auto-columns:nth-child(3n + 1) {clear:both;border-left:1px solid rgba(0,0,0,.12)}
	.row .auto-va02 .auto-columns:nth-child(4) {border-top:none}
	.row .auto-va02 .auto-columns .auto-content [class *= "size-"] {font-weight:700}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-va02 {overflow-x:auto;width:auto;margin-left:-1.25rem;margin-right:-1.25rem}
	.row .auto-va02 .auto-va02-wrapper {padding-left:1.25rem;padding-right:1.25rem}
	.row .auto-va02 .auto-columns {width:240px;padding:0 1px 0 0;border:none}
	.row .auto-va02 .auto-columns:first-child,.row .auto-va02 .auto-columns:nth-child(n) {clear:none;border:none}
	.row .auto-va02 .auto-columns a:hover img {transform:none}
	.row .auto-va02 .auto-columns .auto-content [class *= "size-"] {font-size:1.063rem}
}

/* va03 */
.auto-va03 .auto-columns {float:left;width:33.3333333%;min-height:1px;padding:1rem;background-color:#fefefe;border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}
.auto-va03 .auto-columns:first-child,.auto-va03 .auto-columns:nth-child(3n + 1) {clear:both;border-left:1px solid rgba(0,0,0,.12)}
.auto-va03 .auto-columns:first-child,.auto-va03 .auto-columns:nth-child(2),.auto-va03 .auto-columns:nth-child(3) {border-top:1px solid rgba(0,0,0,.12)}
.auto-va03 .auto-columns a {display:block;text-decoration:none}
.auto-va03 .auto-columns .auto-images {overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}
.auto-va03 .auto-columns .auto-images img {position:absolute;width:100%;height:100%;top:0;left:0;transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1)}
.auto-va03 .auto-columns a:hover .auto-images img {transform:scale3d(1.025, 1.025, 1.025)}
.auto-va03 .auto-columns .auto-icons {position:absolute;z-index:2;font-size:1.5rem;color:#fefefe;left:1rem;bottom:.65rem;text-shadow:2px 3px 2px rgba(0,0,0,.65)}
.auto-va03 .auto-columns .auto-times {position:absolute;z-index:3;padding:.25rem .5rem;font-size:.7rem;font-weight:300;line-height:1;color:#fefefe;background-color:rgba(0,0,0,.45);right:0;bottom:0}
.auto-va03 .auto-columns .auto-content {padding-left:1rem;padding-right:1rem;margin-top:.75rem}
.auto-va03 .auto-columns .auto-content [class *= "size-"] {font-weight:500}
.auto-va03 .auto-columns .auto-content .line-height-3-2x[class *= "size-"] {height:2.8em}
.auto-va03 .auto-columns .auto-content .auto-date {margin:0;margin-top:.75rem;font-size:.8rem;font-weight:300;color:rgba(0,0,0,.5)}
@media screen and (max-width: 63.9375em) {
	.row .auto-va03 .auto-columns .auto-content [class *= "size-"] {font-weight:700}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-va03 .auto-columns {width:48%;padding:0;border:none}
	.row .auto-va03 .auto-columns:nth-child(2n) {float:right}
	.row .auto-va03 .auto-columns:nth-child(2n + 1) {clear:both}
	.row .auto-va03 .auto-columns:nth-child(3n + 1) {clear:none}
	.row .auto-va03 .auto-columns a:hover img {transform:none}
	.row .auto-va03 .auto-columns .auto-content [class *= "size-"] {font-size:1.063rem}
	.row .auto-va03 .auto-columns .auto-content .line-height-3-2x[class *= "size-"] {height:auto;max-height:2.8em}
}

/* va04(media) */
.auto-va04 .auto-columns .auto-icons {position:absolute;z-index:2; padding:.3rem; font-size:1.3rem; opacity:.7;color:#fefefe;right:0;top:6.4rem; line-height:1; background:rgba(0,0,0,.5); transition:all .4s ease}
.auto-va04 .auto-columns:hover .auto-icons {opacity:1; background:rgba(0,0,0,.8);transition:all .4s ease}
@media screen and (max-width: 63.9375em) {
	.row .auto-va04.tiles-5x .auto-columns:nth-child(n) {width:32%;margin-left:2%;margin-right:0;margin-top:1.25rem;clear:inherit}
	.row .auto-va04.tiles-5x .auto-columns:first-child,.row .auto-va04.tiles-5x .auto-columns:nth-child(3n + 1) {margin-left:0;clear:both}
	.row .auto-va04.tiles-5x .auto-columns:nth-child(1),.row .auto-va04.tiles-5x .auto-columns:nth-child(2),.row .auto-va04.tiles-5x .auto-columns:nth-child(3) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-va04.tiles-5x .auto-columns:nth-child(n) {width:48.5%;margin:.9375rem 0 0;clear:inherit}
	.row .auto-va04.tiles-5x .auto-columns:nth-child(2n) {float:right}
	.row .auto-va04.tiles-5x .auto-columns:first-child,.row .auto-va04.tiles-5x .auto-columns:nth-child(2n + 1) {clear:both}
	.row .auto-va04.tiles-5x .auto-columns:nth-child(1),.row .auto-va04.tiles-5x .auto-columns:nth-child(2) {margin-top:0}
}

/* va05(media) */
.auto-va05 .auto-columns {position:relative}
.auto-va05 .auto-columns a {display:block}
.auto-va05 .auto-columns a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0}
.auto-va05 .auto-columns .auto-icons {position:absolute;z-index:2; padding:.3rem; font-size:1.3rem; opacity:.7;color:#fefefe;right:0;top:6.4rem; line-height:1; background:rgba(0,0,0,.5); transition:all .4s ease}
.auto-va05 .auto-columns:hover .auto-icons {opacity:1; background:rgba(0,0,0,.8);transition:all .4s ease}
.auto-va05 .auto-section {font-size:.8rem;text-align:left}
.auto-va05 .auto-section.noimage {position:relative;padding-bottom:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:400;text-align:center}
.auto-va05 .auto-section.noimage::before {content:'';position:absolute;z-index:1;width:30%;max-width:3rem;border-bottom:1px solid rgba(0,0,0,.12);left:50%;top:100%;transform:translateX(-50%)}
.auto-va05 .auto-images {position:relative}
.auto-va05 .auto-images::before {content:'';position:absolute;z-index:1;border-color:transparent;border-top-color:rgba(0,0,0,.1);top:inherit;visibility:visible}
.auto-va05 .auto-content {position:relative;padding:.9375rem; min-height:4.7rem;background:#fefefe}
.auto-va05 .auto-content::after {content:'';display:table;clear:both}
.auto-va05 .auto-section-2 {position:absolute;z-index:10;padding:.5rem .7rem;font-size:1rem;font-weight:600;line-height:1;color:#fefefe;left:0;top:0;}
@media screen and (max-width: 63.9375em) {
	.row .auto-va05.tiles-5x .auto-columns:nth-child(n) {width:32%;margin-left:2%;margin-right:0;margin-top:1.25rem;clear:inherit}
	.row .auto-va05.tiles-5x .auto-columns:first-child,.row .auto-va05.tiles-5x .auto-columns:nth-child(3n + 1) {margin-left:0;clear:both}
	.row .auto-va05.tiles-5x .auto-columns:nth-child(1),.row .auto-va05.tiles-5x .auto-columns:nth-child(2),.row .auto-va05.tiles-5x .auto-columns:nth-child(3) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-va05.tiles-5x .auto-columns:nth-child(n) {width:48.5%;margin:.9375rem 0 0;clear:inherit}
	.row .auto-va05.tiles-5x .auto-columns:nth-child(2n) {float:right}
	.row .auto-va05.tiles-5x .auto-columns:first-child,.row .auto-va05.tiles-5x .auto-columns:nth-child(2n + 1) {clear:both}
	.row .auto-va05.tiles-5x .auto-columns:nth-child(1),.row .auto-va05.tiles-5x .auto-columns:nth-child(2) {margin-top:0}
}

/* vl01 */
.auto-vl01 .auto-columns {float:left;width:50%;min-height:1px;padding-right:1.25rem;margin-bottom:1.25rem}
.auto-vl01 .auto-columns:nth-child(2n) {padding-left:1.25rem}
.auto-vl01 .auto-columns:nth-child(2n + 1) {clear:both}
.auto-vl01 .auto-columns .auto-icons {position:absolute;z-index:2;font-size:1rem;color:#fefefe;left:.5rem;bottom:.25rem;text-shadow:2px 3px 2px rgba(0,0,0,.65)}
.auto-vl01 .auto-columns [class *= "size-"] {font-weight:500}
.auto-vl01 .auto-columns .auto-date {margin-top:.75rem;font-size:.8rem;font-weight:300;color:rgba(0,0,0,.5)}
@media screen and (max-width: 63.9375em) {
	.row .auto-vl01 .auto-columns [class *= "size-"] {font-weight:700}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-vl01 .auto-columns {float:none;width:auto;margin-left:auto;margin-right:auto;padding:0}
	.row .auto-vl01 .auto-columns::after {content:'';display:table;clear:both}
	.row .auto-vl01 .auto-columns:nth-child(2n) {padding-left:0}
	.row .auto-vl01 .auto-columns:nth-child(2n + 1) {clear:none}
}

/* vr01 */
.auto-vr01 .auto-column {padding:.3rem .9375rem 0}
.auto-vr01 .auto-column .auto-images {transition:all .35s}
.auto-vr01 .auto-column:hover .auto-images {transform:translateY(-5px);box-shadow: 0 8px 10px 0 rgba(0, 19, 60, .12), 0 4px 4px 0 rgba(0, 20, 61, .08), 0 16px 16px 0 rgba(0, 20, 61, .08), 0 32px 32px 0 rgba(0, 20, 61, .08), 0 0 0 1px rgba(0, 20, 61, .08);}

/* vr02 */
.auto-vr02,.auto-vr02 .auto-column {overflow:hidden;position:relative}
.auto-vr02 .auto-column a {display:block}
.auto-vr02 .auto-column a::before {content:'';position:absolute;z-index:5;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.55)}
.auto-vr02 .auto-column .auto-images {width:640px;height:360px}
.auto-vr02 .auto-column .auto-images img {transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1)}
.auto-vr02 .auto-column a:hover .auto-images img {transform:scale3d(1.025, 1.025, 1.025)}
.auto-vr02 .auto-column.slick-current a::before {visibility:hidden}
.auto-vr02 .auto-column .photo-titbg {display:none;font-weight:500;letter-spacing:-0.075em}
.auto-vr02 .auto-column.slick-current .photo-titbg {display:block}
.auto-vr02 .photo-btn {position:absolute;z-index:10;width:80px;height:140px;margin-top:-30px;font-size:5rem;color:#fefefe;background-color:rgba(0,0,0,.2);top:50%;transform:translateY(-50%);cursor:pointer}
.auto-vr02 .photo-btn:hover {background-color:rgba(0,0,0,.65)}
.auto-vr02 .photo-btn.auto-prev {left:-15px;border-radius:0 100px 100px 0}
.auto-vr02 .photo-btn.auto-next {right:-15px;border-radius:100px 0 0 100px}
.auto-vr02 .vr-pager {margin-top:2rem;text-align:center;list-style:none}
.auto-vr02 .vr-pager li {display:inline-block}
.auto-vr02 .vr-pager li button {position:relative;padding:.5rem 0;margin:0 .5rem;font-size:.8rem;font-weight:300;line-height:1;color:rgba(255,255,255,.4);cursor:pointer}
.auto-vr02 .vr-pager li button::before {content:'0'}
.auto-vr02 .vr-pager li button::after {content:'';position:absolute;z-index:1;left:0;right:0;top:0;border-top:1px solid rgba(255,255,255,.4)}
.auto-vr02 .vr-pager li.slick-active button {font-weight:500;color:#e74c3c}
.auto-vr02 .vr-pager li.slick-active button::after {border-top-width:2px;border-top-color:#e74c3c}
@media screen and (max-width: 63.9375em) {
	.row .auto-vr02 .auto-column .photo-titbg {font-weight:700}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-vr02 .auto-column .auto-images {overflow:hidden;width:auto;height:0;padding-bottom:56.25%}
	.row .auto-vr02 .auto-column .auto-images img {position:absolute;top:0;left:0;width:100%;height:100%}
	.row .auto-vr02 .photo-btn {width:65px;height:100px;font-size:3.5rem}
	.row .auto-vr02 .auto-column .photo-titbg {padding-left:1.25rem;padding-right:1.25rem}
	.row .auto-vr02 .auto-column .photo-titbg [class *= "size-"] {font-size:1.5rem}
}

/* auto-vr03(media) */
.auto-vr03 {position:relative;border:1px solid rgba(0,0,0,.12);background:#fefefe}
.auto-vr03::before {content:'';display:block;position:absolute;z-index:1;right:380px;top:0;bottom:0;width:0;border-left:1px solid rgba(0,0,0,.08)}
.auto-vr03 .auto-container {position:relative;float:left;width:calc(100% - 380px)}
.auto-vr03 .auto-container .responsive-embed {margin-bottom:0}
.auto-vr03 .auto-container .vr-cont {position:relative;padding:1.25rem 8.125rem 1.25rem 1.25rem}
.auto-vr03 .auto-container .vr-cont .vr-cont-icon {display:block;position:absolute;top:1.25rem;right:1.25rem;padding:.625rem .9rem;font-size:1.25rem;color:rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.12);-webkit-transition:all .25s;transition:all .25s}
.auto-vr03 .auto-container .vr-cont .vr-cont-icon:hover {color:rgba(0,0,0,.8);border-color:rgba(0,0,0,.25)}
.auto-vr03 .auto-nav {float:right;position:relative;width:380px;padding:1.25rem}
.auto-vr03 .auto-nav .slick-slide {margin:.625rem 0;cursor:pointer}
.auto-vr03 .auto-nav .vr-title {margin-bottom:.9375rem;padding-bottom:1rem;font-size:1.063rem;line-height:1em;letter-spacing:-0.075em;border-bottom:1px solid #d2d2d2;text-decoration:none}
.auto-vr03 .auto-nav .vr-title [class*="fa-"] {color:rgba(0,0,0,.45)}
.auto-vr03 .auto-nav .photo-btn {width:20px;height:20px;top:-3rem;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-vr03 .auto-nav .photo-btn.auto-prev {right:19px;border-radius:2px 0 0 2px}
.auto-vr03 .auto-nav .photo-btn.auto-next {right:0;border-radius:0 2px 2px 0}
.auto-vr03 .auto-nav .auto-columns {position:relative}
.auto-vr03 .auto-nav .auto-columns::after {content:'';display:table;clear:both}
.auto-vr03 .auto-nav .auto-columns .auto-icons {position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;font-size:2rem;line-height:1;color:rgba(255,255,255,.8);background:rgba(0,0,0,.2);text-align:center;-webkit-transition:all .25s;transition:all .25s}
.auto-vr03 .auto-nav .auto-columns .auto-icons [class*="fa-"] {margin-top:1.3rem}
.auto-vr03 .auto-nav .auto-columns:hover .auto-icons {color:#d71921}
@media screen and (max-width: 63.9375em) {
	.row .auto-vr03::before {display:none}
	.row .auto-vr03 .auto-container,.row .auto-vr03 .auto-nav {float:none;width:auto;margin-left:auto;margin-right:auto}
}
@media screen and (max-width: 39.9375em) {
	.row .auto-vr03 {margin-left:-1.25rem;margin-right:-1.25rem;margin-top:-1.25rem;border:none}
	.row .auto-vr03 .auto-container .vr-cont {padding:1.25rem}
	.row .auto-vr03 .auto-container .vr-cont .vr-cont-icon {display:none}
}

/**********************************************
note : 모바일스킨
Name : 정인규
Date : 2017.03.28
**********************************************/
/* i06 */
.m-auto-i06 .auto-add-more {margin-top:.35rem;color:rgba(0,0,0,.45);letter-spacing:-0.05em;cursor:pointer}
.m-auto-i06 .auto-add-more .fa {color:#eb3571}

/* n01 */
.m-auto-n01 .auto-num {width:18px;line-height:1.6em;color:#fefefe;letter-spacing:-0.05rem;text-align:center}
.m-auto-n01 .auto-num.default-bg {background-color:rgba(0,0,0,.3)}

/* n02 */
.m-auto-n02 {padding:8px;background-color:#ecf0f1}
.m-auto-n02::after {content:'';display:table;clear:both}
.m-auto-n02 .auto-btns {position:relative;z-index:5;line-height:1.3em;padding:5px 25px 5px 10px;background-color:#e7316e;color:#fefefe;letter-spacing:-0.05rem;border-radius:.25rem;cursor:pointer}
.m-auto-n02 .auto-btns::after {content:'';position:absolute;z-index:1;border-width:3px;border-style:solid;border-color:#fefefe transparent transparent transparent;right:10px;top:50%;transform:translateY(-50%)}

/* p02 */
.m-auto-p02 {position:relative}
.m-auto-p02 .photo-titbg {padding-bottom:1.8rem}
.m-auto-p02 .auto-pager {position:absolute;z-index:12;left:0;right:0;bottom:.25rem}

/* p04 */
.m-auto-p04 {position:relative}
.m-auto-p04 .auto-pager {max-height:36px;padding-top:.5rem;padding-bottom:.5rem;background-color:#eee}
.m-auto-p04 .photo-btn {width:36px;height:36px;font-size:1.2rem;bottom:0}
.m-auto-p04 .photo-btn.auto-prev {left:0;border-right:1px solid rgba(0,0,0,.1)}
.m-auto-p04 .photo-btn.auto-next {right:0;border-left:1px solid rgba(0,0,0,.1)}

/* p05 */
.m-auto-p05 .auto-images {height:0;padding-bottom:66.666667%}

/* p06 */
.m-auto-p06 .auto-pager {margin-top:10px}
.m-auto-p06 .auto-images {height:0;padding-bottom:66.666667%}

/**********************************************
note : 모바일웹스킨(시즌4)
Name : 김종화
Date : 2019.03.21
**********************************************/
/* 공통선언 */
.mobile .auto-sol {border-top:1px solid rgba(0,0,0,.04)}

/* ta01-b*/
.m-auto-ta01-b ul > li {padding:1rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}

/* tb04 */
.m-auto-tb04 .auto-num > span {float:left;border-top:3px solid #111;padding-top:10px;font-size:1rem;font-weight:800;line-height:1}

/* tb01 */
.m-auto-tb01 .auto-num {width:18px;line-height:1.6em;color:#fefefe;letter-spacing:-0.05rem;text-align:center}
.m-auto-tb01 .auto-num.default-bg {background-color:rgba(0,0,0,.3)}

/* tr03 */
.m-auto-tr03 {padding:8px;background-color:#ecf0f1}
.m-auto-tr03::after {content:'';display:table;clear:both}
.m-auto-tr03 .auto-btns {position:relative;z-index:5;line-height:1.3em;padding:5px 25px 5px 10px;background-color:#e7316e;color:#fefefe;letter-spacing:-0.05rem;border-radius:.25rem;cursor:pointer}
.m-auto-tr03 .auto-btns::after {content:'';position:absolute;z-index:1;border-width:3px;border-style:solid;border-color:#fefefe transparent transparent transparent;right:10px;top:50%;transform:translateY(-50%)}

/* tr04 */
.m-auto-tr04 {padding:.75rem 1rem;background-color:#f8f8f8;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.m-auto-tr04 > .user-bg,.m-auto-tr04 > .auto-container {float:left}
.m-auto-tr04 > .user-bg {width:60px;padding:.5rem;border-radius:5rem;font-size:.75rem;color:#fff;text-align:center;line-height:1}
.m-auto-tr04 > .auto-container {width:calc(100% - 60px);padding-left:.75rem}
.m-auto-tr04 > .auto-container > div {padding-top:4px}

/* tr04-1 */
.m-auto-tr04-1 > .user-bg,.m-auto-tr04-1 > .auto-container {float:left}
.m-auto-tr04-1 > .user-bg {width:60px;padding:.5rem;border-radius:5rem;font-size:.75rem;color:#fff;text-align:center;line-height:1}
.m-auto-tr04-1 > .auto-container {width:calc(100% - 60px);padding-left:.75rem}
.m-auto-tr04-1 > .auto-container > div {padding-top:4px}

/* tr04-2 */
.m-auto-tr04-2 {position:relative;overflow:hidden;padding:.75rem 1rem}
.m-auto-tr04-2::after {content:'';z-index:1;position:absolute;right:0;top:0;width:50%;height:100px;background:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.92) 100%);}
.m-auto-tr04-2 > .auto-title,.m-auto-tr04-2 > .auto-container {float:left}
.m-auto-tr04-2 > .auto-title {width:60px;padding:.5rem;border-radius:5rem;background-color:rgba(255,255,255,.94);font-size:.75rem;text-align:center;line-height:1}
.m-auto-tr04-2 > .auto-container {width:calc(100% - 60px);padding-left:.75rem}
.m-auto-tr04-2 > .auto-container > div {z-index:999;padding-top:4px}

/* tr05 */
.m-auto-tr05 {position:relative;float:left;width:100%;padding:1rem;background:linear-gradient(130deg, #0250c5 0%, #d43f8d 100%)}
.m-auto-tr05::before {content:'신속한 뉴스서비스를 제공하겠습니다.';position:absolute;right:1rem;top:1rem;width:80%;font-size:.75rem;color:rgba(255,255,255,.48);text-align:right}
.m-auto-tr05 > .auto-title,.m-auto-tr05 > .auto-container {overflow:hidden;float:left;width:100%}
.m-auto-tr05 > .auto-title {margin-bottom:.5rem;font-size:1rem;font-weight:800;color:#fff;line-height:1}
.m-auto-tr05 > .auto-container > div {padding-top:4px}
.m-auto-tr05 > .auto-container > div a.auto-fontF {color:rgba(255,255,255,.82)!important}

/* tr06 */
.m-auto-tr06 {position:relative}
.m-auto-tr06 .photo-titbg {padding-bottom:1.8rem}
.m-auto-tr06 .auto-title {z-index:20;position:absolute;left:0;right:0;bottom:14px;padding:1.625rem}
.m-auto-tr06 .auto-pager {position:absolute;z-index:12;left:0;right:0;bottom:.5rem}

/* tr07 */
.m-auto-tr07 {position:relative}
.m-auto-tr07 .photo-titbg {padding-bottom:1.8rem}
.m-auto-tr07 .auto-title {z-index:20;position:absolute;width:76%;left:0;bottom:0;padding:1.625rem}
.m-auto-tr07 .auto-pager {position:absolute;z-index:12;right:1.625rem;bottom:1.625rem;padding:.5rem .875rem;background-color:rgba(0,0,0,.76);border-radius:3rem;line-height:1}
.m-auto-tr07 .auto-pager > li {display:none}
.m-auto-tr07 .auto-pager > li.slick-active {display:block;color:rgba(255,255,255,.64)}

/* tr08-1 */
.m-auto-tr08-1 {position:relative}
.m-auto-tr08-1 .auto-pager {overflow:hidden;height:8px;margin-top:.75rem;line-height:1}
.m-auto-tr08-1 .auto-pager li[id*="slick-"] button[data-role] {background-color:rgba(255,255,255,.64)}

/* tl03 */
.m-auto-tl03 ul > li {height:220px;padding:1rem 0;border-top:3px solid #111}

/* tp01-1 */
.m-auto-tp01-1 li {position:relative;padding-bottom:3rem}
.m-auto-tp01-1 .auto-title {z-index:99;position:absolute;left:3%;bottom:0;width:94%;padding:1rem 1rem 0;background:#fff}

/* tp05-1 */
.m-auto-tp05-1 > ul > li {width:49.5%}
.m-auto-tp05-1 .auto-title {z-index:99;position:absolute;left:0;bottom:0;padding:1rem}

/* tp05-3 */
.m-auto-tp05-3 .auto-title {z-index:99;position:absolute;left:0;bottom:0;padding:1rem}

/* tp07-2 */
.m-auto-tp07-2 ul > li {float:left;width:47%}
.m-auto-tp07-2 ul > li:nth-child(2n-1) {float:right}
.m-auto-tp07-2 ul > li:first-child {width:100%}

/* tp09 (고태윤 / PC&Mobile 겸용) */
.m-auto-tp09 .auto-columns {float:left;position:relative;width:48.5%;margin-top:2.5%}
.m-auto-tp09 .auto-columns:nth-child(2n) {float:right}
.m-auto-tp09 .auto-columns:nth-child(2n + 1) {clear:both}
.m-auto-tp09 .auto-columns:nth-child(1),.m-auto-tp09 .auto-columns:nth-child(2) {margin-top:0}  
.m-auto-tp09 .auto-columns a {display:block;}
.m-auto-tp09 .auto-columns a::after {content:'';display:table;clear:both}
.m-auto-tp09 .auto-columns .auto-images {position:relative;z-index:5;margin-left:auto;margin-right:auto}
.m-auto-tp09 .auto-columns .auto-content {margin-top:-2rem;padding:2.25rem 1.25rem 1.25rem;background-color:#e1e1e1;border-radius:1rem 0}
.m-auto-tp09 .auto-columns .auto-fontD {color:#8c9eff !important;text-align:center}
@media screen and (max-width: 39.9375em) {
    .row .m-auto-tp09 .auto-columns:nth-child(n) {float:none;width:auto;margin-top:5%}
    .row .m-auto-tp09 .auto-columns:first-child {margin-top:0}
}

/* ts01-1(김유진) */
.m-auto-ts01-1 .section {color:#0586f0}
.m-auto-ts01-1 .auto-relation::before {border-color:#f3003d;top:.375rem;transform:inherit}

/* ts03(김유진) */
.m-auto-ts03 .title {cursor:pointer}
.m-auto-ts03 .auto-relation::before {border-color:#f3003d;top:.375rem;transform:inherit}

/* tp07-1 */
.m-auto-tp07-1 .auto-sol {border-top-color:rgba(255,255,255,.12)}

/* tv01 */
.m-auto-tv01 .auto-title {z-index:99;position:absolute;left:0;right:0;bottom:0;padding:1.125rem}

/* tv02(김유진) */
.m-auto-tv02 {padding:.5rem 1rem .125rem;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);background-color:#fffcdc;line-height:1}
.m-auto-tv02 .play {float:left;margin-right:.5rem;font-size:1.875rem;color:#ff0000}