@charset "UTF-8";
/**********************************************
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');
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');

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

/**********************************************
note : 리뉴얼
name : 강혜리
**********************************************
note : 메인
**********************************************/
.box-skin .header .skin-column > a, .box-skin .header .skin-column > strong, .box-skin .header > a, .box-skin .header > strong {font-size:1.125rem;letter-spacing:-.05em}
.box-skin .header > a {background:url('/image/more.png')right top 3px no-repeat}

/* 단 */
.index-wrap.custom .index-columns.grid-6 {padding-left:1.25rem;border-left:1px solid #e7e7e7}

/**********************************************
note : 관리자 - 승인관리
**********************************************/
#article-control-wrap .embago-search {width:600px}
#article-control-wrap .embago-search #head-search {float:left;margin-right:1rem}
#article-control-wrap .embago-search input#sc_forward_word {width:calc(100% - 205px)}

/**********************************************
note : 기사등록-특수문자
**********************************************/
#my_menu table {border-collapse:inherit}
#my_menu table tbody tr:nth-child(2n) {background-color:#fff !important}
#my_menu table .my-subtit {padding:0;padding-bottom:.5rem;font-size:.8rem}

/**********************************************
note : 자동박스
**********************************************/
/* ha10 */
.auto-article[class*='auto-ha10'] .auto-columns {overflow:hidden;position:relative}
.auto-article[class*='auto-ha10'] .auto-columns > a .auto-images {transform:scale(1);transition:all .5s ease-in-out}
.auto-article[class*='auto-ha10'] .auto-columns > a:hover .auto-images {transform:scale(1.1);transition:all .5s ease-in-out}
.auto-ha10 .auto-columns {position:relative;float:left;width:calc(25% - 1px);margin-left:1px;margin-top:1px}
.auto-ha10 .auto-columns:first-child,.auto-ha10 .auto-columns:nth-child(4n + 1) {width:75%;margin-left:0;clear:both}
.auto-ha10 .auto-columns:nth-child(1),.auto-ha10 .auto-columns:nth-child(2) {margin-top:0}
.auto-ha10 .auto-columns .title1 {padding:0 7rem 0 1.5rem}
.auto-ha10 .auto-columns .title2 {padding:0 2rem .938rem .938rem}
.auto-ha10 .photo-titbg [class*="size-"] {bottom:1.25rem;font-weight:500;position:absolute;z-index:1;width:100%;right:0;-webkit-transition:all .3s;transition:all .3s}
.auto-ha10 .photo-titbg.gradient.cover {background:linear-gradient(transparent 30%,rgba(0,0,0,.9) 90%);text-shadow:none}
.auto-ha10 a:hover .photo-titbg [class*="size-"] {-webkit-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all .3s;transition:all .3s}

/* ha11 */
.auto-article[class*='auto-ha11'] .auto-columns {overflow:hidden;position:relative}
.auto-article[class*='auto-ha11'] .auto-columns > a .auto-images {transform:scale(1);transition:all .5s ease-in-out}
.auto-article[class*='auto-ha11'] .auto-columns > a:hover .auto-images {transform:scale(1.1);transition:all .5s ease-in-out}
.auto-ha11 .auto-columns .title1 {position:absolute;top:6rem;z-index:1;width:100%;right:0;padding:0 25rem 0 1.5rem;font-weight:500}
.auto-ha11 .auto-columns .title2 {position:absolute;top:13.5rem;padding:0 25rem 0 1rem}
.auto-ha11 .photo-titbg.gradient.cover {background:linear-gradient(to left, transparent 30%,rgba(0,0,0,.9) 90%);text-shadow:none}
.auto-ha11 .auto-section {display:inline-block;margin:2.8rem 0 0 1rem;padding:.25rem .5rem;font-size:.8rem;line-height:1.25em;letter-spacing:-0.05em;color:#fefefe;clear:both;text-shadow:none}
.auto-ha11 .auto-columns .relation-group {position:absolute;bottom:5.7rem;z-index:11;width:100%;right:0;padding:0 25rem 0 1.5rem;font-weight:500}
.auto-ha11 .auto-columns .relation-group .auto-relation::before {border-color:rgba(255,255,255,.65) !important}

/* mp07 */
.auto-mp07.tiles-5x .auto-columns {width:19%;margin-right:1.25%}

/**********************************************
note : 소개페이지
**********************************************/
.com-about {letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.com-about::after {content:'';display:table;clear:both}
.com-about .about-group:not(:first-child) {margin-top:2rem}
.com-about .about-group::after {content:'';display:table;clear:both}

/* 매체소개 */
.com-about.com-1 .about-group:not(:first-child) {padding-top:2rem;border-top:1px solid #dfdfdf}
.com-about.com-1 .about-group .about-left {float:left}
.com-about.com-1 .about-group .about-right {float:right;width:75%}
.com-about.com-1 .com-stit {margin-bottom:1.5rem;font-size:1.6rem;font-weight:700}
.com-about.com-1 .p-group::after {content:'';display:table;clear:both}
.com-about.com-1 .p-group:not(:first-child) {margin-top:1rem;padding-top:1rem;border-top:1px dashed #ccc}
.com-about.com-1 .p-group .tit {float:left;width:120px;font-size:1.125rem;font-weight:700;line-height:1em;letter-spacing:-0.05em}
.com-about.com-1 .p-group .cts {float:right;margin-bottom:0;width:calc(100% - 180px)}
.com-about.com-1 .p-group .cts::after {content:'';display:table;clear:both}
.com-about.com-1 .p-group .cts dt,.com-about.com-1 .p-group .cts dd {float:left;font-size:.9rem;line-height:1.25em;letter-spacing:-0.05em}
.com-about.com-1 .p-group .cts dt {width:100px;clear:both}
.com-about.com-1 .p-group .cts dd {color:rgba(0,0,0,.55);line-height:1.5}
@media screen and (max-width: 39.9375em) {
	.com-about.com-1 .about-group .about-left {float:none;text-align:center}
	.com-about.com-1 .about-group .about-right {float:none;width:100%}
}


.insin {position: absolute;z-index: 1002;right: 0;bottom: 18px;}

#user-footer .footer-menu .footer-columns.user-logo { width: 220px;}
#user-footer .footer-menu .footer-columns.user-logo img {max-height: 45px;}

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

/* 배진희 / 952108 / 20200525 */
@media screen and (max-width: 63.9375em){
.row #article-header-title.default .aht-wrapper{display:none;}
}



/* 김민희 / 973191 / 20200804 모바일 인기기사박스*/
.cus-shadow {padding:1rem;}
.cus-shadow li:first-child {box-shadow:2px 2px 10px #999;border-radius:10px;}
.cus-shadow li:first-child a {margin-bottom:1rem;}
.cus-shadow .auto-images::before {border-radius:10px;}

/* 김민희 / 973221 / 20200805 m-기사본문 추천기사 */
.article-relation.user-view.cus-relation {margin-bottom:15px;}
.article-relation.default.cus-relation .title>strong {padding-left:0 !important; margin:0;font-size:1rem;letter-spacing:-0.05em;}
.article-relation.default.cus-relation .contents {padding-left:0 !important;margin-bottom:0 !important}
.article-relation.default.cus-relation .contents a {font-size: .9rem !important;text-align: left;vertical-align: baseline;letter-spacing: -.05em;line-height:.5em !important;color:#2199e8 !important}

/* 배진희 / 983251 / 20200907 */
.auto-db02 .number.user-point{color:#007701 !important;}
.auto-db02 .number.default-point{color:#007701 !important;font-weight:normal;}
.auto-db02-1 .slick-list{padding-bottom:25px;}
.auto-db02-1 .photo-btn{right:0;bottom:0;width:20px;height:20px;border:1px solid #ccc;border-radius:50%;}
.auto-db02-1 .photo-btn.auto-prev{right:25px;}
.auto-db02-1 .photo-btn.auto-next{}


/* 윤미정 / 983279 / 20200907 */

.article-veiw-body.view-page p {color:#555;}

/* 최은비 / 983271 / 20200907 */
.article-relation.default.cus-relation .contents a{display: inline-block;padding-left: 25px;line-height:1.5 !important;}
.article-relation.default.cus-relation .contents{position:relative;}
.article-relation.default.cus-relation .contents .rel-txt{position:absolute;left:0;top:0px}




/* ha11-1 */
.auto-article[class*='auto-ha11-1'] .auto-columns {overflow:hidden;position:relative}
.auto-article[class*='auto-ha11-1'] .auto-columns > a .auto-images {transform:scale(1);transition:all .5s ease-in-out}
.auto-article[class*='auto-ha11-1'] .auto-columns > a:hover .auto-images {transform:scale(1.1);transition:all .5s ease-in-out}
.auto-ha11-1 .auto-columns .title {position:absolute;overflow: hidden; bottom: 0;margin-bottom: 5px;font-weight:500;padding: 0 10px 0 0;}
.auto-ha11-1 .photo-titbg.gradient.cover {background:linear-gradient(to bottom, transparent 50%,rgba(0,0,0,.7) 90%);text-shadow:none}
.auto-ha11-1 .auto-section {display:inline-block;margin:2.8rem 0 0 1rem;padding:.25rem .5rem;font-size:.8rem;line-height:1.25em;letter-spacing:-0.05em;color:#fefefe;clear:both;text-shadow:none}
.auto-ha11-1 .auto-columns .relation-group {position:absolute;bottom:5.7rem;z-index:11;width:100%;right:0;padding:0 25rem 0 1.5rem;font-weight:500}
.auto-ha11-1 .auto-columns .relation-group .auto-relation::before {border-color:rgba(255,255,255,.65) !important}



/* 홍경아 / 1186443 / 20220802 */
.box-skin.text-center .header {text-align: center;}


/* 김민희 / 1186465 / 20220802 */
.article-view-header .article-header-wrap .article-head-title {font-size: 40px; font-weight:bolder;}
.article-head-sub {font-weight: bold;font-size: 18px;}
.article-veiw-body.view-page p {font-size: 18px;line-height: 1.67em;color:#222;}
@media screen and (max-width: 63.9375em) {
.row .article-view-header .article-header-wrap .article-head-title {font-size: 25px; font-weight:bolder;}
}

/* 강수현 / 1262979 / 20230420 관리자모드 관련기사 추가 버튼 */
#admin-wrap .viewrelation-btn {float:right;margin:.5rem}


/**********************************************
note : 미디어N 관련기사
**********************************************/
#median-outlink {margin:2.125rem auto;padding:1.375rem;background-color:#f8f8f8;border:1px solid rgba(0,0,0,.05);}
#median-outlink .no-bullet {margin:0;padding:0;list-style:none}
#median-outlink .no-bullet li {font:.875rem/1.3 normal normal;letter-spacing:-.05em;color:#000}
#median-outlink .no-bullet > :not(:first-child) {margin-top:.625rem}
#median-outlink .no-bullet li a {display:block;overflow:hidden;font:inherit;color:inherit;white-space:nowrap;text-overflow:ellipsis}


/*icon bullet*/
.icon_bullet{display:inline-block;background:url(../image/icon-bullet.png) no-repeat;vertical-align:middle}
button.icon_bullet{border:none;background-color:transparent;}
.icon_bullet.ib_0_240{width:11px;height:11px;background-position:0 -240px}/*삭제 - */

/* 종목코드 */
#arl_jmcode span {display:inline-block; margin:5px; padding:0; word-wrap:break-word;}

/* 배진희 / 1329229 / 20231215 */
.admin-article-list .dis-table-row > .dis-table-cell:nth-of-type(1) {width: 50px}
.admin-article-list .dis-table-row > .dis-table-cell:nth-of-type(2) {width: 160px}
.admin-article-list .dis-table-row > .dis-table-cell:nth-of-type(3) {width: 100%}
.admin-article-list .dis-table-row > .dis-table-cell:nth-of-type(4) {width: 160px}
.admin-article-list .dis-table-row > .dis-table-cell:nth-of-type(5) {width: 100px}

/* 배진희 / 1512790 / 20251001 */
#user-footer .footer-menu{position:relative;}
#user-footer .footer-menu .jb-banner{position:absolute;left:0;top:60px}

/* 배진희 / 1514643 / 20251013 */
@media screen and (max-width: 63.9375em){
#user-wrap.mobile #user-container{margin-top:75px}
}


/* 홍경아 / 1538740 / 20260106 */
/* 약관 및 정책 */
.about-us .user-com-about {padding-bottom:200px}
.about-us .user-com-about .privacy-list {margin-bottom:50px;padding:20px 30px;color:#626262;background-color:#F8F8F8;border:0}
.about-us .user-com-about .privacy-list .privacy-list-header {padding:0}
.about-us .user-com-about .privacy-list .privacy-list-groups {margin:0}
.about-us .user-com-about .privacy-list .privacy-list-groups > li {position:relative;margin-bottom:10px;padding-left:10px}
.about-us .user-com-about .privacy-list .privacy-list-groups > li::before {content:'';position:absolute;top:7px;left:0;width:4px;height:4px;background-color:#626262;border-radius:50%}
.about-us .user-com-about .privacy-list .privacy-list-groups > li > a {font-size:16px;color:#626262;letter-spacing:-.03em}
.about-us .user-com-about .privacy-list .privacy-list-groups > li > a > strong {font-weight:400}
.about-us .user-com-about .privacy-group {margin-bottom:50px;letter-spacing:-.02em}
.about-us .user-com-about .privacy-group .privacy-group-title {font-size:20px;font-weight:700;color:#000}
.about-us .user-com-about .privacy-group .privacy-group-summary,
.about-us .user-com-about .privacy-group .privacy-group-list > li {font-size:17px;font-weight:400;color:#4f4f4f}
.about-us .user-com-about .privacy-group .privacy-group-list > li {margin:0}
.about-us .user-com-about .privacy-group .privacy-group-list > li:not(:first-child) {margin-top:5px}
.about-us .user-com-about .privacy-group table tbody th,
.about-us .user-com-about .privacy-group table tbody td {font-size:15px;font-weight:400;line-height:32px;letter-spacing:-.02em;color:#787878}
.about-us .user-com-about .privacy-group table tbody,
.about-us .user-com-about .privacy-group table tbody tr,
.about-us .user-com-about .privacy-group table tbody th,
.about-us .user-com-about .privacy-group table tbody td {border-color:#e2e2e2}
.about-us .user-com-about .privacy-group table tbody td .button {width:300px;padding:18px 12px;font-size:14px;font-weight:500;letter-spacing:-.03em;line-height:18px;background-color:#000;border-radius:8px}
.about-us .user-com-about .privacy-group table tbody td .button:hover {background-color:#f9b233}
@media screen and (max-width: 63.9375em) {
	.about-us .user-com-about .privacy-list .privacy-list-groups + ul > li:last-child {margin-bottom:0}
}
@media screen and (max-width: 39.9375em) {
	.about-us .user-com-about .privacy-group .privacy-group-title {line-height:1.25}
	.about-us .user-com-about .privacy-group table tbody td .button {width:250px;}
}

/* 홍경아 / 1577602 / 20260424 
#user-container .section-nav {margin-left:calc(((100vw - 1100px) - 20px) * -.5);margin-right:calc(((100vw - 1100px) - 20px) * -.5);}
@media screen and (max-width: 1100px) {
	#user-container .section-nav {margin-left:auto;margin-right:auto}
}

#user-container .flex {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}
#user-container .flex-item {-ms-flex:1 0 0%;flex:1 0 0%;min-width:0}
#user-container .flex-item-auto {-ms-flex:0 0 auto;flex:0 0 auto;min-width:0}

#user-container .section-nav {margin-bottom:2.75rem;background-color:#ebebeb;border:none;    margin-top: -1.85rem;}
#user-container .section-nav .header {padding:3.125rem 3.125rem 0;background-color:#fff}
#user-container .section-nav .list-title {padding-bottom:1rem;border-bottom:1px solid #111}
#user-container .section-nav .titles {font-size:2.25rem;font-weight:700;color:#111}
#user-container .view-type {margin-left:auto;font-size:0}
#user-container .view-type .view-type-btn {margin-left:.3125rem;display:inline-block;width:31px;height:31px;line-height:31px;text-align:center;font-size:.9375rem;color:#999;border:1px solid #e2e2e2}
#user-container .view-type .view-type-btn.active {color:#111;border-color:#111}
#user-container .lists ul {border-bottom:1px solid #e2e2e2}
#user-container .lists ul > li > a {display:block;position:relative;padding:0 .9375rem;height:60px;line-height:60px;font-size:1.0625rem;color:#666;text-decoration:none}
#user-container .lists ul > li > a::after {content:'';display:block;position:absolute;z-index:2;bottom:-1px;left:0;right:0;width:100%;opacity:0;border-bottom:2px solid #111}
#user-container .lists ul > li > a.on, #user-container .lists > li > a:hover {color:#111;font-weight:500}
#user-container .lists ul > li > a.on::after {opacity:1}
@media screen and (max-width: 63.9375em) {
	.row #user-container .section-nav {margin-bottom:2rem;background-color:transparent}
	.row #user-container .section-nav .header {padding:0}
	.row #user-container .section-nav .list-title {padding-bottom:.75rem}
	.row #user-container .section-nav .titles {font-size:1.25rem}
	.row #user-container .view-type .view-type-btn {width:28px;height:28px;line-height:28px;font-size:.875rem}
	.row #user-container .view-type .view-type-btn.active {color:#111;border-color:#111}
	.row #user-container .lists {overflow-y:hidden;overflow-x:auto}
	.row #user-container .lists ul {-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:0}
	.row #user-container .lists li {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;min-width:0}
	.row #user-container .lists ul > li > a {height:45px;line-height:45px;font-size:.875rem}
	.row #user-container .lists ul > li > a::after {bottom:0}	
}
*/