@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900&subset=korean');

/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

/**********************************************
note : design custom style page
**********************************************/
* [class*='auto-article'] {font-family:'Noto Sans KR'}

/**********************************************
note : edit section main
**********************************************/
.index-wrap.custom-ride .grid-3 {padding-right:.9375rem;padding-left:0}
.index-wrap.custom-ride .grid-4 {padding-left:.9375rem;padding-right:0}

/**********************************************
note : box style
**********************************************/

/* weekly choice */
.box-skin.skin-weekly {height:410px;padding:1.25rem;background-color:#34495E}

/* box content line */
.box-skin.skin-content-line {padding:1.25rem;border:1px solid rgba(0,0,0,.12)}
.box-skin.skin-content-line header > a {position:relative;font-size:1.25rem;background:url('/image/btm-icon2.png') no-repeat top right}
/*.box-skin.skin-content-line header > a > i[class*='fa-'] {position:absolute;right:0;color:#999}*/

/* mobile border bottom */
.box-skin.border-top-10 {border-top:10px solid #ddd}
.box-skin.border-btm-10 {border-bottom:10px solid #ddd}
@media screen and (min-width: 40em) {
	.mobile.template .box-skin.border-top-10,
	.mobile.template .box-skin.border-btm-10 {border-width:1px}
}

/**********************************************
note : autobox
**********************************************/
/* hr11-2(headline) */
.auto-hr11-2 {overflow:hidden;position:relative}
.auto-hr11-2 .auto-images.cover {overflow:hidden;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
.auto-hr11-2 a:hover .auto-images.cover {transform:scale(1.1, 1.1)}
.auto-hr11-2 .auto-content {position:absolute;left:1.25rem;bottom:1.25rem;width:400px}
.auto-hr11-2 .line-height-4-2x {line-height:1.5em}
/*.auto-hr11-2 a .auto-content strong {background-color:rgba(0,0,0,.3)}*/
.auto-hr11-2 .photo-titbg {padding:1.5rem}
.auto-hr11-2 .photo-titbg .text-inner {width:400px}
.auto-hr11-2 a:hover .auto-fontF {color:#059dff !important}

.auto-hr11-2 .auto-pager {position:absolute;z-index:10;right:1.25rem;bottom:1.25rem}
.auto-hr11-2 .auto-pager li[id*="slick-"] button[data-role] {width:1rem;height:1rem;background-color:rgba(255,255,255,.65)}
.auto-hr11-2 .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e73f72;border-color:transparent}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.auto-hr11-2 .auto-images.cover {transition:inherit}
}

/* d04-1(normal) */
.auto-d04-1 .auto-dot {border-color:#576c82}

/*  va01-1(media) */
.auto-va01-1 .responsive-embed.widescreen {padding-bottom:53%}

/* ma01-5(import) */
.auto-ma01-5.tiles-2x li.auto-columns {width:430px}

/* mp01-6(import) */
.auto-mp01-6 i[class*='icon-'] {position:absolute;top:50%;left:50%;width:60px;height:60px;padding-left:.313rem;font-size:1.75rem;color:#fff;line-height:2;border:2px solid #fff;border-radius:50%;transform:translate3d(-50%, -50%, 0);text-align:center}

/* p02(mobile) */
.m-auto-p02 .photo-titbg {padding:1rem 1rem 2.5rem 1rem}

/* p02-1(mobile) */
.m-auto-p02-1 .auto-images {background-position:center}
.m-auto-p02-1 .auto-content {padding:1rem 1rem 2.5rem 1rem;border:1px solid rgba(0,0,0,.12);border-top:0;text-align:center}
.m-auto-p02-1 .auto-pager {position:absolute;left:50%;bottom:.625rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.m-auto-p02-1 .auto-pager li[id*="slick-"] button[data-role] {width:.625rem;height:.625rem;background-color:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.5)}
.m-auto-p02-1 .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e73f72;border-color:transparent}

/* tr05(mobile) */
.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}

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

/* 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)}

/**********************************************
note : 하단(김유진)
**********************************************/
/* 공통 */
#user-footer .footer-menu .footer-columns.user-logo {padding-right:1.875rem;vertical-align:middle}
#user-footer .footer-menu .footer-columns.user-logo img {max-height:inherit}
#user-footer .footer-menu .user-nav {margin-bottom:1.125rem}
#user-footer .footer-menu .user-nav a {display:block;float:left;padding:0;color:rgba(0,0,0,.88)}
#user-footer .footer-menu .user-nav a::before {content:'';display:block;float:right;padding-left:.75rem;margin:.313rem 0 0 .75rem;height:13px;border-left:1px solid rgba(0,0,0,.12)}
#user-footer .footer-menu .user-nav a:last-child::before {display:none}
#user-footer .footer-menu .user-nav a:hover {text-decoration:none}
#user-footer .user-address ul li:nth-last-child(2) {margin-top:1.125rem}

/* default */
#user-footer.user-style-default {background-color:#fff}

/* black */
#user-footer.user-style-black .footer-menu .user-nav a::before {border-color:rgba(255,255,255,.15)}


/**********************************************
note : 멀티기능성 배너
**********************************************/
.rolling-bn.banner-multi-box .slick-slide {margin:0;padding:0}
.rolling-bn.banner-multi-box .columns {padding:0}

#admin-wrap .edit-level1 {min-height:10px}