@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('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('//fonts.googleapis.com/css?family=Oswald:400,500,600&subset=cyrillic,latin-ext,vietnamese');

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}

/**********************************************
note :작업자 - 고태윤
**********************************************/
/* 본고딕 클래스 */
.font-noto {font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

/* 메인구성 custom */
.index-bg {background-color:#eee; padding:30px; border:1px solid #ddd}

/* 기사뷰 타이틀 */
.article-view-header .article-header-wrap .article-head-title {font-weight:500;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

/* 폼 셀렉스박스 */
.sel-none select {margin-bottom:0 !important}

/* PDF 리스트 */
.serial-container .columns {padding-right:.25rem !important;padding-left:.25rem !important}

/* 리스트 버튼 표시 */
.article-list .label.tiny {padding:.125rem .25rem}

/* 특정 기사 검색 뷰 헤드라인 */
.view-custom-line {border:1px solid #ddd;border-bottom:2px solid #666;background:#f9f9f9;padding:1.5rem}

/**********************************************
note : 알림
**********************************************/
.notice {padding:.5rem .9375rem;margin-bottom:20px;border:2px solid #ea6262;background:#fafafa}
.notice::after {content:'';display:table;clear:both}
.notice .titles {float:left;width:50px;font-size:.9rem;line-height:1.35;margin-right:1rem;letter-spacing:-0.075em;text-align:center}
.notice .titles strong {display:block;height:38px;color:#fff;background:#ea6262;padding:.425rem .425rem .525rem .425rem}
.notice .contents {float:right;width:calc(100% - 70px);color:#555;padding-top:0;padding-bottom:0;margin-bottom:0;font-size:.75rem;text-align:left;border:1px solid transparent}

/**********************************************
note : 캘린더
**********************************************/
#calendar-wrap .content {border:1px solid #ddd;background:#efefef;padding:1.875rem;margin-bottom: 2.5rem}
#calendar-wrap .content .aside {width:500px}
#calendar-wrap .content .month-header .years {font-size:1.75rem;font-weight:600}
#calendar-wrap .content .month-table a {font-size:1.063rem;padding:1.063rem .625rem}

/**********************************************
note : 제목-커스텀
**********************************************/
/* 박스스킨-타이틀 */
.custom-auto-header {position:relative;width:100%;height:37px;text-align:center;}
.custom-auto-line {width:100%;border-top:1px solid #888;height:30px;margin-top:30px;}
.custom-auto-title {position:absolute;bottom:10px;left:0;right:0;z-index:1;font-size:2.25rem;font-weight:500;line-height:1.2;letter-spacing:-0.05em;color:#bc1212;text-decoration:none;}
.custom-auto-title span {background:#fff;font-family:'Noto Sans KR','Malgun Gothic',Helvetica,Roboto,Arial,sans-serif}
.custom-auto-title span::before {display:inline-block;margin:2px 20px 0 0;height:50px;vertical-align:top;content: "";background:#fff;}
.custom-auto-title span::after {display:inline-block;margin:2px 0 0 20px;height:50px;vertical-align:top;content: "";background:#fff;}

/**********************************************
note :회원가입
**********************************************/
.input-text {margin-bottom:1rem;font-size:.813rem;line-height:2}
.input-text a {font-size:.875rem;padding:.325rem 1.063rem;background-color:#cc1212;color:#fff;text-decoration:none}

/**********************************************
note :후원하기 (기사뷰 하단)
**********************************************/
/* 후원박스 */
#support-wrap .support-box {margin:20px auto;padding:30px;width:100%;border:1px solid #e0e0e0;border-radius:20px;}
#support-wrap .support-box h6 {margin:0 0 30px;padding:0;font:bold 28px/1.2 'notokr-medium',Nanum Gothic,nanumgothic;color:#d71619;letter-spacing:-2px;text-align:center;}
#support-wrap .support-box ul {list-style:none;margin-left:0}
#support-wrap .support-box ul li {margin:0 0 5px;padding:15px 20px 13px;background-color:#f7f7f7;}
#support-wrap .support-box ul li .sup_btn {margin:0 2px;padding:5px 10px;font:12px/1.2 'notokr-demilight',gulim;color:#333;letter-spacing:-1px;border:1px solid #e0e0e0;border-radius:3px;background-color:#fff;}
#support-wrap .support-box ul li .sup_btn.reset {width:33px;height:25px;vertical-align:middle;background-position:10px 5px;}
#support-wrap .support-box ul li .sup_btn {margin:0 2px;padding:5px 10px;font:12px/1.2 'notokr-demilight',gulim;color:#333;letter-spacing:-1px;border:1px solid #e0e0e0;border-radius:3px;background-color:#fff;cursor:pointer;}
#support-wrap .support-box ul li .sup_input, #support-wrap .support-box ul li .sup_input_w {padding-left:5px;width:120px;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:#000;border:0;background-color:transparent; display:inline-block; box-shadow:none;} 
#support-wrap .support-box ul li .sup_input_w {width:auto}
#support-wrap .icon {width:33px;height:25px;vertical-align:middle;background-position:10px 5px}
#support-wrap .support-box .support_btn {float:left;display:block;height:50px;margin-right:10px;padding:15px 0;width:49%;font-size:1.063rem;font-weight:700;letter-spacing:-.08em;color:#fff;text-align:center;border:none;border-radius:3px;background-color:#ea6262;cursor:pointer;}
#support-wrap .support-box .support_kd {display:inline-block;height:50px;padding:15px 0;width:49%;font-size:1.063rem;font-weight:700;letter-spacing:-.08em;color:#fff;text-align:center;border:none;border-radius:3px;background-color:#555;cursor:pointer;}
#support-wrap .support-box p {margin-bottom:0 !important;line-height:1.2;}
@media screen and (max-width:39.9375em) {
	#support-wrap .support-box {padding:30px 15px}
	#support-wrap p {line-height:1 !important}
	#support-wrap .support-box .support_btn, #support-wrap .support-box .support_kd {width:100%;margin-bottom:.75rem}
	
}

/**********************************************
note : 메인 수동 목차리스트 
**********************************************/
#manual {padding-bottom:1.875rem;margin-bottom:1.875rem;border-bottom:1px dashed #ddd}

#manual header {margin-bottom:.938rem;font-size:1.5rem;font-family:'Noto Sans KR','Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}
#manual header span {color:#ea6262}

#manual .manual-content {width:100%;height:auto;font-size:.813rem;color:rgba(0,0,0,.6);text-align:left}
#manual .manual-content h6 {margin:.625rem 0;font-size:.813rem;color:#ea6262;font-weight:600}
#manual .manual-content h6 span {padding:0 .25rem;background:#ea6262;color:rgba(255,255,255,1)}
#manual .manual-content div {float:left;width:32%;margin-left:2%}
#manual .manual-content div:first-child {margin-left:0}
#manual .manual-content div:last-child {float:right;width:32%;margin-left:2%}
#manual .manual-content ul {margin-left:0;list-style:none}
#manual .manual-content ul li a {font-size:.813rem;color:rgba(0,0,0,.6);line-height:1.5;letter-spacing:-.1em;text-decoration:none;font-family:'돋움','dotum','Arial',sans-serif}
#manual .manual-content ul li a:hover {color:rgba(0,0,0,1)}

/**********************************************
note :기사뷰 (구독안내문 박스)
**********************************************/
/* 구독안내문 */
#view-kd {position:relative;margin:20px auto;padding:15px 15px;width:100%;border:1px solid #e0e0e0;background:#f9f9f9}
#view-kd ul {width:100%;display:inline-block;list-style:none;margin-left:0;margin-bottom:0}
#view-kd ul li.view-kd-txt {float:left;width:60%;font-size:.75rem}
#view-kd ul li.view-kd-btn {float:right;width:32%;text-align:right}
#view-kd ul li.view-kd-btn button {margin-bottom:0;padding:.325rem;font-size:.75rem}

/**********************************************
note :하단스타일-custom
**********************************************/
/* footer */
#user-footer.custom-style {padding:0;background:transparent;border:none;}
#user-footer .wrapper-inner {padding:1.25rem;margin-left:-30px;margin-right:-30px;background-color:#5d5d5d}

/* menu */
#user-footer .footer-menu {margin-bottom:.875rem;padding-bottom:.875rem;border-bottom:1px solid rgba(255,255,255,.1)}
#user-footer .user-nav::after {content:'';display:table;clear:both}
#user-footer .user-nav a {display:inline-block;text-align:center;padding:0 .938rem !important;font-size:1rem !important;color:rgba(255,255,255,1);letter-spacing:-0.05em}
#user-footer .user-nav a:hover {text-decoration:underline}

/* address */
#user-footer .user-address {text-align:center !important;}
#user-footer .user-address ul {margin-bottom:0}
#user-footer .user-address ul li {float:none;display:inline-block !important;font-size:.75rem;color:rgba(255,255,255,.8)}
#user-footer .user-address ul li a {color:rgba(255,255,255,.8)}
#user-footer .user-address ul li.bars::before {color:rgba(255,255,255,.3)}

/**********************************************
note :우측 날개 메뉴
**********************************************/
.wing-menu {width:100px;background-color:#fff;border:1px solid #ddd}
.wing-menu ul {margin-bottom:0}
.wing-menu ul li {padding:.425rem 0;font-size:.75rem;text-align:center;letter-spacing:-0.06em}
.wing-menu ul li::after {content:'';display:block;width:100%;padding:.425rem 0;border-bottom:1px solid #eee}
.wing-menu ul li:last-child::after {border-bottom:0}
.wing-menu ul li .wing-title {font-size:1rem;line-height:1.8}
.wing-menu ul li p {font-size:.975rem;font-weight:600;letter-spacing:-.04em;margin:0}

/**********************************************
note :메인(PC) default_111
**********************************************/
.index-wrap.default-111 .index-columns.grid-1 {width:50%;padding-right:1.25rem}
.index-wrap.default-111 .index-columns.grid-2 {width:50%;padding-left:1.25rem}
.index-wrap.default-111 .index-columns.grid-3 {width:34.5%;padding-left:2.5rem}
.index-wrap.default-111 .index-columns.grid-4 {width:65.5%;padding-right:0}
.index-wrap.default-111 .index-columns.grid-5 {padding-left:2.5rem}

/**********************************************
note :자동박스
**********************************************/
/* ha04-3(headline) */
.auto-ha04-3 .auto-column {float:left;width:150px;padding:18px 0 20px 0;border-top:1px dashed rgba(0,0,0,.12)}
.auto-ha04-3 .auto-column:first-child {width:calc(100% - 150px);padding:0;padding-right:25px;border:none}
.auto-ha04-3 .auto-column:nth-child(4) {padding-bottom:0}
.auto-ha04-3 .auto-column:nth-child(2) {padding-top:0;border-top:0}

/* dl-05 */
.auto-dl05 {position:relative}
.auto-dl05 li:first-child  .title {font-size:1.5rem;font-weight:700}

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


/**********************************************
note :모바일 (작업자-유시은)
**********************************************/
/* 메인여백없이 */
#user-wrap .row #user-container.main {padding-left:0;padding-right:0}
#user-wrap.mobile #user-container.main{padding-top:0;padding-bottom:0}
@media screen and (max-width:39.9375em) {
	.index-wrap.mobile {margin-left:0;margin-right:0}
}

/* 판스킨-박스라인 */
.index-wrap.mobile.box-border .box-skin {border-bottom:10px solid #ddd}

.box-skin .header>a.btm-Eng{background:none}
.box-skin .header>a{position:relative}
.box-skin .header>a.btm-Eng::after{position:absolute;right:0;top:0;content:'+ MORE';color:#fff;font-size:.65rem;font-family:'Apple SD Gothic Neo','Noto Sans KR',sans-serif;letter-spacing:.15rem}
.index-wrap.mobile .box-skin.auto-pad-16 .header>strong,.index-wrap.mobile .box-skin.auto-pad-16 .header>a{font-family:'Apple SD Gothic Neo','Noto Sans KR' !important;font-size:.875rem;letter-spacing:.2rem}

/* p02-1 */
.m-auto-p02-1 {position:relative;padding-bottom:3rem}
.m-auto-p02-1 .photo-titbg {position:relative;background:#343434;padding:1rem 1.5rem}
.m-auto-p02-1 .auto-pager {position:absolute;z-index:12;left:0;right:0;bottom:.95rem}
.m-auto-p02-1 .auto-pager li[id*=slick-] button[data-role]{width:10px;height:10px;background:#c1c1c1}
.m-auto-p02-1 .auto-pager li[id*="slick-"].slick-active button[data-role]{color:}
.m-auto-p02-1 .auto-section {display:inline-block;padding:.06rem .5rem .05rem .5rem;margin-right:.5rem;line-height:1.25em;font-size:.75rem;color:#fefefe;border-radius:2px;margin-bottom:.5rem}

/* ts03-1 */
.auto-ts03-1 .auto-names{font-family:'Oswald',sans-serif;font-weight:400 !important;font-size:.75rem;letter-spacing:.03rem}
.auto-ts03-1 .auto-names .auto-fontA{color:#333 !important}

/* auto-p05 */
.m-auto-p05 li:nth-child(2n + 1){clear:both}

/* 구독신청버튼 */
.btn-oline{padding-bottom:.7rem}
.btn-oline a::after{content:'Go';color:rgba(255,255,255,.3);font-size:2rem;font-weight:700}

.kd-custom {display:inline-block;width:100%;border-bottom:1px dotted #ddd;padding:1.75rem 1.125rem;background:#fff;font-size:.85rem}
.kd-custom i {font-size:3.5rem;margin-right:2rem}

/**********************************************
note : 구독신청 완료 노출 폼 (고태윤)
**********************************************/
.kd-table {width:70%;border-collapse:collapse;border-left:1px solid #dedede;border-top:1px solid #dedede}
.kd-table table {margin-bottom:0}
.kd-table tr {text-align:center;background-color:#fff;padding:10px;font-weight:500}
.kd-table td {padding:10px;border-bottom:1px solid #dedede;background-color:#fff;font-size:.875rem;word-break:break-all}
.kd-table td.tit {width:150px;font-size:.875rem;font-weight:400;}
.kd-table tr, .kd-table td {border-right:1px solid #dedede; border-bottom:1px solid #dedede;word-break: break-all}
.kd-table input {margin-bottom:0 !important}
.kd-table select {margin-bottom:0 !important}
.kd-table .none {border:0}
.kd-table .kd-etc {background:#f9f9f9;font-size:.813rem}
@media screen and (max-width:39.9375em) {
	.kd-table {width:100%}
	.kd-table td {font-size:.75rem}
	.kd-table td.tit {width:35%;font-size:.75rem}
	.kd-table .none {border:0}
}

/* 관리자 신청정보 내역 */
.tit-admin {text-align:left}
.tit-admin strong {color:#fff;font-size:1.063rem;line-height:3;background:#cc1212;padding:.125rem .425rem}
.tit-admin span {display:inline-block;width:110px;font-weight:700;font-size:.85rem;line-height:1.5;margin-bottom:.75rem}


@media print, screen and (min-width: 40em)
.medium-3 {
    width: 33.333%;
}

/*2019.09.26.프랑스 원어 기사뷰 아이콘*/
.bbs-skin.franch .header{position:relative;}
.bbs-skin.franch .header .icon_zip{position:absolute;right:0;top:35px;}

/*구독신청*/

.kd02{margin:0;}
.kd02>ul {margin-left: 0;}
	.kd02>.tit{margin:0 0 20px 0;}
	.kd02>.tit>strong{font-size:15px;color:#000;position:relative;}
	.kd02>.tit>strong:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:#c30400;}

	.kd02>ul:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
	.kd02_list {list-style:none;display:block;margin-bottom:30px;}
	.kd02>ul>li{float:left;width:100%;display: block; margin-bottom:10px;}
	.kd02>ul>li>.txt{float:left;margin-right:10px;color:#222;    margin-top: 10px;}
	.kd02>ul>li>.btn{float:left;font-size:12.5px;color:#666;text-align:justify;}

	@media screen and (max-width:63.9375em){
			.kd02>ul {margin-left: 0;}
		.kd02>ul>li{text-align:center;}
		.kd02>ul>li>.txt{float:none;}
		.kd02>ul>li>.btn{float:none;text-align:center;}
		.kd02>ul>li>.btn>.name{text-align:center;}
	}
	@media screen and (max-width:39.9375em){
		h1>span{display:block;}
		.kd02{padding:0;}
		.kd02>ul {margin-left: 0;}
		.kd02>ul>li>.btn>p>span{display:block;}
		.kd02>ul>li>.btn>.nonbr>br{display:none;}
		.kd02>.tit>span{display:block;}

		.kd02>ul>li{padding:0 1rem;}
	}


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


/* 신경훈 / 930556 / 20200316 */
.original-image{text-align:center; border:1px solid rgba(0,0,0,.2)}
.original-image .original-image-title{padding:5px 0; font-weight:600}

/* 김민희 / 948535 / 20200512 */
.cus-margin ul li:nth-child(2) {margin-top:10px !important;}

/* 홍경아 / 949477 / 20200514 */
#nav-header .top_menu {position: relative; float:right; z-index: 1002; width: 170px; font-size: .925rem; font-weight: 700;right: 0; top: 120px;}
#nav-header .top_menu a {color: #222;}
#nav-header .top_menu a:hover {color: #ea6262;text-decoration: none;}

/* 배진희 / 950617 / 20200519 */
.article-veiw-body.view-page{letter-spacing:-.05em;line-height:1.625em;text-align:justify;text-justify: distribute;word-break:normal;word-wrap:break-word;}
.article-veiw-body.view-page p{text-justify: distribute }


@media screen and (max-width: 63.9375em){
.row .article-veiw-body.view-page p {text-align:justify;}
}

/* 임희은 / 962911 / 20200701 */
.auto-article {letter-spacing: -.1em;}

/* 김민희 / 972739 / 20200804 */
.option-title {margin-bottom:0px; font-size:14px; font-weight:bold;}

/* 신경훈 / 988022 / 20200922 */
.vertical li.pdfs{border-bottom:none !important; background:#ffe4e1; border-radius:20px}
.vertical li.pdfs a{color:rgba(0,0,0,.6) !important; text-align:center}
.vertical li.pdfs a strong span{display:block; margin-top:.5rem}
@media screen and (max-width:63.9375em){
	.vertical li.pdfs a strong span{display:inline-block; margin-top:0}
}



/* 윤미정 / 1043133 / 20210331 */
.kd-box {padding: 1.325rem .75rem;font-size: 1rem;line-height: 1;letter-spacing: -0.05em;background: #0350de;text-align: center;border-bottom: 10px solid #ddd;}
.kd-box a {color:#fff;}



/* 홍경아 / 1080247 / 20210809 */
@media screen and (max-width: 39.9375em){
.serial-button .show-for-medium {display: inline-block !important; }
}

/* 이승현 / 1302369 / 20230905 */
.user-com-about.com-6 .box-line .tit{display:block; padding-left:0rem; font-size:.9rem; font-weight:800}
.user-com-about.com-6 .box-line .tit span{display:inline-block !important; }

/* 최은비 / 1372360 / 20240508 */
/*.user-page-header .user-page-summary.serial-txt{font-size:15px !important;}*/
/* 강수현 / 1394916 / 20240802 */
.user-page-header .user-page-summary.serial-txt, .user-page-header .user-page-summary {margin-top:1rem;font-size:18px !important;font-weight:600;color:#000}