@charset "utf-8";

/*@import "reset.css";*/
@import "module.css";

body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

code.ckjh {display:block;margin-bottom:1.25rem;padding:1.25rem;background-color:#fffde7;border:1px solid rgba(0,0,0,.06);font-size:.75rem;color:#263238}

.headline_008 { position: relative; overflow: hidden; width:720px;}
.headline_008 .swiper-slide > div { position: relative; margin-top: 20px; padding-left: 300px; min-height: 268px;}
.headline_008 .swiper-slide > div.no_img { padding-left: 0; min-height: inherit;}
.headline_008 .swiper-slide > div:first-child { margin-top: 0;}
.headline_008 .swiper-slide > div > a { display: block;}
.headline_008 .swiper-slide > div > a > div { position: relative;}
.headline_008 .swiper-slide > div.no_img > a { padding-left: 0;}
.headline_008 .swiper-slide > div > a span { position: absolute; left: -300px; top: 0; display: block; border: 1px solid #eaeaea;}
.headline_008 .swiper-slide > div > a span img { width: 278px; height: 208px; transition: opacity .3s ease; border:1px solid rgba(0,0,0,.1);}
.headline_008 .swiper-slide > div > a h2 { font-size: 35px; line-height: 1.3; font-weight: bold; margin: -3px 0 12px -300px; color: #363636;}
.headline_008 .swiper-slide > div.no_img > a h2 { margin-left: 0;}
.headline_008 .swiper-slide > div > a h3 { font-size: 15px; color: #f34235; margin-bottom: 10px;}

.headline_008 .swiper-slide > div > a p { margin-bottom: 10px; height: inherit !important; max-height: 115px; color: #808080;}
.headline_008 .swiper-slide .c6 { margin-bottom: 10px; height: inherit !important; max-height: 156px; color: #000;}

.headline_008 .swiper-slide > div > a:hover h2, .headline_008 > div > a:hover h3, .headline_008 > div > a:hover p, .headline_008 > div > a:hover img { opacity: .75;}
.headline_008 .swiper-slide > div > a p.clamp.c9 { max-height: 172px; -webkit-line-clamp:9;}

.headline_008 .relate_art li { padding-left: 10px; background: url(../img/default/icon_bu.png) no-repeat 0 5px; line-height: 1; margin-top: 5px;}
.headline_008 .relate_art li a:hover { color: #808080;}

.headline_008 .swiper-wrapper { height:275px; }
.headline_008 .swiper-pagination { /*text-align:center; margin-left:130px;*/ text-align:right; }
.headline_008 .swiper-pagination-bullet {width:12px;height:12px; }
.headline_008 .swiper-pagination-bullet-active { background:#0092CE; }


.auto-h11 {position:relative}
.auto-h11:hover .h3{text-decoration:underline}
.auto-h11 .slick-dotted.slick-slider {margin-bottom:0;position:relative}
.auto-h11 .slick-dotted.slick-slider .auto-pager {position:absolute;bottom:20px;left:40%;width:20%}
.auto-h11 .auto-pager li[id*="slick-"] button[data-role] {width:15px;height:15px;background:rgba(255,255,255,1)}
.auto-h11 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-h11 .photo-titbg.gradient {padding:1.563rem 1.875rem 3.563rem 1.875rem;background:-webkit-linear-gradient(transparent, rgba(0,0,0,1))}
.auto-h11 .txt {bottom:50px;}
.auto-h11 .h3{animation:fadeOutRight 1s both;}
.auto-h11 .h5{animation:fadeOutLeft 1s both; text-align:left;}
.auto-h11 .slick-active .h3{animation:fadeInDown 1s both 0.5s;text-shadow:2px 2px rgba(0,0,0,.7)}
.auto-h11 .slick-active .h3:hover{text-decoration:underline}
.auto-h11 .slick-active .h5{animation:fadeInLeft 1s both 1s;text-shadow:1px 1px rgba(0,0,0,.7)}

.auto-h11 .photo-btn {top:0;bottom:0}
.auto-h11 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-h11:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-h11 .photo-btn.auto-prev {left:-32px}
.auto-h11 .photo-btn.auto-next {right:-32px}
.auto-h11 .slick-slide {cursor:pointer}
.auto-h11 .slick-slide .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s;-moz-transition:all .25s;-webkit-transition:all .25s;-o-transition:all .25s}
.auto-h11 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-h11 .slick-list {padding:0 !important}

.auto-h12 {position:relative}
.auto-h12 .auto-nav {position:absolute;z-index:10;right:.625rem;bottom:.625rem;width:100px}
.auto-h12 .auto-nav .slick-slide {position:relative;cursor:pointer}
.auto-h12 .auto-nav .slick-slide::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);border:3px solid transparent}
.auto-h12 .auto-nav .slick-slide.slick-current::before {background-color:transparent;border-color:#e73f72}
.auto-h12 .photo-titbg.gradient{padding:9rem 9rem 0 1.2rem;background: linear-gradient(transparent, rgba(0,0,0,1));height:60%}

.auto-h13 {position:relative}

.auto-h13 .float-right::before{content: '';display: block;position: absolute;z-index: 1;height:360px;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,6,19,.86)}
.auto-h13 .float-right .auto-content {position:relative;z-index: 2;height:340px}
.auto-h13 .auto-roll{position:relative;z-index:2}
.auto-h13 .right-bg{background:rgba(0,0,0,.1)}
.auto-h13 .slick-dotted.slick-slider {margin-bottom:0}
.auto-h13 .photo-titbg {min-height:35px}
.auto-h13 .photo-btn {top:0;bottom:0}
.auto-h13 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;background:#fefefe;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-h13:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-h13 .photo-btn.auto-prev {left:-32px}
.auto-h13 .photo-btn.auto-next {right:-32px}
.auto-h13 .auto-pager {position:absolute;z-index:1;left:30%;bottom:3%}
.auto-h13 .auto-pager li[id*="slick-"] button[data-role] {width:15px;height:15px}
.auto-h13 .auto-mores {position:absolute;z-index:2;font-size:.75rem;font-weight:700;right:20px;bottom:50px;border:1px solid rgba(255,255,255,.5)}
.auto-h13 .auto-mores a {display:block;padding:.4rem 1rem;background:rgba(0,0,0,.2)}
.auto-h13 .auto-mores .fa {margin-left:.5rem}
.auto-h13 .auto-fontJ{color:rgba(255,255,255,.65) !important}

.auto-h14 .auto-content {position:relative;float:left;width:calc(30% - 1px);margin-left:1px;margin-bottom:1px;text-align:center;overflow:hidden}
.auto-h14 .auto-content:hover .auto-fontF{text-decoration:underline}
.auto-h14 .auto-content:first-child,.auto-h14 .auto-content:nth-child(5n + 1) {width:50%;margin-left:0;clear:both}
.auto-h14 .auto-content:nth-child(3),.auto-h14 .auto-content:nth-child(4) {width:calc(20% - 1px)}
.auto-h14 .auto-images.cover{ transition:all .5s ease 0s;overflow:hidden !important}
.auto-h14 .auto-images.cover:hover{transform:scale(1.1, 1.1);}
.auto-h14 .photo-titbg.gradient{background:linear-gradient(transparent, rgba(0,0,0,1))}

.auto-h15 {overflow:hidden;position:relative}
.auto-h15:hover .titbg-inner > div{text-decoration:underline}
.auto-h15 .auto-section {position:absolute;z-index:15;top:0;width:50%;max-width:95px;min-height:95px;padding:1.5rem;font-size:1rem;line-height:1.25em;color:#fefefe;text-align:center}
.auto-h15 .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-h15 .auto-columns {position:relative}
.auto-h15 .photo-titbg {left:50%;right:0;width:auto;background:rgba(0,0,0,.75);background:-webkit-linear-gradient(to right, transparent, rgba(0,0,0,.9));background:-o-linear-gradient(to right, transparent, rgba(0,0,0,.9));background:-moz-linear-gradient(to right, transparent, rgba(0,0,0,.9));background:linear-gradient(to right, transparent, rgba(0,0,0,.9));text-shadow:1px 1px rgba(0,0,0,.9)}
.auto-h15 .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-h15 .photo-titbg .auto-fontJ {color:rgba(255,255,255,.65) !important}
.auto-h15 .auto-pager {position:absolute;z-index:10;left:50%;bottom:0;width:1100px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.auto-h15 .auto-pager li[id*="slick-"] {float:left}
.auto-h15 .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-h15:hover .auto-pager li[id*="slick-"] button[data-role] {height:8px;opacity:1}
.auto-h15 .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e7316e}
.auto-h15 .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-h15 .photo-btn:hover {color:#fefefe}
.auto-h15 .photo-btn.auto-prev {left:0}
.auto-h15 .photo-btn.auto-next {right:0}
.auto-h15:hover .photo-btn {visibility:visible}
.auto-h15:hover .photo-btn.auto-prev {left:1.25rem}
.auto-h15:hover .photo-btn.auto-next {right:1.25rem}
.auto-h15 .photo-titbg.cover, .photo-titbg.right.cover{left:0}

.auto-h15 .head-more-btn {position:absolute;bottom:0; right:0; width:100px; height:98px; background:url('/image/autobox/top_more_btn.png') no-repeat; z-index:9;}
.auto-h15 .head-more-btn a {display: block; width: 100%; height: 100%;}

.auto-h16 {position:relative}
.auto-h16:hover a{text-decoration:underline}
.auto-h16 [class *= "size-"] {display:inline-block;margin-left:auto;margin-right:auto;padding:.25rem 1rem;text-align:left}
.auto-h16 [class *= "size-"] a {font-weight:500;line-height:1;text-shadow:1px 1px 1px #000;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.auto-h16 [class *= "size-"] {margin-bottom:2rem;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.auto-h16:hover [class *= "size-"] {margin-bottom:1.5rem;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.auto-h16 .auto-images.cover {transition:all .5s ease 0s;overflow:hidden !important}
.auto-h16 .auto-images.cover:hover {transform:scale(1.1, 1.1)}.auto-h16 .photo-btn {top:0;bottom:0}
.auto-h16 .photo-btn .btn-inner {width:40px;height:50px;padding-top:.2rem;font-size:2.2rem;color:#fff;background-color:rgba(0,0,0,.5);}
.auto-h16 .photo-btn.auto-prev {left:0}
.auto-h16 .photo-btn.auto-next {right:0}
.auto-h16 .slick-slide {cursor:pointer}
.auto-h16 .slick-slide .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s;-moz-transition:all .25s;-webkit-transition:all .25s;-o-transition:all .25s}
.auto-h16 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-h16 .slick-list {padding:0 !important}
.auto-h16 .slick-dotted.slick-slider {margin-bottom:0}

.auto-h16 .auto-pager-new {position:absolute;bottom:10px;right:10px;z-index:1;text-align:center}
.auto-h16 .auto-pager-new::after {content:'';display:table;clear:both}
.auto-h16 .auto-pager-new li[id*="slick-"] {display:inline-block;margin:0 auto}
.auto-h16 .auto-pager-new li[id*="slick-"] button[data-role] {display:block;overflow:hidden;width:13px;height:13px;margin-left:.2rem;margin-right:.2rem;color:transparent;text-indent:-5000px;background:#f8f8f8;border-radius:50%;cursor:pointer}
.auto-h16 .auto-pager-new.white li[id*="slick-"] button[data-role] {background:rgba(255,255,255,.25)}
.auto-h16 .auto-pager-new li[id*="slick-"].slick-active button[data-role] {background-color:#e7316e}

.auto-h16-2 {position:relative}
.auto-h16-2 li{overflow:hidden}
.auto-h16-2 [class *= "size-"] {display:inline-block;margin-left:auto;margin-right:auto;padding:.25rem 1rem;text-align:left}
.auto-h16-2 [class *= "size-"] a {font-weight:500;line-height:1;text-shadow:1px 1px 1px #000;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.auto-h16-2 [class *= "size-"] {margin-bottom:1rem;padding-right:1rem;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.auto-h16-2 div:hover [class *= "size-"] {margin-bottom:.5rem;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.auto-h16-2 .auto-images.cover {transition:all .5s ease 0s;overflow:hidden !important}
.auto-h16-2 .auto-images.cover:hover {transform:scale(1.1, 1.1)}

.auto-h17{box-sizing:border-box}
.auto-h17 .auto-content {position:relative;float:left;width:calc(35% - 10px);margin-left:10px;cursor:pointer;box-sizing:border-box}
.auto-h17 .auto-content:hover strong{text-decoration:underline}
.auto-h17 .auto-content:first-child,.auto-h17 .auto-content:nth-child(3n + 1) {width:65%;margin-left:0;clear:both}
.auto-h17 .auto-content::before {content:'';position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;border:3px solid transparent}
.auto-h17 .auto-content:hover::before {background-color:transparent;border-color:#e73f72}
.auto-h17 .photo-titbg {padding:.9375rem}
.auto-h17 .photo-titbg .auto-fontJ {color:rgba(255,255,255,.65) !important}
.auto-h17 .photo-titbg.gradient{position:absolute;z-index:2;}
.auto-h17 .auto-section {top:0;left:0;padding:3px 15px;color:#fff;font-weight:bold}
.auto-h17 .auto-section.sub-bg {background-color:#ffc44a}
.auto-h17 .auto-content > a:focus {position:relative;float:left;width:100%;height:100%}
.auto-h17 .auto-content > a:focus::after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:3px solid #ff0}

.auto-h18 {position:relative}
.auto-h18 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-h18 .photo-titbg {padding:.9375rem}
.auto-h18 .photo-btn {top:0;bottom:0}
.auto-h18 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;background:#fefefe;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-h18:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-h18 .photo-btn.auto-prev {left:-32px}
.auto-h18 .photo-btn.auto-next {right:-32px}
.auto-h18 .slick-slide {cursor:pointer}
.auto-h18 .slick-slide .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s;-moz-transition:all .25s;-webkit-transition:all .25s;-o-transition:all .25s}
.auto-h18 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-h18 .slick-list {padding:0 !important}

.auto-h21-2 .auto-content {position:relative;margin-left:1px;margin-bottom:1px;text-align:center}
.auto-h21-2 .photo-titbg {padding:.9375rem}
.auto-h21-2 li{overflow:hidden}
.auto-h21-2 .auto-images.cover{ transition:all .5s ease 0s}
.auto-h21-2 .auto-images.cover:hover{transform:scale(1.1, 1.1);}
.auto-h21-2 a:hover .photo-titbg div{transition:all .5s ease 0s;margin-bottom:10px;}

.all-article-view{position:relative; height:30px;background:#e4e5ea; border-top:10px solid #fff; border-bottom:10px solid #fff; text-align:center}
.all-article-view a{position:absolute; top:-10px; left:50%; padding:0 15px; margin-left:-80px; color:#555; font-size:19px; line-height:30px; background:#fff}
.all-article-view a:hover{color:#1d61ce; text-decoration:none}

.auto-ma01-5 .more-art{clear:both;width:100%;height:2.5rem;border:1px solid #ddd;text-align:center}
.auto-ma01-5 .more-art,.auto-ma01-5 .more-art a{line-height:2.5;font-size:.9rem;letter-spacing:-.06rem;color:rgba(0,0,0,.6);font-weight:700}
.auto-ma01-5 .more-btn {float:left;clear:both;width:83%;height:2.5rem;border-right:1px solid #ddd;cursor:pointer}
.auto-ma01-5 .more-art .auto-allnews {float:left;width:17%;height:2.5rem;cursor:pointer}

.auto-pr08 .photo-titbg {top: 0 ;padding: 1.5rem;background: -webkit-linear-gradient(top, rgba(0,0,0,.6) 50%, transparent) !important;height:50%}
.auto-pr08 .photo-titbg.gradient .label.tiny{text-shadow:none !important;font-size:.9rem !important;padding:.25rem .575rem}
.auto-pr08 .photo-btn {top:0;bottom:0}
.auto-pr08 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;background:#fefefe;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-pr08:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-pr08 .photo-btn.auto-prev {left:-32px}
.auto-pr08 .photo-btn.auto-next {right:-32px}
.auto-pr08 .slick-slide {cursor:pointer}
.auto-pr08 .slick-slide .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s;-moz-transition:all .25s;-webkit-transition:all .25s;-o-transition:all .25s}
.auto-pr08 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-pr08 .slick-list {padding:0 !important}

.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}

.auto-article.auto-pr03 {border-style:solid;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px}

.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:#888}
.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}

.index-wrap.custom03 .index-columns.grid-1 {width:50%;padding-right:.95rem}
.index-wrap.custom03 .index-columns.grid-2 {width:50%;padding-left:.95rem}
.index-wrap.custom03 .index-columns.grid-3 {width:34.5%;padding-left:1.9rem}
.index-wrap.custom03 .index-columns.grid-4 {width:65.5%;padding-right:0}

.auto-mp02-2 {border:1px solid #e7e7e7;}
.auto-mp02-2 .auto-columns {position:relative}
.auto-mp02-2 .auto-columns a::before{content:'';position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;border:3px solid transparent;transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}
.auto-mp02-2 .auto-columns a:hover::before {border-color:#e6336d}
.auto-mp02-2 .auto-columns .label.tiny{position:absolute;top:135px;left:35%;width:30%;text-align:center;z-index:3;font-size:.75rem;padding:.45rem 0}
.auto-mp02-2 .auto-columns .auto-content {position:relative;padding:.5rem .9375rem .9375rem .9375rem}
.auto-mp02-2 .auto-columns .auto-content::after {content:''display:table;clear:both}

.index-wrap.default-221 .index-columns.grid-1 {width:50%;padding-right:1.25rem}
.index-wrap.default-221 .index-columns.grid-2 {width:50%;padding-left:1.25rem}
.index-wrap.default-221 .index-columns.grid-3 {padding-left:.5rem}
.index-wrap.default-221 .index-columns.grid-4 {padding-right:.5rem}

.box-skin.design-10{background:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);padding:.9375rem}

.auto-mp02-3 .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-3 .auto-content-box {position:relative;padding:.9375rem}
.auto-mp02-3 .auto-content-box::after {content:''display:table;clear:both}
.auto-mp02-3 .auto-columns {overflow:hidden;position:relative}
.auto-mp02-3 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding:1.75rem 1.25rem;left:0;top:0;text-align:center;text-shadow:1px 1px rgba(0,0,0,.8);opacity: 0;}
.auto-mp02-3 a:hover .auto-content {opacity:1;}
.auto-mp02-3 .auto-content::after {content:'';position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.85);left:0;top:0}
.auto-mp02-3 .auto-content .auto-fontF,.auto-mp02-3 .auto-content .auto-fontJ {position:relative;z-index:2}
.auto-mp02-3 .auto-content .auto-fontF {margin-bottom:1rem}
.auto-mp02-3 .auto-content .auto-fontJ {color:rgba(255,255,255,.7) !important}
.auto-mp02-3.img .auto-images {text-align:center}
.auto-mp02-3.img .auto-images img {width:auto;max-height:140px}

.auto-mp02-4 .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-4 .auto-content-box {position:relative;padding:.9375rem}
.auto-mp02-4 .auto-content-box::after {content:''display:table;clear:both}
.auto-mp02-4 .auto-columns {overflow:hidden;position:relative}
.auto-mp02-4 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding:1.75rem 1.25rem;left:0;top:0;text-align:center;text-shadow:1px 1px rgba(0,0,0,.8);opacity: 0;}
.auto-mp02-4 a:hover .auto-content {opacity:1;}
.auto-mp02-4 .auto-content::after {content:'';position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.85);left:0;top:0}
.auto-mp02-4 .auto-content .auto-fontF,.auto-mp02-4 .auto-content .auto-fontJ {position:relative;z-index:2}
.auto-mp02-4 .auto-content .auto-fontF {margin-bottom:1rem}
.auto-mp02-4 .auto-content .auto-fontJ {color:rgba(255,255,255,.7) !important}
.auto-mp02-4.img .auto-images {text-align:center}
.auto-mp02-4.img .auto-images img {width:auto;max-height:140px}

.auto-mp06 {border-bottom:1px solid #333;padding-bottom:1rem}
.auto-mp06 .header-box{position:relative;display:block}
.auto-mp06 .header-box::after{content: "\e905";display: inline-block;position: absolute;top: 10px;right: 10px;font: normal normal normal 14px/1 'ndsoft fonts';font-size: 10px;text-rendering: auto;color: #fff}
.auto-mp06 .header-section{position:relative;border-top:2px solid #333;padding-top:.5rem}
.auto-mp06 .header-section::after{content: '더보기';display: inline-block;position: absolute;top: 0;right: 0;padding: .25rem 1.5rem .313rem 1rem;background: #000;font-size: 12px;font-weight: 400;color: #fff}
.auto-mp06 .photo-btn {top:1rem;bottom:0}
.auto-mp06 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;background:#fefefe;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-mp06:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-mp06 .photo-btn.auto-prev {left:-32px}
.auto-mp06 .photo-btn.auto-next {right:-32px}

.auto-ha07{border-top:2px solid #231915}
.auto-ha07 .auto-content {float:left;position:relative;width:calc(30% - 30px);height:250px;margin-left:30px}
.auto-ha07 .auto-content:first-child,.auto-ha07 .auto-content:nth-child(5n + 1) {width:70%;height:445px;margin-left:0;clear:both}
.auto-ha07 .auto-content:nth-child(2) {margin-bottom:15px;margin-top:2rem}
.auto-ha07 .auto-content .header-title a{display:table-cell}
.auto-ha07 .auto-content .header-title a::before{border:0}

.auto-ha07 .auto-content .header-title .section{border-right:1px solid rgba(0,0,0,.1);padding-top:1rem;line-height:2;width:15%}
.auto-ha07 .auto-content .header-title .title{line-height:2;padding:1rem 2rem 0 3rem;width:85%}

.auto-ha07 .auto-content a {display:block;position:relative}
.auto-ha07 .auto-content.line 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-ha07 .auto-content.line .auto-text {padding:1rem}

.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;-webkit-transition:all .35s;-moz-transition:all .45s;-o-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}

.auto-ha06-44 .auto-content:nth-child(1) {position:absolute;top:0;bottom:0;margin:0}
.auto-ha06-44 .auto-content.sub {position:absolute;margin:0}
.auto-ha06-44 .auto-content.most {float:left;width:18.4%;margin:2% 0 0 2%}
.auto-ha06-44 .auto-content:nth-child(2) {top:0;left:0}
.auto-ha06-44 .auto-content:nth-child(3) {bottom:0;left:0}
.auto-ha06-44 .auto-content:nth-child(4) {top:0;right:0}
.auto-ha06-44 .auto-content:nth-child(5) {bottom:0;right:0}
.auto-ha06-44 .auto-content:nth-child(6),
.auto-ha06-44 .auto-content:nth-child(5n+1) {margin-left:0}

.auto-ha06-44 .auto-content .auto-text {padding:1rem;border:1px solid rgba(0,0,0,.06);border-top:0}
.auto-ha06-44 .auto-content.big .auto-text {height:160px}
.auto-ha06-44 .auto-content.sub .auto-text {height:80px}

.auto-ha06-44 .auto-content a {float:left;width:100%;background:rgba(0,0,0,.02)}
.auto-ha06-44 .auto-content a .auto-images {transition:all .5s ease 0s}
.auto-ha06-44 .auto-content a:hover .auto-images {transform:scale(1.1, 1.1);}

.box-skin.box-sponsor {width:100%;}
.box-skin.box-sponsor .dnbanner {position:relative;width:100%;height:73px;}
.box-skin.box-sponsor .dnbanner .spon-box {height:73px;}
.box-skin.box-sponsor .dnbanner .spon-box .spon-banner {float:left;list-style:none;display:block;float:left;overflow:hidden;width:auto;height:70px;margin-top:3px;}
.box-skin.box-sponsor .dnbanner .photo-btn {position:absolute;font-size:.8rem;color:#9b9da0;text-align:center;line-height:4.375rem}
.box-skin.box-sponsor .dnbanner .photo-btn.auto-prev{top:50%;left:-1rem;transform: translateY(-50%);}
.box-skin.box-sponsor .dnbanner .photo-btn.auto-next{top:50%;right:-1rem;transform: translateY(-50%);}

.auto-mp07{border-top:1px solid #dfdfdf;padding-top:.625rem}
.auto-mp07.header a::after{content: '|';padding-left: .625rem;font-size: 14px;color: #dfdfdf;}

.index-wrap .index-columns.grid-5 {padding-left:1.281rem}
.index-wrap .index-columns.grid-6 {padding-right:1.281rem}
.index-wrap .index-columns.width-253 {width:15.844rem}
.index-wrap .index-columns.grid-7 {padding-right:0.625rem}
.index-wrap .index-columns.grid-8 {padding-left:0.625rem}

.box-skin.design-11 .header{border-bottom:2px solid #333;margin-bottom:1rem}
.box-skin.design-11 .header > strong{margin-bottom:1rem}

.auto-ma04-1 .auto-column {float:left;width:345px;padding-top:25px;padding-left:10px;}
.auto-ma04-1 .auto-column:first-child {width:calc(100% - 345px);padding:0;padding-right:25px;border:none;}
.auto-ma04-1 .auto-column:nth-child(2) {padding-top:0}

.auto-mb01 .auto-column:first-child > div{border-top:0}
.auto-mb01 .default-point {color:rgba(255,255,255,1) !important;font-size:2.375rem;float:left;line-height:2.188rem;}
.auto-mb01 .user-point {font-size:2.875rem;float:left; line-height:4rem}
.auto-mb01 .auto-title {height:3.500rem;margin-left:2rem}
.auto-mb01 .r-title {padding:13px 0 0 10px;max-height:4em}

.box-skin.bg{background-color:rgba(0,0,0,.8);padding:.9375rem}

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

.auto-mr03 {position:relative;height:48px;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.1)}
.auto-mr03 .auto-titles {float:left;padding:.9rem 1rem 0;font-size:1rem;font-weight:700;line-height:1em;letter-spacing:-0.05em}
.auto-mr03 .auto-container {margin-top:.8rem;padding-right:1rem}
.auto-mr03 .photo-btn {width:40px;height:20px;font-size:1.25rem;color:rgba(0,0,0,.45);left:inherit;right:0;text-align:center}
.auto-mr03 .photo-btn:hover {color:rgba(0,0,0,.9)}
.auto-mr03 .photo-btn.auto-prev {top:-9px}
.auto-mr03 .photo-btn.auto-next {top:9px}

.index-wrap.custom10 .index-columns.grid-1 {padding-right:1.25rem;padding-right:1.25rem}
.index-wrap.custom10 .index-columns.grid-2 {padding-left:1.25rem;border-left:none;padding-left:1.25rem;border-left:1px solid #e7e7e7}
.index-wrap.custom10 .index-columns.grid-3 {padding-left:1.25rem;padding-right:0}
.index-wrap.custom10 .index-columns.grid-4 {padding-right:1.25rem;border-right:none;border-right:1px solid #e7e7e7}
.index-wrap.custom10 .index-columns.grid-5 {padding-left:0;padding-right:1.25rem}
.index-wrap.custom10 .index-columns-flex {margin-bottom:1.25rem;padding-top:1.25rem;padding-bottom:1.25rem;background-color:#f3f4f4}
.index-wrap.custom10 .top-border{border-top:1px solid #e7e7e7}

.auto-ha06-4 .auto-content {float:left;position:relative;height:445px;width:100%;height:467px}
.auto-ha06-4 .auto-content a {display:block;position:relative;height:100%;background:#f8f8f9}
.auto-ha06-4 .auto-content a:hover {background-color:#fff}
.auto-ha06-4 .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-4 .auto-content .auto-text {padding:1rem}

.auto-dl03-2 li:nth-child(2n){border:0}

.auto-ha06-4 .auto-content {float:right;position:relative;width:calc(35% - 20px);height:223px;margin-right:20px;margin-top:20px;overflow:hidden !important}
.auto-ha06-4 .auto-content:first-child,.auto-ha06-4 .auto-content:nth-child(5n + 1) {width:65%;height:465px;margin-right:0;clear:both}
.auto-ha06-4 .auto-content:nth-child(1),.auto-ha06-4 .auto-content:nth-child(2){margin-top:0}
.auto-ha06-4 .auto-content a {display:block;position:relative;height:100%}
.auto-ha06-4 .auto-content a:hover {background-color:#f8f8f9}
.auto-ha06-4 .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-4 .auto-content .auto-text {padding:1rem}
.auto-ha06-4 .auto-images{transition:all .5s ease 0s;overflow:hidden !important}
.auto-ha06-4 .images-cover{overflow:hidden}
.auto-ha06-4 .auto-images.cover{overflow:hidden !important}
.auto-ha06-4 .auto-content a:hover .auto-images{transform:scale(1.1, 1.1);}

.index-wrap.custom11 .index-columns.grid-1 {width:50%;padding-right:1.25rem}
.index-wrap.custom11 .index-columns.grid-2 {width:50%;padding-left:1.25rem}
.index-wrap.custom11 .index-columns.grid-3 {padding-left:1.25rem}
.index-wrap.custom11 .index-columns.grid-4 {padding-right:1.25rem;border-right:1px solid #e7e7e7}

.auto-mr04 {position:relative;border-top:2px solid #000;border-bottom:1px solid rgba(0,0,0,.2);padding:.8rem 0;text-align:center}
.auto-mr04 .auto-titles {float:left;padding:.9rem 1rem 0 15rem;font-size:1rem;font-weight:700;line-height:1em;letter-spacing:-0.05em}
.auto-mr04 .auto-container {padding-right:1rem;text-align:center}
.auto-mr04 .photo-btn {width:40px;font-size:1.25rem;color:rgba(0,0,0,.45);left:inherit;right:0;text-align:center}
.auto-mr04 .photo-btn:hover {color:rgba(0,0,0,.9)}

.auto-mr04 .photo-btn.auto-next {top:18px}

.auto-dl03-3 li{float:left;width:33.3%}
.auto-dl03-3 li:nth-child(4) .auto-sol,.auto-dl03-3 li:nth-child(5) .auto-sol,.auto-dl03-3 li:nth-child(6) .auto-sol{border-top:0}
.auto-dl03-3 li:nth-child(10),.auto-dl03-3 li:nth-child(11),.auto-dl03-3 li:nth-child(12){padding-bottom:2rem !important}
.auto-dl03-3 li.text-title {border-right:1px solid rgba(0,0,0,.12);padding:0 1rem}
.auto-dl03-3 li.text-title:nth-child(6),.auto-dl03-3 li.text-title:nth-child(9),.auto-dl03-3 li.text-title:nth-child(12){border-right:0}

.auto-dl04-2 .auto-column {position:relative;padding-left:30px;margin-left:4.5rem}
.auto-dl04-2 .auto-column::before,.auto-dl04-2 .auto-column::after {content:'';position:absolute}
.auto-dl04-2 .auto-column::before {z-index:1;border-left:1px solid #ccc;left:10px;top:0;bottom:0}
.auto-dl04-2 .auto-column::after {z-index:2;width:11px;height:11px;background:#fff;left:5px;top:15px;border:1px solid #bdc3c7;border-radius:50%;box-sizing:content-box}
.auto-dl04-2 .auto-column:last-child::before{bottom:15px}
.auto-dl04-2 .auto-column:nth-child(2)::after{top:5px;}
.auto-dl04-2 .auto-column:nth-child(2)::before{top:15px}