@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+Myeongjo:400,700,800&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,600i,700,700i');

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}

/**********************************************
note : design custom style page
**********************************************/
.index-wrap .index-columns.grid-5 {padding-right:29px}
.index-wrap .index-columns.grid-6 {padding-right:25px}

/* 박스 */
.box-skin.left-title {border:1px solid rgba(0,0,0,.12);background-color:rgba(0,0,0,.05)}
.box-skin.left-title > .header {float:left;width:180px;padding:.938rem}
.box-skin.left-title > .content {float:right;padding:.938rem;width:calc(100% - 180px);background-color:#fefefe}

/* 기사뷰 */
.article-veiw-body .view-mail {margin:1rem 0;font-size:.9rem;text-align:left;color:rgba(0,0,0,.75);letter-spacing:-.05em}

/**********************************************
note : 자동박스
**********************************************/
/* dp05 */
.auto-dp05 .auto-section {position:absolute;z-index:10;padding:.3rem .5rem;font-size:.75rem;line-height:1;color:#fefefe;left:0;top:0}

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

/**********************************************
note : 안내데스크
**********************************************/
/* 공통스타일 */
.com-wrap {overflow:hidden;width:95%;margin:1.250rem auto;font-size:1rem;letter-spacing:-0.08em;line-height:1.563rem;text-align:left;color:#666666}
.com-wrap img {display:block;margin:0 auto}
.com-wrap .columns.com-img,.com-wrap .columns.com-img {padding:0}

/* 회사 */
.com-1 .com-title {display:block;color:#252525;margin-bottom:1.5rem;font-size:2rem;font-weight:400;line-height:1.2;letter-spacing:-.08em;font-family:-apple-system,BlinkMacSystemFont,'Nanum Myeongjo', serif}
.com-1 .com-title span {color:#0079a6}
.com-1 .com-title::after {content:'';display:block;width:120px;margin-top:.4rem;border-bottom:1px solid #0079a6}
.com-1 p {font-weight:300;text-align:justify}
.com-1 .com-sub-title {display:block;color:#252525;margin-bottom:.3rem;font-size:1.25rem;font-weight:400;line-height:1.2;letter-spacing:-.08em}
.com-1 .ceo-img {float:right;padding-left:1.5rem;padding-bottom:1.5rem}
.com-1 .ceo-text {float:right;color:#191919;font-size:.875rem;text-align:right}
.com-1 .ceo-text img {margin-top:.25rem}

@media screen and (max-width: 39.9375em) {
	.com-1 .com-title {font-size:1.5rem}
	.com-1 .com-title br {display:none}
	.com-1 .com-title::after {width:80px}
}

/* 연혁 */
.com-2 .com-2-year {font-size:3.750rem;font-family:-apple-system,BlinkMacSystemFont,'Josefin Sans', sans-serif}
.com-2 .com-2-year strong {line-height:4.375rem;letter-spacing:-0.125em;color:#3268b0;font-style:italic}
.com-2 .com-2-cont p {font-size:.9rem !important;letter-spacing:-0.063rem;color:#777777 !important;}
.com-2 .com-2-point {font-weight:600;color:#333333}
.com-2 hr {margin:1.50rem auto 2.50rem auto !important;border-bottom: 1px dashed rgba(0,0,0,.1) !important;}
.com-2 hr.com-3-hr {border-bottom: 2px dashed rgba(0,0,0,.3) !important;)}

/* 매체개요/광고요금표 */
.com-3 table {font-size:.8rem;border:1px solid #dfdfdf}
.com-3 table th {background-color:#f4f4f4;border-bottom:1px solid #dfdfdf;text-align:center}
.com-3 table td {background-color:#fefefe;border-bottom:1px solid #dfdfdf}
.com-3 table td table {margin-bottom:0}
.com-3 table tr:last-child th,.com-3 table tr:last-child td, .com-3 table td table th,.com-3 table td table td {border-bottom:0}

/* 본사약도 */
.com-4 table {margin:1.5rem 0;border:1px solid #dfdfdf}
.com-4 table th {font-size:.75rem;background-color:#f4f4f4;text-align:center;border-bottom:1px solid #dfdfdf}
.com-4 table td {font-size:.875rem;background-color:#fff;color:#666;border-bottom:1px solid #dfdfdf}
.com-4 table tr:last-child th,.com-4 table tr:last-child td {border-bottom:0}
.com-4 table td.pad-none {padding:0}
.com-4 .user-map {margin-bottom:1.5rem}
.com-4 .user-map .root_daum_roughmap {width:100%}
.com-4 .user-traffic .columns {padding:0}
.com-4 .user-traffic .columns > strong {position:relative;float:left;padding-top:1.875rem;margin:2.5rem 0 1rem;font-size:1.5rem;font-weight:300;letter-spacing:-.313rem;line-height:1.1}
.com-4 .user-traffic .columns:first-child > strong {margin-top:1rem}
.com-4 .user-traffic .columns > strong::after {content:'';position:absolute;top:5px;left:0;width:3.125rem;height:.063rem;background-color:#0a4aa0}
.com-4 .user-traffic .columns span strong {margin-right:10px;color:#191919}
.com-4 .user-traffic .columns p {color:#999}
.com-4 .tiny {margin-right:4px}
.com-4 .tiny.label.radius {border-radius:10px}
.com-4 .tiny.label.sub-3 {background-color:#fa5f2c}
.com-4 .tiny.label.sub-5 {background-color:#893bb6}
.com-4 .tiny.label.sub-8 {background-color:#e71e6e}


/*오피니언 기사리스트*/
.article-list .article-list-content .list-image2 {overflow: hidden; float: left; position: relative; width: 140px; height: 180px; margin-right: 20px; background-size: cover; background-position: center top; background-repeat: no-repeat;}



.box-skin .header .box_title {display: inline-block !important;margin-bottom: 0rem;}


.auto-dp03-1 .auto-columns2 {position: relative;}
.auto-dp03-1 .auto-columns2 a {display:block}
.auto-dp03-1 .auto-columns2 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-dp03-1 .auto-section {font-size:.8rem;text-align:left}
.auto-dp03-1 .auto-section.noimage {position:relative;padding-bottom:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:400;text-align:center}
.auto-dp03-1 .auto-section.noimage::before {content:'';position:absolute;z-index:1;width:100%;max-width:3rem;border-bottom:1px solid rgba(0,0,0,.12);left:50%;top:100%;transform:translateX(-50%)}
.auto-dp03-1 .auto-images {position:relative}
.auto-dp03-1 .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-dp03-1 .auto-content {position:relative;padding:.9375rem}
.auto-dp03-1 .auto-content::after {content:''display:table;clear:both}


.inc {position: absolute;z-index: 1002;right: 0;bottom: 80px;}

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

/* 배진희 / 1204074 / 20221005 */
#user-footer .footer-menu .user-nav a{padding:0 .35rem;}