.section3_type1_width .thumb_lst,
.section4_type1_width .thumb_lst,
.section4_type2_width .thumb_lst,
.section3_type3_width .thumb_lst {overflow:hidden;}
.section3_type1_width .thumb_lst:after,
.section4_type1_width .thumb_lst:after,
.section4_type2_width .thumb_lst:after,
.section3_type3_width .thumb_lst:after {display:block;clear:both;content:"";}


/* thumb */
.thumb_border {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border: 1px solid #000;
    opacity: .1;
}
.cnt_wrap .tlt_h {
height:40px;line-height:40px;
font-size: 1.0rem;
    font-weight: 600;
    letter-spacing: -.1px;}


/* text 2줄 */
.txt_2line {
	letter-spacing: -.8px;
	display: -webkit-box;
    overflow: hidden;
	text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.txt_1line {
	letter-spacing: -.8px;
	display: -webkit-box;
    overflow: hidden;
	text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}



/* lst_type2  thumb_right 제목만 */
.cnt_wrap .lst_type2 {padding:10px 4%;background-color:#fff;margin-bottom:10px;}
.cnt_wrap .lst_type2 .thumb_lst li {overflow:hidden;font-size:14px;padding:10px 0;border-top:1px solid #eee;}
.cnt_wrap .lst_type2 .thumb_lst li:first-child {border-top:0px;}
.cnt_wrap .lst_type2 .thumb_lst li:after {display:block;clear:both;content:"";}
.cnt_wrap .lst_type2 .thumb_lst .tite_area {overflow:hidden;display:block;width:100%;height:24px;line-height:24px;}
.cnt_wrap .lst_type2 .thumb_lst .thumb_area {position:relative;float:right;width:90px;margin-left:8px;}
.cnt_wrap .lst_type2 .thumb_lst .img.img-cover {padding-top:70% !important;border-radius:4px;}
.cnt_wrap .lst_type2 .text_area .tlt_area {margin:8px 0;}
.cnt_wrap .lst_type2 .text_area .tlt_area a {font-size:1.0rem;color:var(--color-ttl);}
.cnt_wrap .lst_type2 .text_area .tlt_area a {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cnt_wrap .lst_type2 .text_area .sub_info_area {font-size:0.75rem;color:var(--color-info);}


/* 혼합 mix 1단 type2 리스트 */
.cnt_wrap .lst_type2_mix {padding:10px 4%;background-color:#fff;margin-bottom:10px;}
.cnt_wrap .lst_type2_mix .mix_main {overflow:hidden;}
.cnt_wrap .lst_type2_mix .mix_main:after {display:block;clear:both;content:"";}
.cnt_wrap .lst_type2_mix .mix_main .thumb_area {position:relative;display:block;}

.cnt_wrap .lst_type2_mix .mix_main .img.img-cover {padding-top:50% !important;}
.cnt_wrap .lst_type2_mix .mix_main .thumb_border {border-radius:8px;}
.cnt_wrap .lst_type2_mix .mix_main .title_area {height:40px;line-height:40px;margin-bottom:4px;}
.cnt_wrap .lst_type2_mix .mix_main .title_area a {font-size:1.0rem;color:var(--color-ttl);}
.cnt_wrap .lst_type2_mix .mix_sub li {height:28px;line-height:28px;}
.cnt_wrap .lst_type2_mix .mix_sub li a {font-size:0.9rem;color:#222;}





/* lst_type2  thumb_right ranking */
.cnt_wrap .lst_type2_rank {padding:10px 4%;background-color:#fff;margin-bottom:10px;}
.cnt_wrap .lst_type2_rank .thumb_lst li {position:relative;overflow:hidden;font-size:14px;padding:10px 0;border-top:1px solid #eee;}
.cnt_wrap .lst_type2_rank .thumb_lst li:after {display:block;clear:both;content:"";}
.cnt_wrap .lst_type2_rank .thumb_lst li em {position:absolute;top:10px;left:0px;display:block;width:20px;height:40px;line-height:40px;font-size:1.25rem;font-weight:600;text-align:center;}

.cnt_wrap .lst_type2_rank .thumb_lst .tite_area {overflow:hidden;display:block;width:100%;height:24px;line-height:24px;}
.cnt_wrap .lst_type2_rank .thumb_lst .thumb_area {position:relative;float:right;width:110px;margin-left:8px;}
.cnt_wrap .lst_type2_rank .thumb_lst .img.img-cover {padding-top:80% !important;border-radius:4px;}
.cnt_wrap .lst_type2_rank .text_area {padding-left:30px;}
.cnt_wrap .lst_type2_rank .text_area .tlt_area {margin:8px 0;}
.cnt_wrap .lst_type2_rank .text_area .tlt_area a {font-size:1.0rem;color:var(--color-ttl);}
.cnt_wrap .lst_type2_rank .text_area .tlt_area a {
    display: -webkit-box;
    max-width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cnt_wrap .lst_type2_rank .text_area .sub_info_area {font-size:0.75rem;color:var(--color-info);}





/* 4단 가로(width) type2 absolute */
.section4_type2_width {padding:10px 4% 50px 4%;background-color:#fff;}
.section4_type2_width .thumb_lst li {float:left;width:50%;}
.section4_type2_width .thumb_lst li .type2_inner {position:relative;margin-left:4px;}
.section4_type2_width .thumb_lst li:first-child .type2_inner {margin-right:4px;margin-left:0px !important;}
.section4_type2_width .thumb_lst li .type2_inner {}
.section4_type2_width .img.img-cover {padding-top:100% !important;}
.section4_type2_width .thumb_lst li a.thumb_area {position:relative;display:block;}
.section4_type2_width .thumb_lst li .thumb_border {border-radius:8px;}
.section4_type2_width .thumb_lst li .img.img-cover {padding-top:100% !important;border-radius:8px;}
.section4_type2_width .thumb_lst .tlt_area {position:absolute;left:0;bottom:0;min-height:20px;line-height:18px;padding:4px 4px 4px 4px;font-size:0.85rem;}
.section4_type2_width .thumb_lst .tlt_area a {position:relative;color:#fff;}
.section4_type2_width .thumb_lst .sub_info_area {position:absolute;top:10px;bottom:0;height:20px;line-height:20px;padding:0 8px;background-color:#09b7e2;color:#fff;font-size:0.75rem;display:none;}

.section4_type2_width .thumb_lst .tlt_area a {
    display: -webkit-box;
    max-width: 96%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.section4_type2_width .thumb_lst .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=50);
	border-radius:0 0 8px 8px;
}

.section4_type2_width .tlt_area a {color:#333;}



/* view */
#contents .view_wrap {overflow:hidden;position:relative;padding:0 4% 50px 4%;background-color:#fff;margin:20px 0 10px 0;}
#contents .view_wrap h2 {line-height:38px;font-size:1.75rem;font-weight:600;letter-spacing: -.8px;;color:#333;padding:30px 0;border-bottom:1px solid #ddd;}
#contents .view_wrap .view_date {padding:10px 0;text-align:right;font-size:0.8rem;letter-spacing: -.8px;color:#8b8b8b;margin-bottom:10px;}
#contents .view_contents_inner {overflow:hidden;width:100%;color:#333;line-height:26px;font-size:1.0rem;}
#contents .view_contents_inner img {position:relative;display:block;width:100%;overflow:hidden;clear:both;margin-bottom:20px;height:100%;}


.view_wrap .btn {width:90%;height:40px;line-height:40px;text-align:center;margin:0 auto;margin-top:100px;}


.view_wrap .btn {
    color: var(--color-btn-text);
    background-color: var(--color-btn-bg);
	box-shadow: var(--color-btn-shadow),var(--color-btn-inset-shadow);
    transition: .2s cubic-bezier(.3,0,.5,1);
    transition-property: color,background-color,border-color;
}
.view_wrap .btn {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    border-color: var(--color-btn-border);
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 16px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

/* on */

.view_wrap .btn.hover, .view_wrap .btn:hover, [open]>.btn {
	text-decoration:none !important;
    background-color: var(--color-btn-hover-bg);
    border-color: var(--color-btn-hover-border);
    transition-duration: .1s;
    color: #fff;

}

.view_wrap .btn-sm {font-size: 12px;
    line-height: 20px;
    }

:root {
    --color-btn-border: #ccc;
    --color-btn-bg: #fff;
    --color-btn-shadow: #f4123d;
    --color-btn-inset-shadow: #ccc;
    --color-btn-text: #484b56;
    --color-social-count-bg: #fff;
    --color-btn-hover-bg: #484b56;
    --color-btn-hover-border: #484b56;
    --color-btn-hover-text: #fff;
    --color-text-primary: #000;
    --color-shadow-highlight: #f4123d;
    --color-shadow-small: #f4123d;
    --color-text-disabled: #ccc;
    --color-state-selected-primary-bg: #ccc;
    --color-state-selected-primary-text#ccc: ;
    --color-border-primary: #e1e4e8;
    --color-border-pagination: #ccc;
}


.list_bl {padding:10px 4% 50px 4%;background-color:#fff;margin-top:10px;}


.list_bl .list_bl_inner {padding:20px 0;}
.list_bl .list_bl_inner li {line-height:24px;font-size:0.8rem;}
.list_bl .list_bl_inner li a {color:#666 !important;}
.list_bl .list_bl_inner li a:hover {text-decoration:underline;}

#tail .tail_email_arae {font-size:0.95rem;height:24px !important;line-height:24px !important;}
#tail .tail_email_arae a {text-decoration:none;color:#999;}


.cp_banner {margin:4% 2% 2% 2%;}
.cp_banner .cp_img {width:25%;float:left;}
.cp_banner .cp_title {width:75%;float:left;}
.cp_banner .cp_title a {color:#000;}
.cp_banner .cp_title a img {margin-left:6px;}
.cp_banner .clr {clear:both;}