@charset "utf-8";

/* 공통 영역 */
.sub_content {position:relative; margin-top:40px;}
.real_conts {width:1300px; margin:0px auto; display:flex; flex-direction:row;}
.real_conts2 {padding:0px 7px 0px 20px;}
.real_conts3 {width:1170px; margin:0px auto; display:flex; flex-direction:row;}
.left_conts {/*width:74%;*/ width:73.847%; padding-right:50px; padding-bottom:100px; border-right:1px solid #ddd;box-sizing:border-box; }
.right_conts {/*width:26%;*/width:26.153%; padding-left:40px; padding-bottom:100px; box-sizing:border-box;}
.real_conts_ac_wrap {width:100%;}
.real_conts_ac {width:100%; padding:0px 50px 100px; box-sizing:border-box;}

.list_img_top_box {margin-bottom:40px;}
.list_img_top_box .list_img_top_tit {display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #000; box-sizing:border-box;}
.list_img_top_box .list_img_top_tit > p {font-size:2.1875rem; font-weight:550;}
.list_img_top_box .list_img_top_tit > p .font_pink {font-size:1.625rem; color:#dc0000;}
.list_img_top_box .list_img_top_tit > ul {}
.list_img_top_box .list_img_top_tit > ul:after {content:""; display:block; clear:both;}
.list_img_top_box .list_img_top_tit > ul > li {float:left;}
.list_img_top_box .list_img_top_tit > ul > li:nth-child(1) {margin-right:5px;}
.list_img_top_box .list_img_top_tit > ul > li > a {}


/* 갤러리형 리스트 */
.gallery_list {display:flex; flex-wrap:wrap;}
.gallery_list > li {display:flex; flex-direction:column; flex:none; flex-basis:30.666666%; margin-right:4%; margin-bottom:35px;}
.gallery_list > li:nth-child(3n) {margin-right:0px;}
.gallery_list > li > a {display:block;}
.gallery_list > li > a .g_img { width:100%; height:180px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.gallery_list > li > a .g_img img {width:100%; height: 100%; }
.gallery_list > li > a .g_text {display:-webkit-box; margin-top:5px; font-size:1.25rem; font-weight:500; line-height: 1.5; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; font-family: "NotoSansKR-Medium", sans-serif;}


/* 오른쪽 광고 이미지 */
.right_adver_img img {width:100%;}
.right_adver_img01 {margin-bottom:30px;}
.right_adver_img02 {margin-bottom:20px;}
.right_adver_img3 {}


/* 월간조선 tv */
.w_right_tv {margin-bottom:30px; padding:20px; background:#222; box-sizing:border-box;}
.w_right_tv .w_tv_tit {display:inline-block; margin-bottom:15px; font-size:1.5625rem; color:#fff; font-family:"ChosunLo"; line-height:1;}
.w_right_tv .w_tv_img > a {display:block;}
.w_right_tv .w_tv_img img {margin-bottom:10px; width:100%;}
.w_right_tv .w_tv_text {margin-bottom:5px;}
.w_right_tv .w_tv_text > a {display:-webkit-box; color:#fff; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.w_right_tv .data {display:block; text-align:right; color:#808080; font-size:0.9375rem;}


/* 많이 본 뉴스  */
.right_many_news {margin-bottom:30px; padding-top:10px; border-top:1px solid #767676;}
.right_many_news .right_news_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:6px;}
.right_many_news .right_news_tit {font-size:1.25rem; font-weight:550;}
.right_many_news .right_news_tab {}
.right_many_news .right_news_tab:after {content:""; display:block; clear:both;}
.right_many_news .right_news_tab > li {float:left; margin-right:5px; width:72px; border:1px solid #ccc; box-sizing:border-box; border-radius:50pt; overflow:hidden;}
.right_many_news .right_news_tab > li:last-child {margin-right:0px;}
.right_many_news .right_news_tab > li.color {background-color:#231f20; border:1px solid #231f20;}
.right_many_news .right_news_tab > li.color > a {color:#fff;}
.right_many_news .right_news_tab > li > a {display:block; width:100%; height:28px; font-size:0.875rem; text-align:center; line-height:28px; font-weight:450;}

.right_many_news .right_new_list {}
.right_many_news .right_new_list > li { border-bottom:1px solid #eee; padding: 7px 0; }
.right_many_news .right_new_list > li:first-child { border-top:1px solid #eee; }
.right_many_news .right_new_list > li > a { display:flex; overflow:hidden; }
.right_many_news .right_new_list > li > a span {display:inline-block; width:18px; min-width:18px; margin-right:10px; text-align-last:center; font-weight:550;}
.right_many_news .right_new_list > li > a span.number_pink {color:#e50000;}


/* 일반형 리스트 */
.borard_list > li {display:flex; gap:20px; padding:20px 0px; border-bottom:1px solid #ddd; align-items: center;}
.borard_list > li:first-child {padding-top:0px;}
.borard_list > li .b_img { width:187px; height:125px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.borard_list > li .b_img img { width:100%; height:100%; }
.borard_list > li .b_img > a {display:block;}
.borard_list > li .b_img > a > img {width:100%;}

.borard_list > li .sch_b_img { width:187px; height:125px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.borard_list > li .sch_b_img img { width:100%; height:100%; }
.borard_list > li .sch_b_img > a {display:block; height:100%;}
.borard_list > li .sch_b_img > a > img {width:100%; height:100%;}

.borard_list > li .b_text { /*width:79%;*/ flex: 1; }
.borard_list > li .b_text .b_tit {display:-webkit-box; margin-bottom:3px; line-height:1.5; font-size:1.25rem; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; font-family: "NotoSansKR-Medium", sans-serif;}
.borard_list > li .b_text .c_s_text {display:-webkit-box; margin-bottom:10px; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.borard_list > li .b_text .c_s_text > a {display:block; color:#999; font-family: "NotoSansKR-Regular", sans-serif; font-weight: 400; line-height: 1.43; font-size: 0.875rem;  }
.borard_list > li .b_text .data_box:after {content:""; display:block; clear:both;}
.borard_list > li .b_text .data_box > li {float:left; font-size:0.875rem; font-weight:500;}
.borard_list > li .b_text .data_box > li.name {color:#126ccd;}
.borard_list > li .b_text .data_box .name span {color:#666;}
.borard_list > li .b_text .data_box > li.data { color:#666; }
.borard_list > li .b_text .data_box > li:after {content:""; display:inline-block; width:1px; height:12px; background-color:#aaa; margin:0px 7px; position:relative; top:2px;}
.borard_list > li .b_text .data_box > li:last-child:after {display:none;}

.borard_list > li .sch_b_text { /*width:79%;*/ flex: 1; }
.borard_list > li .sch_b_text .sch_b_tit {display:-webkit-box; margin-bottom:3px; line-height:1.5; font-size:1.25rem; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; font-family: "NotoSansKR-Medium", sans-serif;}
.borard_list > li .sch_b_text .sch_c_s_text {display:-webkit-box; margin-bottom:10px; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.borard_list > li .sch_b_text .sch_c_s_text > a {display:block; color:#999; font-family: "NotoSansKR-Regular", sans-serif; font-weight: 400; line-height: 1.43; font-size: 0.875rem;  }
.borard_list > li .sch_b_text .sch_data_box:after {content:""; display:block; clear:both;}
.borard_list > li .sch_b_text .sch_data_box > li {float:left; font-size:0.875rem; font-weight:500;}
.borard_list > li .sch_b_text .sch_data_box > li.sch_name {color:#126ccd;}
.borard_list > li .sch_b_text .sch_data_box .sch_name span {color:#666;}
.borard_list > li .sch_b_text .sch_data_box > li.sch_data { color:#666; }
.borard_list > li .sch_b_text .sch_data_box > li:after {content:""; display:inline-block; width:1px; height:12px; background-color:#aaa; margin:0px 7px; position:relative; top:2px;}
.borard_list > li .sch_b_text .sch_data_box > li:last-child:after {display:none;}

.b_cate {
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 500;
	font-family: "NotoSansKR-Medium", sans-serif;
	background: #eee;
	padding: 2px 5px;
	margin-bottom: 5px;
}
.b_cate a { color: #222; }
.b_subtit { line-height:1.5; font-size:1rem; font-weight:500; font-family: "NotoSansKR-Medium", sans-serif; }
.b_subtit a { color: #666; }

.g_data_box { display: flex; flex-direction: column; align-items: flex-start; margin-top: 8px; }
.g_data_box > li { font-size:0.875rem; font-weight:500;}
.g_data_box > li.name {color:#126ccd;}
.g_data_box > li.name span {color:#666;}
.g_data_box > li.data {color:#999;}
.g_subtit { margin-top: 8px; line-height:1.5; font-size:1rem; font-weight:500; font-family: "NotoSansKR-Medium", sans-serif; color:#666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }


/* 일반형 리스트 페이징 */
.boardPager_wrap {padding-bottom:100px;}
.boardPager{ width:100%; height:auto; display:block; vertical-align:middle;}
.boardPager ul{height:38px; display:table; text-align:center; margin:30px auto 0px; }
.boardPager ul li {width:38px; height:38px; display:inline-block; vertical-align:middle; overflow:hidden; border:1px solid #cecece; margin:0px 4px;}
.boardPager ul li a {display:block; width:100%; height:100%; color:#a3a3a3; line-height:38px; font-weight:300; font-family:"pretendard";}
.boardPager ul li.pagerNext, .boardPager ul li.pagerPrev, .boardPager ul li.pagerLast, .boardPager ul li.pagerFirst{width:38px; height:38px; margin:0px 8px; overflow:hidden; }
.boardPager ul li.pagerNext img, .boardPager ul li.pagerPrev img, .boardPager ul li.pagerLast img, .boardPager ul li.pagerFirst img{width:100%; height:100%; }

.boardPager ul li.pagerLast {margin-left:0px;}
.boardPager ul li.pagerFirst {margin-right:0px;}
.boardPager ul li.pageOn a, .boardPager ul li:hover a {color:#fff; font-weight:500; background-color:#475258;}
.boardPager ul li.pagerNext:hover, .boardPager ul li.pagerPreve:hover, .boardPager ul li.pagerFirst:hover, .boardPager ul li.pagerLast:hover{cursor:pointer; }


/* 모바일 더보기 버튼 영역 */
.more_news {display:none; width:100%; height:50px; text-align-last:center; line-height:50px; background-color:#000; color:#fff; font-size:1.125rem;}


/* 뷰페이지 영역 */
/* pc퀵 */
.view_wrap {position:relative;}
/* 퀵 메뉴 기본 위치 */
.s_sns_quick {
    position: absolute;
    top: 0;
    left: 0; 
    z-index: 1000;
    width: 60px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.view_wrap .s_sns_quick > li {
    width: 50px; 
    height: 50px; 
    margin-bottom: 8px; 
    border: 1px solid #f2f2f2; 
    border-radius: 6px; 
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.view_wrap .s_sns_quick > li:last-child { margin-bottom: 0px; }
.view_wrap .s_sns_quick > li > a { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; }
.view_wrap .s_sns_quick > li > a span { font-size: 0.625rem; line-height: 0.625rem; color: #999; font-weight: 550; }

.view_wrap .s_sns_quick > .share { position: relative; }

.view_wrap .s_sns_quick > .share .share_link_box {
    position: absolute; 
    left: 55px; 
    top: 50%; 
    transform: translateY(-50%); 
    width: auto;
    z-index: 1001;
    
    /* [기본 상태] 숨김 */
    visibility: hidden;
    opacity: 0;
    /* 사라질 때 0.3초 동안 기다렸다가 사라짐 (지연 효과) */
    transition: visibility 0s 0.3s, opacity 0.3s linear; /*0.5s로 바꾸면 더 느긋하게 사라짐*/
}

/* [호버 상태] 박스 노출 */
.view_wrap .s_sns_quick > .share:hover .share_link_box {
    visibility: visible;
    opacity: 1;
    /* 나타날 때는 즉시 나타나도록 설정 */
    transition: opacity 0.3s linear;
}

.view_wrap .s_sns_quick > .share .share_link {
    display: flex; 
    justify-content: flex-start; 
    align-items: center;
    gap: 10px; 
    padding: 10px 15px; 
    background: #F8F8F8; 
    border: 1px solid #BDBDBD;  
    border-radius: 5px; /* 보낸 이미지처럼 더 둥글게 수정 */
    box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.2);
}

/* 아이콘 개별 스타일 */
.view_wrap .s_sns_quick > .share .share_link > div { width: 32px; height: 32px; }
.view_wrap .s_sns_quick > .share .share_link > div > a { display: block; width: 100%; height: 100%; background-size: contain !important; }

/* 배경 이미지 연결 */
/*.view_wrap .s_sns_quick > .share .share_link > div:nth-child(1) > a { background: url("/images/sub/share_icon01.png") no-repeat center; }*/
.view_wrap .s_sns_quick > .share .share_link > div:nth-child(1) > a { background: url("/images/sub/share_icon02.png") no-repeat center; }
.view_wrap .s_sns_quick > .share .share_link > div:nth-child(2) > a { background: url("/images/sub/share_icon03.png") no-repeat center; }
.view_wrap .s_sns_quick > .share .share_link > div:nth-child(3) > a { background: url("/images/sub/share_icon04.png") no-repeat center; }

/* 호버 시 아이콘 변경 */
/*.view_wrap .s_sns_quick > .share .share_link > div:hover:nth-child(1) > a { background: url("/images/sub/share_icon01_on.png") no-repeat center; }*/
.view_wrap .s_sns_quick > .share .share_link > div:hover:nth-child(1) > a { background: url("/images/sub/share_icon02_on.png") no-repeat center; }
.view_wrap .s_sns_quick > .share .share_link > div:hover:nth-child(2) > a { background: url("/images/sub/share_icon03_on.png") no-repeat center; }
.view_wrap .s_sns_quick > .share .share_link > div:hover:nth-child(3) > a { background: url("/images/sub/share_icon04_on.png") no-repeat center; }

/* mobile퀵 기본 레이아웃 */
.view_wrap .m_s_sns_quick {
    display: none; /* 가로 정렬을 위해 flex 사용 */
    position: absolute; 
    bottom: 10px; 
    right: 0px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.view_wrap .m_s_sns_quick:after {content:""; display:block; clear:both;}

.view_wrap .m_s_sns_quick > li {
    width: 40px; 
    height: 40px; 
    margin-right: 5px; 
    border: 1px solid #f2f2f2; 
    border-radius: 6px; 
    background-color: #fff;
    /* overflow: hidden; 삭제 - 박스가 밖으로 보여야 하므로 */
    position: relative;
}

.view_wrap .m_s_sns_quick > li:last-child {margin-right: 0px;}
.view_wrap .m_s_sns_quick > li > a {display: flex; justify-content: center; align-items: center; height: 100%;}

/* 아이콘 개별 크기 유지 */
    .view_wrap .m_s_sns_quick > li:nth-child(1) > a > img {width:20px;}
    .view_wrap .m_s_sns_quick > li:nth-child(2) > a > img {width:20px;}
    .view_wrap .m_s_sns_quick > li:nth-child(3) > a > img {width:20px;}
    .view_wrap .m_s_sns_quick > li:nth-child(4) > a > img {width:20px;}
    .view_wrap .m_s_sns_quick > li:nth-child(5) > a > img {width:20px;}

/* --- 모바일 공유하기 기능 --- */

.view_wrap .m_s_sns_quick > .share { position: relative; }

/* 공유 박스: 모바일에서는 버튼의 왼쪽으로 펼쳐지도록 배치 */
.view_wrap .m_s_sns_quick > .share .share_link_box {
    position: absolute; 
    right: 45px; /* 버튼의 왼쪽으로 배치 */
    top: 50%; 
    transform: translateY(-50%); 
    width: auto;
    z-index: 1001;
    
    /* 기본 숨김 상태 */
    visibility: hidden;
    opacity: 0;
    /* 사라질 때 지연 시간 부여 */
    transition: visibility 0s 0.4s, opacity 0.3s ease-in-out;
}

/* 터치/호버 시 노출 */
.view_wrap .m_s_sns_quick > .share:hover .share_link_box {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

/* 공유 아이콘 내부 박스 */
.view_wrap .m_s_sns_quick > .share .share_link {
    display: flex; 
    align-items: center;
    gap: 8px; 
    padding: 7px 12px; 
    background: #F8F8F8; 
    border: 1px solid #BDBDBD;  
    border-radius: 20px; 
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}

/* 모바일 아이콘 크기 조절 */
.view_wrap .m_s_sns_quick > .share .share_link > div { width: 28px; height: 28px; }
.view_wrap .m_s_sns_quick > .share .share_link > div > a { 
    display: block; 
    width: 100%; 
    height: 100%; 
    background-size: contain !important; 
}

/* URL복사 아이콘 */
.toast {
    visibility: hidden;
    min-width: 250px;
    background-color: rgba(0, 0, 0, 0.8); /* 약간 투명한 검정 */
    color: #fff;
    text-align: center;
    border-radius: 30px; /* 둥근 캡슐 형태 */
    padding: 12px 20px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    font-size: 14px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* 활성화되었을 때 클래스 */
.toast.show {
    visibility: visible;
    animation: fadeInOut 2.5s;
}

@keyframes fadeInOut {
    0% { opacity: 0; bottom: 30px; }
    20% { opacity: 1; bottom: 50px; }
    80% { opacity: 1; bottom: 50px; }
    100% { opacity: 0; bottom: 30px; }
}

.view_wrap .m_s_sns_quick > li > a span {font-size:0.8125rem; color:#999; font-weight:550;}

/* 아이콘 배경 이미지 (기존 경로 유지) */
.view_wrap .m_s_sns_quick > .share .share_link > div:nth-child(1) > a { background: url("/images/sub/share_icon01.png") no-repeat center; }
.view_wrap .m_s_sns_quick > .share .share_link > div:nth-child(2) > a { background: url("/images/sub/share_icon02.png") no-repeat center; }
.view_wrap .m_s_sns_quick > .share .share_link > div:nth-child(3) > a { background: url("/images/sub/share_icon03.png") no-repeat center; }
.view_wrap .m_s_sns_quick > .share .share_link > div:nth-child(4) > a { background: url("/images/sub/share_icon04.png") no-repeat center; }
/* 호버 시 아이콘 변경 */
.view_wrap .m_s_sns_quick > .share .share_link > div:hover:nth-child(1) > a { background: url("/images/sub/share_icon01_on.png") no-repeat center; }
.view_wrap .m_s_sns_quick > .share .share_link > div:hover:nth-child(2) > a { background: url("/images/sub/share_icon02_on.png") no-repeat center; }
.view_wrap .m_s_sns_quick > .share .share_link > div:hover:nth-child(3) > a { background: url("/images/sub/share_icon03_on.png") no-repeat center; }
.view_wrap .m_s_sns_quick > .share .share_link > div:hover:nth-child(4) > a { background: url("/images/sub/share_icon04_on.png") no-repeat center; }



.view_wrap .view_conts_wrap { padding-left:110px; }
.view_wrap .view_conts {}
.view_wrap .view_top {position:relative; padding-bottom:15px; border-bottom:1px solid #e3e3e3;}
.view_wrap .view_top .tit_box {margin-bottom:10px;}
.view_wrap .view_top .tit_box .view_tit1 {display:inline-block; margin-bottom:5px; padding:6px 8px; color:#013FA5; font-weight:500; line-height:1; background-color:#E5EAF7;}
.view_wrap .view_top .tit_box .view_tit2 {display:block; margin-bottom:0; font-size:1.5rem; font-weight:500; line-height: 1.4;  font-family: "NotoSansKR-Regular", sans-serif; }
.view_wrap .view_top .tit_box .view_tit3 {font-size:2.375rem; margin-bottom:10px; font-weight: 700; line-height: 1.4; font-family: "NotoSansKR-Bold"; }

.view_wrap .view_top .data_box {}
.view_wrap .view_top .data_box > li {position:relative; margin-bottom:1px; padding-left:10px; font-size:0.875rem; font-weight:400;}
.view_wrap .view_top .data_box > li.name { color:#222; margin-bottom: 5px; }
.view_wrap .view_top .data_box > li.data { color:#707070; }
.view_wrap .view_top .data_box > li:after {content:""; background:#ccc; border-radius:50px; display:block; width:5px; height:5px; position:absolute; top:8px; left:0px;}
/* .view_wrap .view_top .data_box > li:nth-child(2):after {background:url("/images/sub/view_data_icon.png") no-repeat center;} */
.view_wrap .view_top .data_box > li:last-child {margin-bottom:0px;}
.view_wrap .view_top .data_box > li > b {color:#000;}


/* 본문 글자크기 아이콘 영역 */
.data_box_wp {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    padding: 0;
}

.data_box_wp_icon {
	display: flex;
	gap: 20px;
	align-items: center;
}

.icon_item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon_item img {
	display: block;
	width: 20px; /* 기본 아이콘 크기 */
	height: auto;
	cursor: pointer;
}

.txtsize_layer {
	display: none; /* 클릭 전까지 숨김 */
	position: absolute;
	top: 45px;
	right: -30px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	padding: 12px;
	z-index: 100;
	gap: 8px;
}

.ts_btn {
	width: 36px;
	height: 36px;
	border: 1px solid #eee;
	background: #fff;
	color: #888;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}

.ts_btn.active {
	border-color: #333;
	color: #000;
	font-weight: bold;
	background: #f8f8f8;
}

.ts_1 { font-size: 14px; }
.ts_2 { font-size: 16px; }
.ts_3 { font-size: 19px; }
.ts_4 { font-size: 22px; }

.content_area {
	margin-top: 30px;
	line-height: 1.6;
	font-size: 16px; /* 초기 기본 크기 */
}
/* --- 반응형 설정 (2024px 기준) --- */
@media screen and (max-width: 1024px) {
	.data_box_wp_icon {
		display: none;
	}
}
/* --- 반응형 설정 (768px 기준) --- */
@media screen and (max-width: 768px) {
	.data_box_wp_icon {
		gap: 15px;
	}
	.icon_item img {
		width: 22px;
	}
	.txtsize_layer {
		top: 40px;
		padding: 10px;
	}
	.ts_btn {
		width: 32px;
		height: 32px;
	}
}


.view_wrap .view_content .article_img_c {margin:0px auto 20px !important;}
.view_wrap .view_content .article_img_c dl { overflow:hidden; }
.view_wrap .view_content .use_caption {padding:5px 5px 0; font-size: 0.875rem; color: #2F73BA; font-family: "NotoSansKR-Regular", sans-serif; font-weight: 400; }

.view_wrap .view_content {margin-top:30px; margin-bottom:30px; font-size:1.125rem !important; line-height: 1.67; !important; letter-spacing: -.3px; }
.view_wrap .view_content p {font-size:1.125rem !important; line-height: 1.67; letter-spacing: -.3px; }
.view_wrap .view_content span {font-size:1.125rem !important; line-height: 1.67;letter-spacing: -.3px; }
.view_wrap .view_content div {font-size:1rem !important; line-height: 1.67; letter-spacing: -.3px; }
.view_wrap .view_content small {font-size:1.125rem !important; line-height: 1.67; letter-spacing: -.3px; }
.view_wrap .view_content strong {font-size:1.125rem !important; font-weight:550 !important; line-height: 1.67; letter-spacing: -.3px; }
.view_wrap .view_content b {font-size:1.125rem !important; font-weight:600 !important; line-height: 1.67; letter-spacing: -.3px; }

.view_wrap .view_content table font { display:inline-block; padding:0; font-size: 0.875rem; color: ##4B4B4B; font-family: "NotoSansKR-Regular", sans-serif; font-weight: 400;  }
.view_wrap .view_content table b { font-size: 1.5rem !important; font-weight: 600 !important;  }

.Boxarticle { width:100%; padding: 20px; box-sizing: border-box; border: 1px solid #222; color: ##4B4B4B; font-family: "NotoSansKR-Regular", sans-serif; }
.Boxarticle .Bart_subtit { font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1 !important; margin-bottom: 10px; }
.Boxarticle .Bart_tit { font-size: 1.5rem !important; font-weight: 600 !important; line-height: 1 !important; margin-bottom: 10px; }
.Boxarticle .Bart_conts { font-size: 0.875rem !important;  font-weight: 400 !important; }

.view_wrap .view_content .test_tit {display:inline-block; margin-bottom:40px; font-size:1.25rem; font-weight:550;}
.view_wrap .view_gray_box {margin-bottom:50px; padding:15px; background-color:#f3f3f3; box-sizing:border-box;}
.view_wrap .view_gray_box ul li {position:relative; margin-bottom:3px; padding-left:20px; color:#333; font-size:1.125rem; font-weight:500;}
.view_wrap .view_gray_box ul li:after {content:""; display:block; width:14px; height:14px; background:url("/images/sub/view_dot_img01.png") no-repeat center; position:absolute; top:7px; left:0px;}
.view_wrap .view_gray_box ul li:last-child {margin-bottom:0px;}
.view_wrap .view_img {width:650px; margin:0px auto 45px;}
.view_wrap .view_img .img_cation {display:block; margin-top:5px; font-size:0.8125rem; font-weight:550;}
.view_wrap .copyright_box {margin-bottom:50px; padding:8px 5px; background-color:#f6f6f6; font-size:0.875rem; text-align:center;}


/* 뷰페이지 댓글 영역 */
.comment_wrap {padding-top:20px; border-top:1px solid #000;}
.comment_wrap .comment_top_text {margin-bottom:20px;}
.comment_wrap .t_l_text {display:flex; align-items:center;}
.comment_wrap .t_l_text > b {display:inline-block; margin-right:4px; font-size:1.125rem; font-weight:600;}
.comment_wrap .t_l_text > span {display:inline-block; padding:5px 8px; color:#fff; font-size:0.75rem; font-weight:500; line-height:1; background-color:#126ccd; border-radius:50pt;}

.comment_wrap .comment_text1 {border:2px solid #d7d7d7; height:50px; margin-bottom:20px;}
.comment_wrap .comment_text1 .text {padding-left:15px; width:100%; height:100%; line-height:50px;}
.comment_wrap .comment_text1 .text > a {display:block; width:100%; height:100%; color:#a2a2a2; font-size:0.9375rem; font-weight:500;}
.comment_wrap .comment_text1 input {padding-left:15px; border:none;}
.comment_wrap .comment_text1 input::placeholder {color:#a2a2a2; font-size:0.9375rem; font-weight:500;}

.comment_wrap .comment_write_user_box {display:flex; align-items:center; margin-bottom:15px;}
.comment_wrap .comment_write_user_box > div:first-child {margin-right:15px;}
.comment_wrap .comment_write_user_box label {margin-right:10px; font-size:0.9375rem; font-weight:500;}

.comment_wrap .comment_write {display:flex; align-items:center; justify-content:space-between; border:2px solid #d7d7d7; height:50px; margin-bottom:20px;}
.comment_wrap .comment_write input {width:90% !important; height:100%; border:none;}
.comment_wrap .comment_write input[type="button"].write_btn {width:10% !important; background:#a0a0a0; color:#fff; height:100% !important; padding:0px !important; color:#fff !important;}

.comment_wrap .comment_look_list {border-top:1px solid #000;}
.comment_wrap .comment_look_list > li {position:relative; border-bottom:1px solid #eaeaea;}
.comment_wrap .comment_look_list  .comment_look_box {padding:15px 0px;}

.comment_wrap .comment_look_list .sub_look_top {margin-bottom:0px;}
.comment_wrap .comment_look_list .l_t_left {position:relative;}
.comment_wrap .comment_look_list .name_box {display:flex; align-items:center; margin-bottom:5px;}
.comment_wrap .comment_look_list .icon {display:inline-block; margin-right:5px;}
.comment_wrap .comment_look_list .name {font-size:0.875rem; font-weight:550;}
.comment_wrap .comment_look_list .data {display:inline-block; margin-bottom:10px; color:#707070; font-size:0.875rem;}
.comment_wrap .comment_look_list .text {font-weight:450;}
.comment_wrap .comment_look_list .text_sub {margin-bottom:0px;}


/* 댓글 버튼 영역 */
.comment_wrap .comment_look_list .comment_btn_wrap {position:absolute; top:0px; right:0px;}
.comment_wrap .comment_look_list .comment_btn_wrap .comment_btn {padding:5px 10px; border-radius:5px; color:#fff; font-weight:500; font-size:0.875rem;}
.comment_wrap .comment_look_list .comment_btn_wrap .modify_btn {background:#333;}
.comment_wrap .comment_look_list .comment_btn_wrap .delete_btn {background:#7a7a7a;}

.comment_wrap .look_bot {display:flex; justify-content:space-between;}
.comment_wrap .look_bot .comment_people_box {padding-right:17px; background:url("/images/sub/comment_bot_arrow_icon.png") no-repeat right top 7px; cursor:pointer;}
.comment_wrap .look_bot .comment_people_box.on {background:url("/images/sub/comment_bot_arrow_icon2.png") no-repeat right center;}
.comment_wrap .look_bot .comment_people_box .bot_arrw {font-size:0.875rem; font-weight:500;}
.comment_wrap .look_bot .comment_people_box .bot_arrw > b {font-weight:500; font-weight:550;}

.comment_wrap .more_btn_wrap {margin-top:15px;}
.comment_wrap .more_btn_wrap img {position:relative; top:-2px; margin-left:6px; vertical-align:middle;}
.comment_wrap .more_btn {display:inline-block; padding:8px 45px; border-radius:50pt; border:1px solid #d7d7d7; text-align:center; font-weight:550; box-sizing:border-box; transition:all .3s;}
.comment_wrap .more_btn:hover {background-color:#f7f7f7;}

/* 서브 검색박스 */
.sub_search_wrap {margin-bottom:50px;}
.sub_search_wrap .sub_search_box {display:flex; align-items:center; width:100%; height:60px; border:1px solid #ddd; }
.sub_search_wrap .sub_search_box input {width:100%; height:100% !important; padding-left:15px; border:none; font-size:1.25rem; font-weight:500; color:#000 !important;}
.sub_search_wrap .sub_search_box input::placeholder {color:#999; font-size:1.25rem; font-weight:500;}

.sub_search_wrap .sub_search_box .sub_search_btn_box {display:flex; align-items:center; margin-right:25px;}
.sub_search_wrap .sub_search_box .sub_search_btn_box .close {display:inline-block; min-width:20px; min-height:20px; margin-right:10px;}
.sub_search_wrap .sub_search_box .sub_search_btn_box .sub_search_btn {min-width:28px; min-height:28px;}

.sub_search_wrap .sub_search_text {display:flex; justify-content:space-between; align-items:center; background-color:#f7f7f7; padding:15px 20px; font-weight:500; border-bottom:1px solid #ddd;}

.sub_search_wrap .sub_search_text .text_left {display:flex; align-items:center;}
.sub_search_wrap .sub_search_text .text_result {margin-right:28px; font-size:1.125rem;}
.sub_search_wrap .sub_search_text .text_result .name {font-weight:550;}
.sub_search_wrap .sub_search_text .text_result .number {font-weight:550;}

.sub_search_wrap .sub_search_text .chek_wrap {}
.sub_search_wrap .sub_search_text .chek_wrap:after {content:""; display:block; clear:both;}
.sub_search_wrap .sub_search_text .chek_wrap > li {float:left; margin-right:30px;}
.sub_search_wrap .sub_search_text .chek_wrap > li:last-child {margin-right:0px;}
.sub_search_wrap .sub_search_text .chek_wrap > li > input {width:16px; height:16px; margin-right:5px;}
.sub_search_wrap .sub_search_text .chek_wrap > li > label {color:#5a5a5a;}

.sub_search_wrap .sub_search_text .right_btn {}
.sub_search_wrap .sub_search_text .right_btn::after {content:""; display:block; clear:both;}
.sub_search_wrap .sub_search_text .right_btn > li {float:left;}
.sub_search_wrap .sub_search_text .right_btn > li:after {content:""; display:inline-block; width:1px; height:12px; background-color:#b7b7b7; margin:0px 8px;}
.sub_search_wrap .sub_search_text .right_btn > li:last-child:after {display:none;}
.sub_search_wrap .sub_search_text .right_btn > li.color button {font-weight:550; transition:all .3s;}
.sub_search_wrap .sub_search_text .right_btn > li:hover button {text-decoration:underline;}


/* 전자북 서비스 영역 */
.appendix_t_wrap .appendix_as_box {display:flex; align-items:center; justify-content:space-between; margin-bottom:50px; padding:30px 50px; background:#333 url("/images/sub/e_top_bg.png") no-repeat center/cover; border-radius:15px; overflow:hidden; box-sizing:border-box;}
.appendix_t_wrap .appendix_as_box .as_text {color:#fff;}
.appendix_t_wrap .appendix_as_box .as_text > b {display:inline-block; margin-bottom:20px; font-size:1.375rem; font-weight:500;}
.appendix_t_wrap .appendix_as_box .as_check_dot {}

.appendix_t_wrap .appendix_as_box .as_check_dot > li {position:relative; padding-left:20px; margin-bottom:10px;}
.appendix_t_wrap .appendix_as_box .as_check_dot > li:last-child {margin-bottom:0px;}
.appendix_t_wrap .appendix_as_box .as_check_dot > li:after {content:""; display:block; width:10px; height:10px; background:url("/images/sub/appendix_as_check_icon.png") no-repeat center; position:absolute; top:8px; left:0px;}
.appendix_t_wrap .appendix_as_box .as_check_dot > li .as_apply_btn {display:inline-block; margin-left:8px; color:#fff; font-size:0.8125rem; padding:7px 9px; line-height:1; border:1px solid #cdcdcd; background:rgba(72,72,72,0.6); transition:all .3s;}
.appendix_t_wrap .appendix_as_box .as_check_dot > li .as_apply_btn:hover {background:#fff; color:#333; font-weight:550;}

.appendix_t_wrap .appendix_as_box .pay_wrap {width:437px;}
.appendix_t_wrap .appendix_as_box .pay_wrap:after {content:""; display:block; clear:both;}
.appendix_t_wrap .appendix_as_box .pay_wrap > li {float:left; width:31.333333%; margin-right:3%; padding:20px 10px 10px; border-radius:8px; text-align:center; font-weight:500; background:#fff; box-sizing:border-box;}
.appendix_t_wrap .appendix_as_box .pay_wrap > li:last-child {margin-right:0px;}
.appendix_t_wrap .appendix_as_box .pay_wrap > li > b {display:block; font-size:1.4375rem;}
.appendix_t_wrap .appendix_as_box .pay_wrap > li > span {display:block; margin-bottom:15px; color:#e7001b; font-size:1.125rem;}
.appendix_t_wrap .appendix_as_box .pay_wrap > li .pay_btn {display:block; width:100%; padding:7px 0px; font-size:0.9375rem; background:#cf0013; border-radius:5px; color:#fff;}


/* 전체 리스트 영역 */
.e_all_wrap {margin-top:30px;}
.e_all_wrap .e_all_list {display:flex; flex-wrap:wrap;}
.e_all_wrap .e_all_list > li {display:flex; flex-direction:column; flex:none; flex-basis:16.8%; margin-right:4%; margin-bottom:50px;}
.e_all_wrap .e_all_list > li:nth-child(5n) {margin-right:0px;}
.e_all_wrap .e_all_list > li .all_img {border:1px solid #d2d3d3;}
.e_all_wrap .e_all_list > li .all_img > a {display:block;}
.e_all_wrap .e_all_list > li .all_img > a > img {width:100%;}

.e_all_wrap .e_all_list > li .all_text {margin-top:10px; font-size:1.125rem; font-weight:500; text-align:center;}


/* 별책부록 뷰 영역 */
.ebook_view_wrap {}
.ebook_view_wrap .ebook_view_box { padding:50px; margin-bottom:50px; background:url("/images/sub/view_bg.png") no-repeat center/cover; border-radius:10px; overflow:hidden; box-sizing:border-box;}
.ebook_view_wrap .ebook_view_box_wrap {display:flex; align-items:center;}
.ebook_view_wrap .view_img_left {width:33%; margin-right:2.5%;}
.ebook_view_wrap .view_img_left img {width:100%;}

.ebook_view_wrap .view_txt_right {width:64.5%;} 
.ebook_view_wrap .view_txt_right .view_txt_top {margin-bottom:95px; color:#fff;}
.ebook_view_wrap .view_txt_right .view_txt_top .view_tit {margin-bottom:30px; display:flex; font-size:2.5rem; font-weight:600; line-height:1;}
.ebook_view_wrap .view_txt_right .view_txt_top .view_logo {margin-right:20px;}
.ebook_view_wrap .view_txt_right .view_txt_top .text {display:inline-block; margin-bottom:15px; font-size:1.125rem;}
.ebook_view_wrap .view_txt_right .view_txt_top .after_join {margin-bottom:15px;}
.ebook_view_wrap .view_txt_right .view_txt_top .after_join:after {content:""; display:block; clear:both;}
.ebook_view_wrap .view_txt_right .view_txt_top .after_join > li {float:left; font-size:1.125rem; color:#f8f01b;}
.ebook_view_wrap .view_txt_right .view_txt_top .after_join > li:after {content:""; display:inline-block; width:1px; height:15px; background-color:#fff; margin:0px 15px;}
.ebook_view_wrap .view_txt_right .view_txt_top .after_join > li:last-child:after {display:none;}

.ebook_view_wrap .view_txt_right .view_txt_top .view_btn {}
.ebook_view_wrap .view_txt_right .view_txt_top .view_btn:after {content:""; display:block; clear:both;}

.ebook_view_wrap .view_txt_right .view_txt_top .view_btn > li {float:left; margin-right:10px;}
.ebook_view_wrap .view_txt_right .view_txt_top .view_btn > li:last-child {margin-right:0px;}
.ebook_view_wrap .view_txt_right .view_txt_top .view_btn > li > a {display:block; padding:5px 20px; border:1px solid #fff; background:rgba(74,74,74,0.8); color:#fff; transition:all .3s;}
.ebook_view_wrap .view_txt_right .view_txt_top .view_btn > li:hover > a {background:#fff; color:#333; font-weight:550;}

.ebook_view_wrap .view_txt_right .view_as_box {padding:30px; background-color:#484848; border-radius:13px;}
.ebook_view_wrap .view_txt_right .view_as_box .as_check_dot {margin-bottom:30px;}
.ebook_view_wrap .view_txt_right .view_as_box .as_check_dot2 {margin-bottom:0px;}
.ebook_view_wrap .view_txt_right .view_as_box .as_check_dot > li {position:relative; padding-left:20px; margin-bottom:10px; color:#fff;}
.ebook_view_wrap .view_txt_right .view_as_box .as_check_dot > li:last-child {margin-bottom:0px;}
.ebook_view_wrap .view_txt_right .view_as_box .as_check_dot > li:after {content:""; display:block; width:10px; height:10px; background:url("/images/sub/appendix_as_check_icon.png") no-repeat center; position:absolute; top:8px; left:0px;}
.ebook_view_wrap .view_txt_right .view_as_box .as_check_dot > li .as_apply_btn {display:inline-block; margin-left:8px; color:#fff; font-size:0.8125rem; padding:7px 9px; line-height:1; border:1px solid #cdcdcd; background:#5b5b5b; transition:all .3s;}
.ebook_view_wrap .view_txt_right .view_as_box .as_check_dot > li .as_apply_btn:hover {background:#fff; color:#333; font-weight:550;}

.ebook_view_wrap .view_txt_right .view_as_box .pay_wrap2 {margin-top:30px;}
.ebook_view_wrap .view_txt_right .view_as_box .pay_wrap:after {content:""; display:block; clear:both;}
.ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li {float:left; width:30%; margin-right:5%; padding:20px 10px 10px; border-radius:8px; text-align:center; font-weight:500; background:#fff; box-sizing:border-box;}
.ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li:last-child {margin-right:0px;}
.ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li > b {display:block; font-size:1.4375rem;}
.ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li > span {display:block; margin-bottom:15px; color:#e7001b; font-size:1.125rem;}
.ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li .pay_btn {display:block; width:100%; padding:7px 0px; font-size:0.9375rem; background:#cf0013; border-radius:5px; color:#fff;}

.ebook_view_wrap .view_txt_right_mobile {display:none;}


/* 별책 뷰 버튼 영역 */
.eb_view_btn_wrap {display:flex; align-items:center; justify-content: space-between; padding-bottom:100px;}
.eb_view_btn_wrap .arrow_btn > a  {display:flex; align-items:center;}
.eb_view_btn_wrap .arrow_btn > a > span {font-size:1.125rem; font-weight:500;}
.eb_view_btn_wrap .arrow_left > a > span {display:inline-block; margin-left:10px;}
.eb_view_btn_wrap .arrow_right > a > span {display:inline-block; margin-right:10px;}

.eb_view_btn_wrap .e_v_list_btn {width:150px; height:47px; border:1px solid #9a9a9a; border-radius:50pt;}
.eb_view_btn_wrap .e_v_list_btn > a {display:block; width:100%; height:100%; font-size:1.125rem; color:#333; font-weight:500; text-align:center; line-height:45px;}

/* 별책 부록 영역 */
.appendix_t_wrap {padding-top:20px;}
.appendix_t_wrap .appendix_t_center {width:1300px; margin:0px auto;}
.appendix_t_wrap .appendix_t_box {display:flex; align-items:center; justify-content:space-between; padding:0px 10px 15px;}
.appendix_t_wrap .appendix_t_box.boder_b {border-bottom:1px solid #000;}

.appendix_t_wrap .appendix_tit {font-size:1.875rem; font-weight:600;}
.appendix_t_wrap .appendix_tit > span {margin-left:15px; color:#df0000; font-size:1.125rem; font-weight:500;}

.appendix_data_wrap {display:flex; justify-content:flex-end; /*margin:10px 0px 30px;*/ padding:15px 10px 0px;}
.appendix_data:after {content:""; display:block; clear:both;}
.appendix_data {width:687px;}
.appendix_data > li {float:left; width:18.4%; height:40px; margin-right:2%;}
.appendix_data > li:last-child {margin-right:0px;}

.appendix_data2 {width:547px;}
.appendix_data2 > li {float:left; width:23.5%; height:40px; margin-right:2%;}

.appendix_data .select {width:100%; height:100% !important; padding-left:13px !important; border:1px solid #cdcdcd !important; font-size:1rem; color:#000 !important; font-family:"Noto Sans KR"; appearance: none; background: #fff url("/images/sub/appendix_select_arrow.png") no-repeat right 15px center;}


/* 별책 부록 안내 영역 */ 
.info_box {display:flex; align-items:center; height:60px; margin-bottom:50px; background-color:#333; border-radius:5px;}
.info_box > p {position:relative; padding-left:40px; color:#fff;}
.info_box > p:after {content:"!"; display:block; width:20px; height:20px; background:#535353; border-radius:50%; color:#fff; font-family:"Noto Sans KR"; font-size:0.8125rem; position:absolute; top:3px; left:13px; text-align:center; line-height:20px; font-weight:500;}
.info_box > p > b {font-size:1.0625rem; font-weight:550; text-decoration:underline; text-underline-offset:8px; -webkit-text-decoration-color:#6c6c6c; text-decoration-color:#6c6c6c;}
.info_box .db_btn {display:inline-block; width:228px; height:35px; margin-left:14px; color:#d3d3d3; font-size:0.875rem; line-height:35px; text-align:center; border:1px solid #c2c2c2; background:#424242;}
.info_box .db_btn > span {margin-left:10px;}


/* 별책 부록 리스트 영역 */
.appendix_list > li {padding:20px 0px; border-bottom:1px solid #ddd;}
.appendix_list > li:first-child {padding-top:0px;}
.appendix_list .ap_list_tit {display:block; margin-bottom:15px;}
.appendix_list .ap_list_tit > a {font-size:1.3125rem; font-weight:500; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.appendix_list .ap_list_text {color:#7a7a7a; font-size:0.875rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}


/* 별책 전체 영역 */
.e_last_all_wrap {}
.e_last_all_wrap .e_last_all_list {display:flex; flex-wrap:wrap;}
.e_last_all_wrap .e_last_all_list > li {display:flex; flex-direction:column; flex:none; flex-basis:14.166666%; margin-right:3%; margin-bottom:50px;}
.e_last_all_wrap .e_last_all_list > li:nth-child(6n) {margin-right:0px;}
.e_last_all_wrap .e_last_all_list > li .e_book_img {border:1px solid #d9d9d9;}
.e_last_all_wrap .e_last_all_list > li .e_book_img > a {position:relative; display:block;}
.e_last_all_wrap .e_last_all_list > li .e_book_img > a:after {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0px; left:0px; opacity:0; transition:all .5s;}
.e_last_all_wrap .e_last_all_list > li .e_book_img:hover > a:after {opacity:1;}
.e_last_all_wrap .e_last_all_list > li .e_book_img > a > img {width:100%;}
.e_last_all_wrap .e_last_all_list > li .e_book_img > a .view {display:block; width:79px; height:33px; color:#fff; font-weight:500; line-height:31px; border:1px solid #fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; opacity:0; transition:all .5s;}
.e_last_all_wrap .e_last_all_list > li .e_book_img:hover > a .view {opacity:1;}
.e_last_all_wrap .e_last_all_list > li .e_book_text {margin-top:10px; text-align:center; font-weight:550;}


/* 별책 전체 버튼 영역 */
.eb_btn_wrap {display:flex; align-items:center; justify-content: space-between; margin-top:25px; padding:30px 0px 100px; border-top:1px solid #000;}
.eb_btn_wrap .arrow_btn > a  {display:flex; align-items:center;}
.eb_btn_wrap .arrow_btn > a > span {font-size:1.125rem; font-weight:500;}
.eb_btn_wrap .arrow_left > a > span {display:inline-block; margin-left:10px;}
.eb_btn_wrap .arrow_right > a > span {display:inline-block; margin-right:10px;}

.eb_btn_wrap .e_data {width:170px; height:47px;}
.eb_btn_wrap .e_data > select {width:100% !important; height:100% !important; border:1px solid #9a9a9a; border-radius:50pt; color:#333 !important; font-size:1.125rem; font-weight:550; padding-left:30px; appearance:none; background:url("/images/sub/ebook_down_arow.png") no-repeat right 18px center; cursor:pointer;}


/* 갤러리형 전체 버튼 영역 */
.gall_btn_wrap {display:flex; align-items:center; justify-content: space-between; margin-top:30px; padding:30px 0px 30px; border-top:1px solid #000;}
.gall_btn_wrap .arrow_btn > a  {display:flex; align-items:center;}
.gall_btn_wrap .arrow_btn > a > span {font-size:1.125rem; font-weight:500;}
.gall_btn_wrap .arrow_left > a > span {display:inline-block; margin-left:10px;}
.gall_btn_wrap .arrow_right > a > span {display:inline-block; margin-right:10px;}

.gall_btn_wrap .gall_data_box {display:flex;}
.gall_btn_wrap strong, b {
	font-weight:600;
}
.gall_btn_wrap .e_data {width:145px; height:47px; margin-right:5px;}
.gall_btn_wrap .e_data > select {width:100% !important; height:100% !important; border:1px solid #9a9a9a; border-radius:50pt; color:#333 !important; font-size:1.125rem; font-weight:550; padding-left:20px; appearance:none; background:url("/images/sub/ebook_down_arow.png") no-repeat right 18px center; cursor:pointer;}
.gall_btn_wrap .e_data1 {}
.gall_btn_wrap .e_data2 {width:115px; height:47px;}
.gall_btn_wrap .move_btn {display:block; width:80px; height:47px; line-height:47px; text-align:center; background:#333; color:#fff; font-weight:550; border-radius:50pt;}


/* 잡지 전체 목록 */
.maga_book_wrap .maga_book_list {display:flex; flex-wrap:wrap;}
.maga_book_wrap .maga_book_list > li {display:flex; flex-direction:column; flex:none; flex-basis:8.2%; margin-right:2%; margin-bottom:40px;}
.maga_book_wrap .maga_book_list > li:nth-child(10n) {margin-right:0px;}
.maga_book_wrap .maga_book_list > li .m_book_img {border:1px solid #cecece;}
.maga_book_wrap .maga_book_list > li .m_book_img > a {position:relative; display:block;}
.maga_book_wrap .maga_book_list > li .m_book_img > a:after {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0px; left:0px; opacity:0; transition:all .5s;}
.maga_book_wrap .maga_book_list > li .m_book_img > a > img {width:100%;}
.maga_book_wrap .maga_book_list > li .m_book_img > a .view {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:79px; height:33px; border:1px solid #fff; color:#fff; text-align:center; line-height:31px; font-size:0.9375rem; z-index:1; opacity:0; transition:all .5s;}
.maga_book_wrap .maga_book_list > li .m_book_img:hover > a:after {opacity:1;}
.maga_book_wrap .maga_book_list > li .m_book_img:hover > a .view {opacity:1;}
.maga_book_wrap .maga_book_list > li .m_text {margin-top:5px; font-size:0.9375rem; text-align:center; font-weight:500;}


/* 서브 검색기능 */
.lst_box_search {width:280px; padding:8px 10px; box-sizing: border-box; background-color:#fff; border:2px solid #222;}
.lst_box_search form {width:100%; padding:0px 0px 0px 3px; box-sizing:border-box;}
.lst_box_search form input {/*width:185px;*/ width:87%; height:30px; border:none; padding:0px; background-color:transparent;}
.lst_box_search button {float:right; width:23px; height:22px; margin-top:3px; border:0; font-size:0px; background:url("/images/h_b_search_s.png") no-repeat center/100%; opacity:0.6;}


/* 전자북 결제하기 영역 */

.tb_wrap {}

table.tb_pay {width:100%; border-top:2px solid #292929;}
table.tb_pay_border_none {border-top:none;}
table.tb_pay th {background:#f7f7f7; font-weight:400; text-align:center; padding:10px 10px; border-bottom:1px solid #dddddd; vertical-align:middle; font-size:1.0625rem; font-weight:500;}
table.tb_pay td {padding:10px 20px; border-bottom:1px solid #dddddd; vertical-align:middle;}
table.tb_pay td input {border:1px solid #dddddd; background:#fff; height:33px; padding-left:10px; color:#000 !important; vertical-align:middle;}
table.tb_pay td input[type="radio"] {height:auto; margin-right:5px; vertical-align:initial;} 
/* table.tb_pay td .noticeTip {color:#d50404; font-size:0.9375rem; font-weight:500;} */
table.tb_pay td .noticeTip {color:#ca0000; font-size:0.9375rem; font-weight:500; margin-left:10px;}
table.tb_pay em {color:#ca0000;}
table.tb_pay td .join_s_btn {display:inline-block; padding:6px 13px; color:#fff; font-weight:400; /*background:#27347f;*/ background:#9fa0a0; font-size:0.875rem; border-radius:3px;}
table.tb_pay td .wid100per {width:100%;}

table.tb_pay td .wid100px {width:100px;}
table.tb_pay td .wid90px {width:90px;}
table.tb_pay td .wid80px {width:80px;}
table.tb_pay td .wid70px {width:70px;}
table.tb_pay td .wid60px {width:60px;}
table.tb_pay td .wid50px {width:50px;}
table.tb_pay td .mgtb5 {margin:5px 0px;}
table.tb_pay select {width:80px; font-size:1rem;}

table.tb_pay .months_box {margin-right:15px;}
table.tb_pay .pdtb10 {padding:15px 20px;}
table.tb_pay .sel_nation {width:200px;}
table.tb_pay .phon_box {display:inline-block;}
table.tb_pay .bold {font-weight:500;}

.pay_btn_wrap {margin:40px 0px;}
.pay_btn_wrap .pay_btn {padding:10px 25px; color:#fff; border-radius:5px; margin:0px 3px; font-size:1.0625rem;}
.pay_btn_wrap .btn_pink {background-color:#ca0000;}
.pay_btn_wrap .btn_dark {background-color:#333;}


@media screen and (max-width:1400px){
    .real_conts {width:96%;}
	.real_conts3 {width:96%;}
    .real_conts_ac {padding:0px 20px;}

    .left_conts {padding-right:40px;}

    .view_wrap .view_conts_wrap {padding-left:100px;}
  
    .appendix_t_wrap {padding-top:0px;}
    .appendix_t_wrap .appendix_t_center {width:96%;}
    .appendix_t_wrap .appendix_as_box .pay_wrap {width:420px;}
    .appendix_t_wrap .appendix_as_box {padding:30px 20px;}
	.borard_list > li .b_img {width:180px; height:120px;}
	.borard_list > li .sch_b_img {width:180px; height:120px;}

    .ebook_view_wrap .view_txt_right .view_txt_top {margin-bottom:80px;}
}


@media screen and (max-width:1200px){
    .left_conts {padding-right:30px;}  

    .right_conts {padding-left:30px;} 
    .right_many_news .right_news_tit {display:inline-block; margin-bottom:10px;}
    .right_many_news .right_news_top {display:block;}
    .right_many_news .right_news_tab > li {width:49%; margin-right:2%;}
    .right_many_news .right_news_tab > li:last-child {margin-right:0px;}
    .right_many_news .right_news_tab > li > a {height:35px; line-height:35px;}

    .list_img_top_box .list_img_top_tit > p {font-size:1.875rem;}
    .list_img_top_box .list_img_top_tit > p .font_pink {font-size:1.4375rem;}

    .borard_list > li .b_img {width:180px; height:120px;}
    .borard_list > li .b_text .b_tit {font-size:1.25rem;}

    .borard_list > li .sch_b_img {width:180px; height:120px;}
    .borard_list > li .sch_b_text .sch_b_tit {font-size:1.25rem;}

    .view_wrap .view_conts_wrap {padding-left:90px;}
	.view_wrap .view_content {width:100% !important; height:auto;}
	.view_wrap .view_content img {width:100% !important; height:auto;}
    .view_wrap .view_content .article_img_c {width:100% !important;}
    .view_wrap .view_content .article_img {width:100% !important;}

    .sub_search_wrap .sub_search_box {height:55px;}
    .sub_search_wrap .sub_search_box input::placeholder {font-size:1.125rem;}
    .sub_search_wrap .sub_search_text {flex-direction:column-reverse; align-items:initial;}
    
    .sub_search_wrap .sub_search_text .chek_wrap {margin-bottom:0px;}
    .sub_search_wrap .sub_search_text .text_result {display:inline-block; margin-right:0px; margin-bottom:10px;}
    .sub_search_wrap .sub_search_text .text_left {display:block;}

    .sub_search_wrap .sub_search_text .right_btn {display:flex; justify-content:flex-end;}

    .appendix_t_wrap .appendix_as_box .as_text > b {font-size:1.25rem;}

    .ebook_view_wrap .ebook_view_box {padding:40px;}
    .ebook_view_wrap .view_txt_right .view_txt_top {margin-bottom:50px;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_tit {margin-bottom:20px; font-size:1.875rem;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_logo img {width:120px;}

    .e_last_all_wrap .e_last_all_list > li {flex-basis:17.6%;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(6n) {margin-right:3%;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(5n) {margin-right:0px;}

    .appendix_list .ap_list_tit {margin-bottom:10px;}
    .appendix_list .ap_list_tit > a {font-size:1.25rem;}

    .maga_book_wrap .maga_book_list > li {flex-basis:9.333333%;}
    .maga_book_wrap .maga_book_list > li:nth-child(10n) {margin-right:2%;}
    .maga_book_wrap .maga_book_list > li:nth-child(9n) {margin-right:0px;}
}

@media screen and (max-width:1120px){
    .appendix_t_wrap .appendix_as_box {display:block;}
    .appendix_t_wrap .appendix_as_box .as_text {margin-bottom:20px;}
    .appendix_t_wrap .appendix_as_box .pay_wrap {width:100%;}
    .appendix_t_wrap .appendix_as_box .pay_wrap > li {width:32%; margin-right:2%;}
}

@media screen and (max-width:1100px){
    .left_conts { padding-right:25px;} 
    .right_conts { padding-left:25px;} 
    .maga_book_wrap .maga_book_list > li {flex-basis:10.75%;}
    .maga_book_wrap .maga_book_list > li:nth-child(9n) {margin-right:2%;}
    .maga_book_wrap .maga_book_list > li:nth-child(8n) {margin-right:0px;}
}

@media screen and (max-width:1090px){
    .ebook_view_wrap .view_txt_right .view_as_box .as_check_dot > li .as_apply_btn {display:block; width:100%; height:40px; margin-left:0px; margin-top:10px; padding:0px; line-height:40px; text-align:center; font-size:0.9375rem;}

    .ebook_view_wrap .view_img_left {width:40%;}
    .ebook_view_wrap .view_txt_right {width:57.5%;}
}


@media screen and (max-width:1024px){
    .real_conts {display:block; width:100%; padding:0px 15px;}
	.real_conts3 {display:block; width:100%; padding:0px 15px;}
    .real_conts_ac {padding:0px 0px;}

    .sub_content {margin-top:30px;}

    .left_conts {width:100%; padding-right:0px; padding-bottom:40px; border-right:none;}

    .gallery_list > li {flex-basis:32%; margin-right:2%;}
    .gallery_list > li > a .g_text {font-size:1.0625rem;}

    .right_conts {width:100%; padding-left:0px; padding-bottom:30px;}

    .right_many_news .right_news_top {margin-bottom:0px;}
    .right_many_news .right_news_tab > li {border-radius:0px; width:50%; margin-right:0px;}
    .right_many_news .right_news_tab > li > a {height:40px; line-height:40px; font-size:0.9375rem;}
    .right_many_news .right_new_list > li:first-child {border-top:none;}

    .list_img_top_box {margin-bottom:20px;}
    .list_img_top_box .list_img_top_tit {padding-bottom:10px;}
    .list_img_top_box .list_img_top_tit > p {font-size:1.5625rem;}
    .list_img_top_box .list_img_top_tit > p .font_pink {font-size:1.25rem;}

	.borard_list > li .b_img {width:170px; height:113px;}
    .borard_list > li .b_text .b_tit {font-size:1.125rem;}

	.borard_list > li .sch_b_img {width:170px; height:113px;}
    .borard_list > li .sch_b_text .sch_b_tit {font-size:1.125rem;}

    .boardPager_wrap {padding-bottom:30px;}
    .boardPager { margin-bottom:30px; /*display:none;*/ }
    
    .more_news {display:block; margin-top:30px;}

    .view_wrap .s_sns_quick {display:none;}
    .view_wrap .m_s_sns_quick {display:flex;}

    .view_wrap .view_conts_wrap {padding-left:0px;}
    .view_wrap .view_gray_box ul li {font-size:1.0625rem;}
    .view_wrap .view_gray_box {margin-bottom:40px;}
    .view_wrap .view_img {margin-bottom:40px;}

    .view_wrap .view_content dl {width:100% !important;}
    .view_wrap .view_content table {width:100% !important;}
    .view_wrap .view_content .test_tit {font-size:1.125rem;}

    .view_wrap .view_img {width:100%;}
    .view_wrap .view_img img {width:100%;}

    .comment_wrap .comment_peoples {padding:20px 15px;}
    .comment_wrap .sub_comment > li {padding:15px 10px;}

    .sub_search_wrap {margin-bottom:30px;}

    .appendix_data_wrap {padding:15px 0px 0px;}
    .appendix_t_wrap .appendix_t_box {padding:0px 0px 15px;}

    .appendix_t_wrap .appendix_tit {font-size:1.5625rem;}
    .appendix_t_wrap .appendix_as_box {margin-bottom:40px; padding:20px 15px;}
    .appendix_t_wrap .appendix_as_box .pay_wrap > li > b {font-size:1.25rem;}
    .appendix_t_wrap .appendix_as_box .pay_wrap > li > span {font-size:1.0625rem;}

    .e_all_wrap .e_all_list > li {flex-basis:22.75%; margin-right:3%; margin-bottom:40px;}
    .e_all_wrap .e_all_list > li:nth-child(5n) {margin-right:3%;}
    .e_all_wrap .e_all_list > li:nth-child(4n) {margin-right:0px;}

    .ebook_view_wrap .ebook_view_box {padding:30px;}
    .ebook_view_wrap .view_txt_right .view_txt_top {margin-bottom:40px;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_logo img {width:100px;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_tit {font-size:1.5625rem;}
    .ebook_view_wrap .view_txt_right .view_as_box {padding:20px;}
    .ebook_view_wrap .view_txt_right .view_as_box .as_check_dot {margin-bottom:25px;}
    .ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li {width:32%; margin-right:2%;}
    .ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li > b {font-size:1.25rem;}

    .info_box {display:block; height:auto; margin-bottom:30px; padding:15px 10px;}
    .info_box > p {display:inline-block;}

    .e_last_all_wrap .e_last_all_list > li {flex-basis:22.75%; margin-bottom:40px;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(5n) {margin-right:3%;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(4n) {margin-right:0px;}

    .appendix_list .ap_list_tit > a {font-size:1.125rem;}

    .maga_book_wrap .maga_book_list > li {flex-basis:12.571428%;}
    .maga_book_wrap .maga_book_list > li:nth-child(8n) {margin-right:2%;}
    .maga_book_wrap .maga_book_list > li:nth-child(7n) {margin-right:0px;}
}

@media screen and (max-width:1000px){
    .appendix_t_wrap .appendix_tit {margin-bottom:15px;}
    .appendix_t_wrap .appendix_t_box {display:block;}
    .appendix_t_wrap .appendix_t_box01 {display:flex;}
    .appendix_data {width:100%;}

    .lst_box_search {padding:5px 10px;}
    .lst_box_search form input::placeholder {font-size:0.9375rem;}
}

@media screen and (max-width:900px){
    .ebook_view_wrap .ebook_view_box_wrap {flex-direction:column-reverse;}

    .ebook_view_wrap .view_img_left {width:50%; margin-right:0px; margin-bottom:30px;}

    .ebook_view_wrap .view_txt_right {width:100%;}
    .ebook_view_wrap .view_txt_right .view_txt_top {display:flex; flex-direction:column; align-items:center; margin-bottom:30px;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_btn > li > a {padding:0px; width:130px; height:40px; line-height:38px; text-align:center;}

    .ebook_view_wrap .view_txt_right .view_txt_top .befor_box {text-align:center;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_btn {display:flex; justify-content:center;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_btn > li {float:none;}

    .ebook_view_wrap .view_txt_right .view_txt_top .after_box {text-align:center;}

    .ebook_view_wrap .view_txt_right_pc .view_as_box {display:none;}
    .ebook_view_wrap .view_txt_right_mobile {display:block;}

    .maga_book_wrap .maga_book_list > li {flex-basis:15%;}
    .maga_book_wrap .maga_book_list > li:nth-child(7n) {margin-right:2%;}
    .maga_book_wrap .maga_book_list > li:nth-child(6n) {margin-right:0px;}

    table.tb_pay colgroup {display:none;}
    table.tb_pay th {width:25%;}
    table.tb_pay td {width:75%;}
}


@media screen and (max-width:800px){
    .info_box {padding:15px;}
    .info_box > p {display:block;}
    .info_box .db_btn {width:100%; height:40px; margin-left:0px; margin-top:15px; line-height:40px;}
}

@media screen and (max-width:768px){
    .real_conts {padding:0px 10px;}
	.real_conts3 {padding:0px 10px;}
    .real_conts_ac {padding:0px;}
    .sub_content {margin-top:25px;}

    .left_conts {padding-bottom:25px;}
   
    .right_conts {padding-bottom:25px;}
    .right_many_news {margin-bottom:25px;}
    .right_many_news .right_news_tit {font-size:1.125rem;}
    .w_right_tv {margin-bottom:25px;}
    .w_right_tv .w_tv_tit {font-size:1.25rem;}
    .right_adver_img01 {margin-bottom:25px;}
    
    .list_img_top_box .list_img_top_tit > p {font-size:1.25rem;}
    .list_img_top_box .list_img_top_tit > p .font_pink {font-size:1.125rem;}

    .borard_list > li .b_img {width:100px; height:67px;}
    .borard_list > li .b_text .b_tit { font-size:1.125rem; line-height: 1.45; -webkit-line-clamp: 5; }
    .borard_list > li .b_text .c_s_text { display:none; /*-webkit-line-clamp:2; font-size:1rem; line-height: 1.45; -webkit-line-clamp: 5; */ }

    .borard_list > li .sch_b_img {width:100px; height:67px;}
    .borard_list > li .sch_b_text .sch_b_tit { font-size:1.125rem; line-height: 1.45; -webkit-line-clamp: 5; }
    .borard_list > li .sch_b_text .sch_c_s_text { -webkit-line-clamp:2; font-size:1rem; line-height: 1.45; -webkit-line-clamp: 2; }

	.b_subtit { display:none; /* font-size:1rem; line-height: 1.45; -webkit-line-clamp: 5;*/ }

	.g_subtit { font-size:1rem; line-height: 1.45; -webkit-line-clamp: 5; }
	.g_text { font-size:1.125rem; line-height: 1.45; -webkit-line-clamp: 5; font-weight: 500; }
    
    .more_news {height:45px; margin-top:25px; font-size:1.0625rem; line-height:45px;}

    .view_wrap .m_s_sns_quick {position:static; display:flex; justify-content:flex-end; margin-top:5px;}
    .view_wrap .m_s_sns_quick > li {width:35px; height:35px;}
    .view_wrap .m_s_sns_quick > li:nth-child(1) > a > img {width:15px;}
    .view_wrap .m_s_sns_quick > li:nth-child(2) > a > img {width:15px;}
    .view_wrap .m_s_sns_quick > li:nth-child(3) > a > img {width:15px;}
    .view_wrap .m_s_sns_quick > li:nth-child(4) > a > img {width:15px;}
    .view_wrap .m_s_sns_quick > li:nth-child(5) > a > img {width:15px;}

    .view_wrap .view_content {margin-top:25px; margin-bottom:25px;}
    .view_wrap .view_top .tit_box .view_tit1 {font-size:0.9375rem;}

    .view_wrap .view_top .data_box > li {font-size:0.9375rem;}
    .view_wrap .view_gray_box {padding:20px 15px;}
    .view_wrap .view_gray_box ul li {font-size:1rem;}
    .view_wrap .view_gray_box ul li:after {top:6px;}
    .view_wrap .view_gray_box {margin-bottom:30px;}
	.g_data_box > li {font-size:0.9375rem;}
    
    .view_wrap .view_img {margin-bottom:30px;}
    .view_wrap .view_content p { font-size:1rem; line-height:1.8; text-align:justify; word-break:initial;}
    .view_wrap .view_content .test_tit {margin-bottom:30px; font-size:1.0625rem;}

    .comment_wrap .sub_comment > li {padding:10px 10px;}
    
    .comment_wrap .comment_write input {width:85% !important;}
    .comment_wrap .comment_write input[type="button"].write_btn {width:15% !important;}

    .sub_search_wrap .sub_search_box {height:50px;}
    .sub_search_wrap .sub_search_box .sub_search_btn_box .sub_search_btn {min-width:23px; min-height:23px;}
    .sub_search_wrap .sub_search_box .sub_search_btn_box .sub_search_btn > img {width:23px;}
    .sub_search_wrap .sub_search_text {padding:15px;}
    .sub_search_wrap .sub_search_text .right_btn > li {font-size:0.9375rem;}
    .sub_search_wrap .sub_search_text .text_result {margin-bottom:0px; font-size:1.0625rem;}
    .sub_search_wrap .sub_search_text .chek_wrap > li {margin-right:20px; margin-top:10px; font-size:0.9375rem;}

    .sub_search_wrap .sub_search_box .sub_search_btn_box {margin-right:20px;}
    .sub_search_wrap .sub_search_box input::placeholder {font-size:1.0625rem;}

    .appendix_t_wrap .appendix_tit {font-size:1.25rem;}
    .appendix_t_wrap .appendix_tit > span {margin-left:5px; font-size:1rem;}

    .appendix_t_wrap .appendix_as_box .as_text > b {margin-bottom:15px; font-size:1.125rem;}
    .appendix_t_wrap .appendix_as_box .as_check_dot > li {margin-bottom:5px; font-size:0.9375rem;}
    .appendix_t_wrap .appendix_as_box .pay_wrap > li {padding:15px 10px;}
    .appendix_t_wrap .appendix_as_box .pay_wrap > li > b {font-size:1.125rem;}
    .appendix_t_wrap .appendix_as_box .pay_wrap > li > span {font-size:1rem;}
    .appendix_t_wrap .appendix_as_box {margin-bottom:30px;}

    .e_all_wrap {margin-top:25px;}
     .e_all_wrap .e_all_list > li {flex-basis:31.333333%; margin-right:3%; margin-bottom:30px;}
    .e_all_wrap .e_all_list > li:nth-child(5n) {margin-right:3%;}
    .e_all_wrap .e_all_list > li:nth-child(4n) {margin-right:3%;}
    .e_all_wrap .e_all_list > li:nth-child(3n) {margin-right:0px;}

    .e_all_wrap .e_all_list > li .all_text {margin-top:5px; font-size:1.0625rem;}

    .ebook_view_wrap .ebook_view_box {padding:30px 25px; margin-bottom:40px;}
    .ebook_view_wrap .view_img_left {width:80%;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_tit {margin-bottom:10px; font-size:1.25rem;}
    .ebook_view_wrap .view_txt_right .view_txt_top .text {font-size:1rem;}
    .ebook_view_wrap .view_txt_right .view_txt_top .after_join > li {font-size:1rem;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_btn > li > a {font-size:0.9375rem;}
    .ebook_view_wrap .view_txt_right .view_as_box .as_check_dot > li {margin-bottom:5px; font-size:0.9375rem;}
    .ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li {padding:15px;}
    .ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li > b {font-size:1.125rem;}
    .ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li > span {font-size:1rem;}
    .eb_view_btn_wrap .e_v_list_btn > a {font-size:1.0625rem;}
    .eb_view_btn_wrap .arrow_btn > a > span {font-size:1.0625rem;}
    
    .info_box {margin-bottom:30px;}
    
    .info_box > p {padding-left:35px; font-size:0.9375rem;}
    .info_box > p:after {left:3px;}
    .info_box > p > b {font-size:1rem; text-underline-offset:7px;}

    .e_last_all_wrap .e_last_all_list > li {flex-basis:32%; margin-right:2%; margin-bottom:30px;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(6n) {margin-right:2%;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(5n) {margin-right:2%;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(4n) {margin-right:2%;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(3n) {margin-right:0px;}
    .e_last_all_wrap .e_last_all_list > li .e_book_text {margin-top:5px;}

    .eb_btn_wrap .e_data > select {font-size:1.0625rem;}
    .eb_btn_wrap .arrow_btn > a > span {font-size:1.0625rem;}

    .gall_btn_wrap .e_data > select {font-size:1.0625rem;}
    .gall_btn_wrap .arrow_btn > a > span {font-size:1.0625rem;}

    .appendix_list .ap_list_tit {margin-bottom:5px;}
    .appendix_list .ap_list_tit > a {font-size:1.0625rem;}

    .maga_book_wrap .maga_book_list > li {flex-basis:18.4%; margin-bottom:30px;}
    .maga_book_wrap .maga_book_list > li:nth-child(6n) {margin-right:2%;}
    .maga_book_wrap .maga_book_list > li:nth-child(5n) {margin-right:0px;}
}

@media screen and (max-width:700px){
    .appendix_data > li {width:32%;}
    .appendix_data > li:nth-child(3n) {margin-right:0px;}
    .appendix_data > li:nth-child(n+4) {margin-top:10px;}
    .view_wrap .view_top .tit_box .view_tit2 {font-size:1.5rem;}
    .view_wrap .view_top .tit_box .view_tit3 {font-size:1.125rem;}
}

@media screen and (max-width:610px){
    .appendix_t_wrap .appendix_as_box .as_check_dot > li .as_apply_btn {display:block; height:40px; margin-top:10px; margin-left:0px; padding:0px; text-align:center; line-height:40px; font-size:0.875rem;}

    .ebook_view_wrap .view_txt_right .view_as_box .as_check_dot > li .as_apply_btn {font-size:0.875rem;}

    .comment_wrap .comment_write_user_box {display:block;}
    .comment_wrap .comment_write_user_box > div:first-child {margin-right:0px; margin-bottom:10px;}
}

@media screen and (max-width:600px){
    .sub_content {margin-top:20px;}
    
    .gallery_list > li {flex-basis:49%; margin-bottom:30px;}
    .gallery_list > li:nth-child(3n) {margin-right:2%;}
    .gallery_list > li:nth-child(2n) {margin-right:0px;}

    .right_conts {padding-bottom:20px;}
    .right_adver_img02 {margin-bottom:15px;}

    .list_img_top_box .list_img_top_tit > p {font-size:1.1875rem;}
    .list_img_top_box .list_img_top_tit > p .font_pink {font-size:1rem;}

    .w_right_tv {padding:20px;}
    .w_right_tv .w_tv_tit {font-size:1.125rem;}

    .right_many_news .right_news_tit {font-size:1.0625rem;}
    .right_many_news .right_new_list > li {height:45px;}
    .right_many_news .right_new_list > li > a {height:100%; line-height:45px; font-size:0.9375rem;}
    .right_many_news .right_news_tab > li > a {height:35px; line-height:35px; font-size:0.875rem;}
    
    .borard_list > li .b_text .data_box > li {font-size:0.8125rem;}
    .borard_list > li .b_text .c_s_text {margin-bottom:5px;}

    .borard_list > li .sch_b_text .sch_data_box > li {font-size:0.8125rem;}
    .borard_list > li .sch_b_text .sch_c_s_text {margin-bottom:5px;}

    .more_news {height:40px; font-size:1rem; line-height:40px;}
    .view_wrap .view_gray_box ul li {word-break:keep-all;}

    .sub_search_wrap .sub_search_box {height:45px;}
    .sub_search_wrap .sub_search_box input::placeholder {font-size:1rem;}
    .sub_search_wrap .sub_search_text .text_result {font-size:1rem;}
    .sub_search_wrap .sub_search_text .chek_wrap > li {font-size:0.875rem;}

    .appendix_t_wrap .appendix_as_box {padding:20px 10px;}
    .appendix_t_wrap .appendix_as_box .as_text > b {font-size:1.0625rem;}
    .appendix_t_wrap .appendix_as_box .pay_wrap > li {width:100%; margin-right:0px; margin-bottom:15px;}
    .appendix_t_wrap .appendix_as_box .pay_wrap > li:last-child {margin-bottom:0px;}

    .appendix_t_wrap .appendix_tit {font-size:1.125rem;}
    .appendix_t_wrap .appendix_tit > span {font-size:0.9375rem;}
    .appendix_t_wrap .appendix_t_box01 {display:block;}

    .appendix_data .select {padding-left:10px !important; font-size:0.9375rem;}

    .ebook_view_wrap .ebook_view_box {padding:20px 10px;}
    .ebook_view_wrap .view_img_left {width:60%; margin-bottom:20px;}
    .ebook_view_wrap .view_txt_right .view_txt_top {margin-bottom:25px;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_logo {margin-right:15px;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_logo img {width:80px;}
    .ebook_view_wrap .view_txt_right .view_as_box {padding:0px; background:transparent;}
    .ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li {width:100%; margin-right:0px; margin-bottom:15px;}
    .ebook_view_wrap .view_txt_right .view_as_box .pay_wrap > li:last-child {margin-bottom:0px;}
    .ebook_view_wrap .view_txt_right .view_as_box .as_check_dot {margin-bottom:20px;}

    .eb_view_btn_wrap .e_v_list_btn {width:110px; height:43px;}
    .eb_view_btn_wrap .e_v_list_btn > a {line-height:41px; font-size:1rem;}
    .eb_view_btn_wrap .arrow_btn > a > span {font-size:1rem;}

    .eb_btn_wrap .e_data {width:140px; height:43px;}
    .eb_btn_wrap .e_data > select {padding-left:20px; font-size:1rem;}
    .eb_btn_wrap .arrow_btn > a > span {font-size:1rem;}

    .gall_btn_wrap .e_data {height:43px;}
    .gall_btn_wrap .e_data > select {padding-left:20px; font-size:1rem;}
    .gall_btn_wrap .arrow_btn > a > span {font-size:1rem;}
    .gall_btn_wrap .move_btn {height:43px; line-height:43px;}
    .gall_btn_wrap {justify-content:center;}
    .gall_btn_wrap .arrow_btn {display:none;}

    .info_box  {margin-bottom:25px;}

    .appendix_list .ap_list_tit > a {font-size:1rem;}

    .maga_book_wrap .maga_book_list > li {flex-basis:23.5%;}
    .maga_book_wrap .maga_book_list > li:nth-child(5n) {margin-right:2%;}
    .maga_book_wrap .maga_book_list > li:nth-child(4n) {margin-right:0px;}

    .lst_box_search {width:100%;}
    .lst_box_search form input {width:calc(100% - 23px);}

    table.tb_pay th {font-size:1rem;}
    table.tb_pay td .noticeTip {display:block; margin-left:0px; margin-top:5px;}
    table.tb_pay td .wid100perm {width:100%;}
    table.tb_pay td {padding:10px 15px;}

    table.tb_pay .phon_box input {width:calc(100%/3 - 9px);}
    .pay_btn_wrap .pay_btn {font-size:1rem;}
}

@media screen and (max-width:500px){
    .list_img_top_box {margin-bottom:15px;}

    .borard_list > li {padding:15px 0px;}
    .borard_list > li .b_text .data_box {display:none;}

    .more_news {font-size:0.9375rem;}

    .view_wrap .m_s_sns_quick > li {width:30px; height:30px;}
    .view_wrap .m_s_sns_quick > li:nth-child(1) > a > img {width:15px;}
    .view_wrap .m_s_sns_quick > li:nth-child(2) > a > img {width:15px;}
    .view_wrap .m_s_sns_quick > li:nth-child(3) > a > img {width:15px;}
    .view_wrap .m_s_sns_quick > li:nth-child(4) > a > img {width:15px;}
    .view_wrap .m_s_sns_quick > li:nth-child(5) > a > img {width:15px;}

    .view_wrap .view_gray_box {padding:15px 10px;}
    .view_wrap .view_top .tit_box .view_tit1 {font-size:0.875rem;}
    .view_wrap .view_top .data_box > li {font-size:0.875rem;}
    .view_wrap .copyright_box {font-size:0.8125rem;}

    .sub_search_wrap .sub_search_text .right_btn {margin-bottom:5px;}

    .comment_wrap .t_l_text > b {font-size:1.0625rem;}
    .comment_wrap .t_l_text > span {padding:4px 7px; font-size:0.6875rem;}
    .comment_wrap .comment_text1 {height:45px;}
    .comment_wrap .comment_text1 .text {padding-left:10px;}
    .comment_wrap .comment_text1 .text > a {line-height:45px; font-size:0.8125rem;}
    
    .comment_wrap .comment_text1 input::placeholder {font-size:0.875rem;}

    .comment_wrap .comment_look_list .text {font-size:0.9375rem;}
    .comment_wrap .comment_write {height:45px;}
    .comment_wrap .comment_write input[type="button"].write_btn {font-size:0.9375rem !important;}

    .appendix_data > li {width:49%;}
    .appendix_data > li:nth-child(3n) {margin-right:2%;}
    .appendix_data > li:nth-child(2n) {margin-right:0px;}
    .appendix_data > li:nth-child(n+3) {margin-top:10px;}

    .e_all_wrap .e_all_list > li {flex-basis:48.5%;}
    .e_all_wrap .e_all_list > li:nth-child(3n) {margin-right:3%;}
    .e_all_wrap .e_all_list > li:nth-child(2n) {margin-right:0px;}
    .e_all_wrap .e_all_list > li .all_text {font-size:1rem;}

    .eb_view_btn_wrap {padding-bottom:50px;}
    .ebook_view_wrap .view_txt_right .view_txt_top .view_btn > li > a {width:110px;}
    .ebook_view_wrap .view_txt_right .view_txt_top .text {font-size:0.9375rem;}
    .ebook_view_wrap .view_txt_right .view_txt_top .after_join > li {font-size:0.9375rem;}

    .eb_view_btn_wrap .e_v_list_btn {width:100px; height:40px;}
    .eb_view_btn_wrap .e_v_list_btn > a {line-height:38px; font-size:0.9375rem;}
    .eb_view_btn_wrap .arrow_btn > a > span {font-size:0.9375rem;}
    .eb_view_btn_wrap .arrow_left > a > span {margin-left:5px;}
    .eb_view_btn_wrap .arrow_right > a > span {margin-right:5px;}

    .eb_btn_wrap {padding: 30px 0px 50px;}
    .eb_btn_wrap .arrow_left > a > span {margin-left:5px;}
    .eb_btn_wrap .arrow_right > a > span {margin-right:5px;}

    .gall_btn_wrap {padding: 30px 0px 50px;}
    .gall_btn_wrap .arrow_left > a > span {margin-left:5px;}
    .gall_btn_wrap .arrow_right > a > span {margin-right:5px;}

    .e_last_all_wrap .e_last_all_list > li {flex-basis:49%;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(3n) {margin-right:2%;}
    .e_last_all_wrap .e_last_all_list > li:nth-child(2n) {margin-right:0px;}

    .eb_btn_wrap .e_data {width:130px; height:40px;}
    .eb_btn_wrap .e_data > select {font-size:0.9375rem;}
    .eb_btn_wrap .arrow_btn > a > span {font-size:0.9375rem;}

    .gall_btn_wrap .e_data {height:40px;}
    .gall_btn_wrap .e_data > select {font-size:0.9375rem;}
    .gall_btn_wrap .arrow_btn > a > span {font-size:0.9375rem;}
    .gall_btn_wrap .move_btn {height:40px; line-height:40px; font-size:0.9375rem;}

    .appendix_list > li {padding:15px 0px;}

    .maga_book_wrap .maga_book_list > li {flex-basis:32%;}
    .maga_book_wrap .maga_book_list > li:nth-child(4n) {margin-right:2%;}
    .maga_book_wrap .maga_book_list > li:nth-child(3n) {margin-right:0px;}
}

@media screen and (max-width:450px){
    .borard_list > li .b_img {min-width:90px;}
    .borard_list > li .sch_b_img {min-width:90px;}

    .e_last_all_wrap .e_last_all_list > li .e_book_img > a .view {font-size:0.9375rem;}
    
    .maga_book_wrap .maga_book_list > li .m_book_img > a .view {font-size:0.875rem;}

    .eb_btn_wrap .e_data {width:125px;}

    .gall_btn_wrap .e_data {}
    .gall_btn_wrap .e_data1 {width:120px;}
    .gall_btn_wrap .e_data2 {width:100px;}

    .view_wrap .copyright_box {font-size:0.75rem;}

    .comment_wrap .comment_write input {width:80% !important;}
    .comment_wrap .comment_write input[type="button"].write_btn {width:20% !important;}
}

@media screen and (max-width:400px){
    table.tb_pay th {font-size:0.9375rem;}   
    table.tb_pay th {width:26%;}
    table.tb_pay td {width:74%;}
    table.tb_pay td .noticeTip {font-size:0.875rem;}
    .pay_btn_wrap .pay_btn {font-size:0.9375rem;}
}


/* 월간조선TV */
/* 탭 */
.VodTab { 
	width:100%; 
	margin: 0 0 30px 0; 
}
.VodTab ul { 
	display: flex; 
	border: 1px solid #ddd;
}
.VodTab li { 
	flex: 1; 
	border-right: 1px solid #ddd;
	background: #eee;
}
.VodTab li:last-child { 
	border-right: 0;
}
.VodTab li a { 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
}
.VodTab .VodTab_ov {
	background: #333;
}
.VodTab .VodTab_ov a {
	color: #FFF;
}
.VodTab li:hover {
	background: #ccc;
}
.more_btn_wrap {
	margin-top:15px;
}
.more_btn_wrap img {
	position:relative; 
	top:-2px; 
	margin-left:6px; 
	vertical-align:middle;
}
.more_btn {
	display:inline-block; 
	padding:8px 45px; 
	border-radius:50pt; 
	border:1px solid #d7d7d7; 
	text-align:center; 
	font-weight:550; 
	box-sizing:border-box; 
	transition:all .3s;
}
.more_btn:hover {
	background-color:#f7f7f7;
}

@media screen and (max-width:768px){
	.VodTab ul { 
		display: flex; 
		flex-wrap: wrap;
	}
	.VodTab li { 
		flex: 0 0 33.333%;
		border-top: 1px solid #ddd;
	}
	.VodTab li:nth-child(1) { 
		border-top: 0;
	}
	.VodTab li:nth-child(2) { 
		border-top: 0;
	}
	.VodTab li:nth-child(3) { 
		border-top: 0;
	}
}




/*기사 본문 이미지 정렬*/
.view_wrap .view_content .article_caption {
    line-height: 1.4;
    font-size: 0.875rem !important; 
    color: #2F73BA; 
	letter-spacing: -.5px;
}


/* 이한권의책 / 사람들 스타일 (PC) */
.sub_book_box {
    width: 100%;
	padding: 13px 0px;
	border-top: 1px solid #333;
	border-bottom: 0px solid #ccc;
	margin: 20px 0 10px;
}

.sub_book_box_title {
    font-size: 1.25rem;
    font-weight: 550;
}

/* 리스트 스타일 초기화 */
.sub_book_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;       /* 가로 배치를 위한 설정 */
    flex-wrap: wrap;     /* 영역이 꽉 차면 다음 줄로 넘김 */
    gap: 0 0;        /* 아이템 간의 간격 (세로 20px, 가로 2%) */
}

/* 리스트 아이템 간 구분선 */
.sub_book_box li {
    width: 100%;          /* 2열 배치를 위해 약 절반 너비 설정 */
    border-top: 1px solid #eee;
    box-sizing: border-box;
}

.sub_book_box li:nth-child(1), 
.sub_book_box li:nth-child(2) {
    border-top: 0px solid #eee;
}

/* 가로 정렬을 위한 Flexbox 설정 */
.sub_book_box_item a {
    display: flex;
	gap: 15px;
   align-items: flex-start;
    padding: 10px 5px;
    text-decoration: none;
	color: #000;
}

/* 이미지 박스 크기 고정 */
.sub_book_box_item_img {
    width: 80px;
    height: 53px;
    overflow: hidden;
    flex-shrink: 0; /* 이미지 크기 유지 */
    background-color: #f0f0f0;
}

.sub_book_box_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 비율에 맞게 꽉 채움 */
}

/* 텍스트 스타일 */
.sub_book_box_item_txt {
	font-family: "NotoSansKR-Medium", sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
    line-height: 1.5;
	letter-spacing: -.5px;
    word-break: keep-all; /* 단어 단위로 줄바꿈 */
    
    /* 두 줄 이상일 경우 말줄임표 처리 (선택사항)
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}

/* 마우스 호버 효과 */
.sub_book_box_item a:hover .book_box_item_txt {
    text-decoration: underline;
    color: #000;
}

/* 이한권의책 / 사람들 스타일 (모바일) */
@media (max-width: 1200px) {
	.book_box {
		border-top: 2px solid #333;
	}
	.sub_book_box_title {
		font-size: 1.125rem;
		font-weight: 600;
	}

    .sub_book_box li {
        width: 100%;
    }
	.sub_book_box li:nth-child(2) {
		border-top: 1px solid #eee;
	}
}