@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|Noto+Sans+KR:100,300,400,500,700,900&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 : design custom style page
**********************************************/
.font-noto {font-family: 'Noto Sans KR', sans-serif;}

/* 기사뷰,기사리스트 */
.user-snb {padding-right:.625rem}
.user-snb .user-snb-wrapper {padding-left:0;padding-right:0}

/* 기사뷰 */
.info-options .options-btn.kakaoplus {overflow:hidden;border:none;background:url("/image/user/kakaoplus.png") no-repeat}
.info-options .options-btn.kakaoplus:hover {background-color:transparent}

/* 전체기사보기 */
.all-list-btn {display:block;width:100%;padding:.625rem 1rem;font-size:1rem;border:1px solid rgba(0,0,0,.12);line-height:1.25rem;letter-spacing:-0.05em;text-align:center;outline:0;-webkit-transition:all .2s;transition:all .2s}
.all-list-btn:hover {background-color:rgba(0,0,0,.03);text-decoration:none}

/**********************************************
note : 자동박스
**********************************************/
.auto-article .dis-table {table-layout:fixed;width:100%}
.auto-article .dis-table-cell {vertical-align:middle}

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

/* 텍스트모션 */
.auto-article.trans-text [class*="size-"] {display:block;-webkit-transition:transform .3s, -ms-transform .3s;transition:transform .3s, -ms-transform .3s}
.auto-article.trans-text a:hover [class*="size-"] {-ms-transform:translateY(-13.5%);transform:translateY(-13.5%)} 

/* ha09(김유진) */
.auto-ha09 .auto-columns {position:relative;float:left;width:310px;margin-left:15px;margin-top:15px}
.auto-ha09 .auto-columns:first-child,.auto-ha09 .auto-columns:nth-child(3n + 1) {width:635px;margin-left:0;clear:both}
.auto-ha09 .auto-columns:first-child,.auto-ha09 .auto-columns:nth-child(2) {margin-top:0}
.auto-ha09 .photo-titbg {padding:1.5rem 2.5rem 1.5rem 1.5rem}
.auto-ha09 .auto-columns:first-child .photo-titbg ,.auto-ha09 .auto-columns:nth-child(3n + 1) .photo-titbg {padding:2rem 5rem 2rem 2.5rem}
.auto-ha09 .photo-titbg.gradient {background:none;text-shadow:none}
.auto-ha09 .auto-columns a {position:relative;display:block}
.auto-ha09 .auto-columns a::before {content:'';position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.9);background:-webkit-linear-gradient(transparent 35%,rgba(0,0,0,.9));background:-o-linear-gradient(transparent 35%,rgba(0,0,0,.9));background:-moz-linear-gradient(transparent 35%,rgba(0,0,0,.9));background:linear-gradient(transparent 35%,rgba(0,0,0,.9))}
.auto-ha09 .auto-columns a::after {content:'';position:absolute;z-index:2;display:block;left:0;right:0;top:0;bottom:0;width:100%;border:4px solid transparent;-webkit-transition:all .5s;transition:all .5s}

/* ma08(김유진) */
.auto-ma08 .auto-more {margin-top:1.875rem;border:1px solid rgba(0,0,0,.12);text-align:center;clear:both;-webkit-transition:all .2s;transition:all .2s}
.auto-ma08 .auto-more::after {content:'';display:table;clear:both}
.auto-ma08 .auto-more:hover {background-color:rgba(0,0,0,.03)}
.auto-ma08 .more-btns {float:left;width:100%;padding:.625rem 1rem;font-size:1rem;font-weight:500;line-height:1.25rem;letter-spacing:-0.05em;text-align:center;cursor:pointer;outline:0}

/* ma09(김유진) */
.auto-ma09 .line-height-3-2x {display:block;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;max-height:2.6em;-webkit-line-clamp:2;line-height:1.3em;}
.auto-ma09 .line-height-3-3x {display:block;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;max-height:3.9em;-webkit-line-clamp:3;line-height:1.3em;}

/* p09(김유진) */
.m-auto-p09 .auto-title {z-index:99;position:absolute;left:3%;bottom:0;width:94%;padding:1rem 1rem 0;background:#fff}

/* p10(김유진) */
.m-auto-p10 .auto-more {margin-top:1rem;border:1px solid rgba(0,0,0,.12);text-align:center;clear:both;-webkit-transition:all .2s;transition:all .2s}
.m-auto-p10 .auto-more::after {content:'';display:table;clear:both}
.m-auto-p10 .more-btns {float:left;width:100%;padding:.5rem;font-size:.75rem;font-weight:500;line-height:1.25em;letter-spacing:-0.05em;text-align:center;cursor:pointer;outline:0}

/* p08(김유진) */
.m-auto-p08 {position:relative}
.m-auto-p08 .auto-pager {position:absolute;z-index:12;left:0;right:0;bottom:.25rem}
.m-auto-p08 .auto-images {height:0;padding-bottom:66.6666666666666667%}

/**********************************************
note : 안내데스크(김유진)
**********************************************/
/* 매체소개 */
.com-1 .com-1-wrap {width:690px;height:1238px;padding:18.75rem 4.5rem 0;margin:0 auto;text-align:right;background:url('/image/company/com-1.jpg') no-repeat}
.com-1 .user-com-header {margin-bottom:1.25rem}
.com-1 .user-com-header strong {color:#006296;font-size:1.75rem;font-weight:500;letter-spacing:-.04em;line-height:1.2em}
.com-1 .user-com-content p {color:#777;font-size:1rem;font-weight:400;letter-spacing:-.07em;line-height:2em}
.com-1 .user-com-content p > strong {display:block;color:#006296;font-size:1.063rem;font-weight:400}
@media screen and (max-width: 39.9375em) {
	.com-1 .com-1-wrap {width:100%;height:auto;padding:1.5rem 1rem 20rem;text-align:left;background:url('/image/company/com-1-1.jpg') no-repeat bottom}
	.com-1 .user-com-header {margin-bottom:.938rem}
	.com-1 .user-com-header strong {color:#006296;font-size:1.5rem;font-weight:500;letter-spacing:-.04em;line-height:1.2em}
	.com-1 .user-com-content p {text-align:justify;color:#777;font-size:1rem;font-weight:400;letter-spacing:-.07em;line-height:1.8em}
	.com-1 .user-com-content p > strong {text-align:left;display:block;margin-bottom:.625rem;color:#006296;font-size:1.063rem;font-weight:400}
}

/**********************************************
note : 하단(김유진)
**********************************************/
/* 공통 */
#user-footer {padding-top:.625rem}
#user-footer .footer-menu .footer-columns.user-logo {padding-right:1.875rem;vertical-align:top}
#user-footer .footer-menu .user-nav {margin-bottom:1.125rem}
#user-footer .footer-menu .user-nav a {display:block;float:left;padding:0}
#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}

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

/* 뉴스레터 */
#user-footer .user-letter {margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.12)}

/**********************************************
note : 기본스타일 추가 - 테이블 적용시 세로정렬값
name : 김종화
**********************************************/
.vertical-top {vertical-align:top}
.vertical-mid {vertical-align:middle}
.vertical-btm {vertical-align:bottom}

/**********************************************
note : mobile box-skin
name : 김종화
**********************************************/
.mobile .auto-sol {border-top:1px solid rgba(0,0,0,.06)}

/* 배경초기화 */
.bg-inherit {border:none!important;background-color:inherit!important}

/* 모바일박스 - 원색계열 */
.box-skin.mbox-bg-black {background-color:#000 !important}
.box-skin.mbox-bg-blue {background-color:#005ca0 !important}

/* 모바일박스 - 파스텔계열*/
.box-skin.mbox-pbg-brown {background-color:#dbd7cc !important}

/* 모바일박스 - 그라이데이션 */
.box-skin.mbox-gbg-red {background-image:linear-gradient(135deg, #ff6517 0%, #e70033 100%)}

/* 모바일박스 - 제목 */
.box-skin[class*="mbox-bg-"] > .header,
.box-skin[class*="mbox-gbg-"] > .header {color:#fff}

/* 라인클래스 */
.box-skin.border-top-10 {border-top:10px solid #ddd}
.box-skin.border-btm-10 {border-bottom:10px solid #ddd}

/* 모바일단 */
.index-wrap.mobile.custom .columns.grid-3 {padding-right:.313rem}
.index-wrap.mobile.custom .columns.grid-4 {padding-left:.313rem}

/**********************************************
note : 캡챠
**********************************************/
.captcha-new {margin-bottom:.75rem}
.captcha-new::after {content:'';display:table;clear:both}
.captcha-new .captcha-label {display:block;margin:0 0 .5rem;padding:0;font-size:.8rem;font-weight:700;line-height:1em;letter-spacing:-0.05em;color:#303030}
.captcha-new > img {display:inline-block;margin-right:.5rem}
.captcha-new #captcha_image_audio_div, .captcha-new #captcha_image_audio_controls, .captcha-new #captcha_image_audio_controls ~ a[onclick] {display:inline-block}
.captcha-new #captcha_image_audio_controls > a, .captcha-new #captcha_image_audio_controls ~ a[onclick] {font-size:.9rem;color:rgba(0,0,0,.35);-webkit-transition:color .25s;transition:color .25s}
.captcha-new #captcha_image_audio_controls > a:hover, .captcha-new #captcha_image_audio_controls ~ a[onclick]:hover {color:rgba(0,0,0,.9)}
.captcha-new br,.captcha-new [style*="clear"] {display:none !important}
.captcha-new label[for="captcha_code"] + input[id*="captcha_"] {display:inline-block;max-width:102px;height:35px;margin-left:1rem;margin-bottom:0;font-size:.8rem;letter-spacing:-0.025em;box-shadow:none;vertical-align:middle}
@media screen and (max-width: 39.9375em) {
.captcha-new label[for="captcha_code"] + input[id*="captcha_"] {display:block;max-width:100%;margin-top:.25rem;margin-left:0}
}

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


/* 황자연 / 964135 / 20200707 */
.bot-sns {height: 32px; width:250px; margin:0 auto; display:block; }
.bot-sns > div { display:inline-block; }
.bot-sns > div:nth-child(1) {float:left;  width:150px;}
.bot-sns > div:nth-child(2) {float:right; padding:5px 0 0 0; width:90px !important; overflow:hidden;}

.reply-list .header {border-bottom: none;}


/* 황자연 / 965244 / 20200708 */
.article-view-header .article-head-info {margin-top: 5px;}

@media screen and (max-width: 39.9375em) {
.bot-sns > div:nth-child(2) {padding:18px 0 0 0; }
}

.m-full-banner{margin-left: -1.25rem !important;margin-right: -1.25rem !important;}
@media screen and (max-width: 63.9375em){
.row .article-list .article-list-content{margin-bottom:0 !important}
}