@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 {font-family:'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

/* font */
.auto-fontNT {font-family:'Noto Sans KR',sans-serif;font-weight:400}

/**********************************************
note : 메인
name : 강혜리
**********************************************/
/* 기사박스 */
.box-skin .header .skin-column > a, .box-skin .header .skin-column > strong, .box-skin .header > a, .box-skin .header > strong {font-family:'Noto Sans KR',sans-serif;font-weight:500;font-size:1.125rem}
.box-skin.center .header .skin-column > a, .box-skin.center .header .skin-column > strong, .box-skin.center .header > a, .box-skin.center .header > strong {text-align:center}

/* 모바일더보기 */
.box-skin.line-bottom {position:relative}
.box-skin.line-bottom::before{content:'전체보기'; display:block; position:absolute; top:16px; right:31px; font-size:.7rem; font-weight:normal; color:#999}
.box-skin.line-bottom::after{content:'>>'; display:block; position:absolute; top:16px; right:16px; font-family:'Dotum'; font-size:.7rem; font-weight:normal; color:#999; letter-spacing:-.25em; line-height:1.7}
.box-skin.line-bottom .header .skin-column > a, .box-skin.line-bottom .header .skin-column > strong, .box-skin.line-bottom .header > a, .box-skin.line-bottom .header > strong {text-align:left}

/**********************************************
note : 자동박스 
name : 강혜리
**********************************************/
/* padding-top */
.padtop-pec-47{padding-top:47%}
.padtop-pec-65{padding-top:65%}

.font-strong{font-weight:600}

/* 모바일 단락라인 */
.mobile-depth{background:#ecedf0}

/* 이미지확대 */
.auto-article.trans-image .auto-images {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.auto-images:hover[style*="background"] {-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}

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

/* dp05 */
.auto-dp05 {background-color:#e41753;transition:all .45s;-webkit-transition:all .45s;height:230px}
.auto-dp05:hover {background-color:#bb1445 !important}
.auto-dp05:hover .auto-columns .auto-content strong.auto-fontNT {color:#fefefe}
.auto-dp05.auto-color {background-color:#63707e}
.auto-dp05.auto-color:hover {background-color:#464f58 !important}
.auto-dp05 .auto-columns {position:relative;text-align:center}
.auto-dp05 .auto-columns > a {display:block}
.auto-dp05 .auto-columns > a::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}
.auto-dp05 .auto-columns .auto-content {position:relative;z-index:1;padding:1.25rem;}
.auto-dp05 .auto-columns .auto-content::after {content:'';display:table;clear:both}

.auto-dp05 .auto-columns .auto-content [class*="fa-"] {color:rgba(255,255,255,.55)}

.auto-dp05 .auto-add {position:absolute;z-index:11;font-size:.85rem;color:rgba(255,255,255,.5);right:1.25rem;top:185px}
.auto-dp05 .auto-names {position:absolute;z-index:11;font-size:.75rem;color:rgba(255,255,255,.5);right:1.25rem;top:205px}

/* auto-tr11(mobile) */
.auto-tr11 .slick-slide{height:inherit}
.auto-tr11 .photo-titbg{position:relative; padding:.4rem .5rem .6rem}
.auto-tr11 .auto-pager{position:absolute; right:10px; bottom:40px}

/* tl04(mobile) */
.auto-tl04 .auto-titles {max-width:calc(100% - 95px)}
.auto-tl04 .auto-names {overflow:hidden;max-width:70px;margin-top:.2rem;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}
.auto-tl04 .auto-sol {border-top:1px solid rgba(0,0,0,.08)}

/* tp11 */
.auto-tp11.tiles-3x .auto-columns {float:left;width:32%;min-height:1px;margin-right:2%;margin-top:1rem}
.auto-tp11.tiles-3x .auto-columns:nth-child(3n) {margin-right:0}
.auto-tp11.tiles-3x .auto-columns:nth-child(3n+1) {clear:both}
.auto-tp11.tiles-3x .auto-columns:first-child, .auto-tp11.tiles-3x .auto-columns:nth-child(2), .auto-tp11.tiles-3x .auto-columns:nth-child(3) {margin-top:0}
.auto-tp11 .auto-images.border-radius,.auto-images.border-radius::before{border-radius:10px 10px 0 0}
.auto-tp11 .auto-columns .photo-down-linebox{padding:10px; border:1px solid rgba(0,0,0,.1); border-top:0; border-radius:0px 0px 10px 10px}
.auto-tp11 .auto-columns .photo-down-linebox.box-shadow{box-shadow:0px 1px 10px rgba(0,0,0,.1)}

/**********************************************
note : 소개페이지
name : 강혜리
**********************************************/
.com-about {letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.com-about::after {content:'';display:table;clear:both}
.com-about table {table-layout:fixed;border-collapse:collapse}
.com-about table th,.com-about table td {font-size:.8rem}
.com-about table tbody th {background-color:rgba(0,0,0,.025);border-right:1px solid rgba(0,0,0,.05);text-align:center}
.com-about table tbody td {color:rgba(0,0,0,.65)}
.com-about .about-group:not(:first-child) {margin-top:2rem}
.com-about .about-group::after {content:'';display:table;clear:both}
.com-about .title-group > .titles {display:inline-block;margin-right:10px;font-family:'Noto Sans KR',sans-serif;font-size:30px;color:#2e3192}
.com-about .title-group > .titles::before {content:'';display:block;border-top:2px solid #2e3192;padding-bottom:5px}
.com-about .title-group > .sub-title {font-family:'Noto Sans KR',sans-serif;font-size:20px;color:rgba(0,0,0,.4);letter-spacing:-0.05em}

/* 연혁 */
.com-about.com-6 .history-group {padding-right:200px;background:url('/image/company/com-6-img-230818.png')right top no-repeat}
.com-about.com-6 .history-years {font-weight:600;font-size:36px;line-height:1;color:rgba(0,0,0,.85)}
.com-about.com-6 .history-date {font-weight:600;font-size:15px}
.com-about.com-6 .history-content > dl::before {content:'';display:block;clear:both}
.com-about.com-6 .history-content > dl > dt,
.com-about.com-6 .history-content > dl > dd {width:310px; float:left;padding-bottom:7px;font-size:15px;color:rgba(0,0,0,.55)}
.com-about.com-6 .history-content > dl > dt {width:110px;letter-spacing:-0.07em}
@media screen and (max-width: 63.9375em) {
.com-about.com-6 .history-years {margin-bottom:20px}
.com-about.com-6 .history-content > dl > dt {width:100%;padding-bottom:0;color:rgba(0,0,0,.65)}
.com-about.com-6 .history-content > dl > dd {width:100%; padding-bottom:12px}
}
@media screen and (max-width: 39.9375em) {
.com-about.com-6 .history-group {padding-right:0;background:none}
}

/* 회원사 */
.com-about.com-5 table {width:828px;border-collapse:collapse}
.com-about.com-5 table thead {border-bottom:none}
.com-about.com-5 table caption {padding-left:0;padding-right:0;font-size:1.375rem;font-weight:400;text-align:left}
.com-about.com-5 table thead th:last-child {border-right:none}
.com-about.com-5 table thead th {border-right:1px solid rgba(0,0,0,.05);text-align:center}
.com-about.com-5 table tbody th,.com-about.com-5 table tbody td {font-size:.8rem}
.com-about.com-5 table tbody th {border-right:1px solid rgba(0,0,0,.05);text-align:center}
.com-about.com-5 table tbody th[colspan] {border-right:none}
.com-about.com-5 table tbody td {border-right:1px solid rgba(0,0,0,.05);color:rgba(0,0,0,.65);text-align:center}
.com-about.com-5 table tbody td:last-child {border-right:none}
.com-about.com-5 table small {display:block;font-size:.75rem;color:rgba(0,0,0,.45)}

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