@charset "utf-8";

.hd_area + .news_lst {border-top: none;}
.hd_area + .news_lst li:first-child {padding-top: 0;}

.opinion_area {}
.opinion_area ul {overflow: hidden;width: 98%; margin: auto;}
.opinion_area ul li {width: 50%; margin:0; display: inline-block; margin-bottom: 24px;padding: 0 1.5%; overflow: hidden;}
.opinion_area .reco_thumb {padding-top: 0; height: 100px; line-height: 100px; overflow: hidden; position: relative; width: 100%; background-color: #e8e8e8}
.opinion_area .reco_thumb img {width: 100%;}
.opinion_area .reco_tit {font-size: 17px; color: #222; line-height: 1.375em; height: 2.65em; padding: 0 1px; margin-top: 8px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; min-height: 44px; letter-spacing: -.5px;}
.opinion_area .up_tit {padding-top: 8px; display: block;font-size: 14px; color: #126ccd;}


#slider1_container .thumb {padding-top: 56.25%;}
#slider1_container {border-bottom: 8px solid #eaeaea;}
#container_m ul.news_list{background: #fff; border-bottom: 8px solid #eaeaea; border-bottom-width: 8px;}
#container_m .news_list li {border-bottom: 1px solid #ededed;}
#container_m .news_list li a {box-sizing: border-box; padding: 15px; overflow: hidden; display: table; position: relative; width: 100%;}
.news_list .tit_area {display: table-cell; height: 60px; vertical-align: middle;}
.news_list .tx {padding-right: 20px; margin: 0 0 -4px; padding: 0 17px 0 0; font-size: 17px; letter-spacing: -1px; color: #222; line-height: 1.3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list .date { display: inline-block; margin: 8px 0 0; padding-top: 0px; font-size: 13px; line-height: 13px; color: #666; vertical-align: top;}
.news_list .thumb {position: relative; float: right; width: 100px; vertical-align: top; height:65px; overflow:hidden;}
.news_list .thumb img {vertical-align: top;}
.news_list .thumb:after{ display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.08);}

.news_list2 li {border-bottom: 1px solid #ededed;}
.news_list2 li a {box-sizing: border-box; padding: 12px; overflow: hidden; display: table; position: relative; width: 100%;}
.news_list2 .tit_area {display: table-cell; height: 60px; vertical-align: middle; width: 100%;}
.news_list2 .tx {padding-right: 20px; margin: 0 0 -4px; padding: 0 17px 0 0; font-size: 17px; letter-spacing: -1px; color: #222; line-height: 1.3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list2 .date { display: inline-block; margin: 8px 0 0; padding-top: 0px; font-size: 13px; line-height: 13px; color: #666; vertical-align: top;}
.news_list2 .thumb {position: relative; float: left; width: 100px; vertical-align: top; height:65px; overflow:hidden;margin-right: 8px;}
.news_list2 .thumb img {vertical-align: top;}
.news_list2 .thumb:after{ display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.08);}

.sec_headline_popular {position: relative; border-top: 8px solid #eaeaea; border-bottom: 8px solid #eaeaea; background: #fff;}
.sec_headline_popular_item {margin:15px 15px 0;}
.sec_headline_popular_item .tx{font-size:17px; letter-spacing:-2px; margin-bottom: 10px; font-weight: 500;}
.sec_headline_popular_pan {border-top: 1px solid #ccc;}
.sec_headline_popular dl.cmt_favnews_item {margin: 0 auto; border-bottom: 0; overflow: hidden; position: relative; box-sizing: border-box; padding-left: 30px; counter-increment: news_pop;}
.sec_headline_popular dl.cmt_favnews_item:before { content: counter(news_pop) " "; position: absolute; left: 0px; top: 20px; font-family: Tahoma, "Bodoni MT", Georgia, "Times New Roman", Times, serif; color: #222; font-size: 24px; line-height: 1; margin-top: 5px; letter-spacing: -2px;}
.sec_headline_popular dl.cmt_favnews_item dt {margin: 4px 0; padding: 0; font-size: 17px; line-height: 1.3; color: #222; overflow: hidden;}
.sec_headline_popular dl.cmt_favnews_item dt a, .art_box_cont dt a, .art_box_v1 div dl dd.desc a {color: #222; letter-spacing: -1px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sec_headline_popular dl.cmt_favnews_item dd.thumb {float: right; width: 82px; height: 60px; margin-left: 20px; line-height: 0; text-align: center; overflow: hidden;}
.sec_headline_popular dl.cmt_favnews_item dd.thumb img {width: 100%;}
dl.cmt_favnews_item:first-child {border-top: 0;}
dl.cmt_favnews_item {padding: 12px 0; overflow: hidden; border-top: solid 1px #eaeaea;}

.news_more {padding: 12px; background-color: #eaeaea; border-top: 1px solid #222;  cursor: pointer;}
.news_more a {font-size: 15px; display: flex; justify-content: center; align-items: center; color:#222;}

.search {background:#f9f9f9; padding:10px; border-bottom:1px solid #c8c9d2;}
.search_input {border:2px solid #c51917; width:371px; height:30px; vertical-align:middle; border-radius:5px 0 0 5px; padding:5px; font-size:18px; color:#333; font-weight:bold;}
.search_btn2 {background:#c51917; width:68px; height:40px; line-height:48px; border:2px solid #c51917; display:inline-block; text-align:center; border-radius:0 5px 5px 0; vertical-align:middle;}
.list_type_01 li {padding:20px; border-bottom:1px solid #d4d4da; position:relative;}
.list_type_01 li a {width:100%; height:100%; display:block;}
.list_type_01 .left_images {float:left; width:100px; height:100px; margin-right:10px;}
.list_type_01 .left_text {float:left; background:#eee;}
.list_type_01 .subject {font-size:18px; line-height:24px; font-weight:bold; color:#1c1a34;}
.list_type_01 .contents {font-size:12px; font-weight:100; color:#555;}
.list_type_01 .date {font-size:12px; color:#999; font-weight:100;}
.list_type_01 .team {font-size:12px; color:#999;}
.list_type_02 .list_subject {overflow:hidden; width:100%; height:40px; line-height:40px; font-size:24px; color:#FFF; position:absolute; bottom:0px; background:url(/boomup/images/icon/screen.png) center center repeat;}
.list_type_02 li {position:relative;}
.list_type_02 li a {width:100%; height:100%; display:block;}
.list_type_02 li a img {width:100%;}

.content .subject {font-size:24px; font-weight:bold; letter-spacing:-1px;}
.content .option {color:#999; border-bottom:1px solid #ddd; height:23px; margin-top:15px;}
.content #fontsize {margin-top:10px; font-size:16px;}
.content #fontsize img {width:100%; margin-top:5px; margin-bottom:5px;}
.main_list {border:1px solid #e4e4e4;}
.main_list li {float:left; width:50%; height:140px; overflow:hidden; border-bottom:1px solid #e4e4e4;}
.main_list li img {width:100%;}
.main_list li dt {font-size:16px; font-weight:bold; color:#2f3743; line-height:21px; letter-spacing:-1px;}
.main_list li dd {font-size:12px; color:#777;}
.main_list_04 {border:1px solid #e4e4e4;}
.main_list_04 li {float:left; width:50%; height:140px; overflow:hidden; border-bottom:1px solid #e4e4e4;}
.main_list_04 li img {width:100%;}
.main_list_04 li dt {font-size:16px; font-weight:bold; color:#2f3743; line-height:21px; letter-spacing:-1px;}
.main_list_04 li dd {font-size:12px; color:#777;}
.main_list_02 {text-align:center;}
.main_list_02 img {width:95%; padding:20px 0 10px 0;}
.main_photo_list {margin:0 auto;}
.main_photo_list li {float:left; width:50%; font-size:14px;}
.main_photo_list li a {background:#f1f4fd; border:1px solid #8f92a3; margin:10px; display:block; overflow:hidden;}
.main_photo_list li .photo {margin:10px;}
.main_photo_list li img {width:100%;}
.main_photo_list li .text {color:#333; margin:10px;}
.main_photo_list .blue{color:#225db7; }
.main_list_03 {border:1px solid #e4e4e4;}
.main_list_03 li {float:left; width:50%; height:88px; overflow:hidden;}
.main_list_03 li img {width:100%;}
.main_list_03 li dt {font-size:14px; font-weight:bold; color:#2f3743; letter-spacing:-1px;}
.main_list_03 li dd {font-size:12px; color:#777;}

.more a {display:block; font-size:17px; text-align:center; color:#222; border-top:1px solid #222; margin:5px; height:48px; line-height:50px;}

.text-area {padding: 12px 0px 12px; margin: 0 15px;}
.text-area a {font-size: 24px; line-height: 1.4em; font-weight: 500; letter-spacing: -1.5px; color:#222;}

.title {font-weight:bold; margin:0 10px;}
.date {text-overflow:ellipsis; color:#afaeae; font-size:13px; margin:0 10px;}

.m_sec_01 {
    background-color: #fff;
    margin-bottom: 0px;
}
.thumb {
    position: relative;
    overflow: hidden;
}
.thumb a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    text-align: center !important;
}
.thumb img {
    width: 110%;
    max-width: 110%;
    margin: 0% -5%;
    min-height: auto;
}
.m_sec_01 h3 {
    font-size: 17px; letter-spacing: -1px; font-weight: 500; background-color: #fff; padding: 12px 0 12px 12px; position: relative; text-decoration: none;}
.m_sec_01 h3 a {
    color: #222;
    text-decoration: none;
}
.mob_more a {
    position: absolute;
    top: 16px;
    right: 12px;
    background: url('/images/2023/m-arr.png') center center no-repeat;
    width: 8px;
    height: 16px;
    background-size: 100% 100%;
    text-indent: -9999px;
    display: block;
}
.m_sec_01 .m_thumb_top .thumb {
    max-height: 230px; padding-bottom: 56.25%;
}
.m_sec_01 .m_thumb_top .thumb a {
    width: 100% !important;
    position: relative !important;
}
.m_sec_01 .m_thumb_top .info {
    padding: 15px 0px 15px;
    border-bottom: 1px solid #914aff;
    margin: 0 15px;
}
.m_sec_01 .m_thumb_top .info a {
    font-size: 22px;
    line-height: 1.25em;
    font-weight: 500;
    color: #222;
    letter-spacing: -1px;
}
.m_onlytext {
    padding: 0px 15px;
    position: relative;
    background-color: #fff;
}
.m_onlytext li {
    border-bottom: 1px solid #d2d2d2;
    padding: 12px 0 14px 0;
    overflow: hidden;
}
.m_onlytext li:last-child {border-bottom:none;}
.m_onlytext a {
    font-size: 17px;
    height: 20px;
    line-height: 1.3;
    color: #222;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    letter-spacing: -0.5px;
}
.m_thumb_side .thumb {
    position: relative;
    overflow: hidden;
    float: right; width: 100px;
    height: 82px;
}
.m_thumb_side .info {
    width: calc(100% - 112px );
    float: left;
}
.m_thumb_side .info dt {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.m_thumb_side .info dt a {
    color: #222;
    font-size: 17px;
    height: auto;
    line-height: 1.275em !important;
    max-height: 2.5em;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}

.m_thumb_side .info dd a {font-size: 14px; color: #898989; font-weight: 300; height: auto; line-height: 1.25em; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 39px;}

.com_ct_wrp .thumb {padding-top: 56.25%; overflow: hidden; position: relative; display: inline-block; width: 100%;}
.com_ct_wrp dt {font-size: 17px; letter-spacing: -1px; line-height: 1.3; max-height: 55px; margin-bottom: 12px; margin-top: 8px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.com_ct_wrp dt a {color:#222}
.bx-wrapper {position: relative; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;}
.bx-wrapper img {display: block; max-width:110%;}
.bxslider {margin: 0; padding: 0;}
ul.bxslider {list-style: none;}
.bx-viewport {-webkit-transform: translatez(0);}
.bx-wrapper {padding-top:5px;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute; top: -40px; width: 100%; right:0px;}

.bx-wrapper .bx-pager {text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 15px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #acb2be; text-indent: -9999px; display: block; border-radius:50%; width: 8px; height: 8px; margin: 0 3px; outline: 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus {background: #914aff;}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
.bx-start, .bx-stop, .bx-controls-direction{display:none;}
.bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: right;}
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}

.bxslider_AD div img {margin:0 auto; text-align:center;}


@media all and (max-width:768px){
	.news_content {max-width:736px; height:368px; overflow:hidden;}
	.news_content .Area_01 {float:left; width:368px; height:368px; overflow:hidden; position:relative;}
	.news_content .Area_01 img {width:100%;}
	.news_content .Area_02 {float:left; width:184px; height:184px; overflow:hidden; position:relative;}
	.news_content .Area_02 img {width:100%;}
	.news_content .Area_03 {float:left; width:184px; height:184px; overflow:hidden; position:relative;}
	.news_content .Area_03 img {width:100%;}
	.news_content .gallery {overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%; padding:10px 0; background-size:100% 100%;}
	.news_content .subject {overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%;  padding:10px 0; background:url(http://image.chosun.com/thestar/m/images/bg_visual.png)top center repeat-x; background-size:100% 100%;}
	.news_content .subject a {margin:0 10px; display:block; overflow:hidden; text-overflow:ellipsis; line-height:1.1em; height:54px; font-size:1.7em; color:#FFF; font-weight:bold; line-height:auto; letter-spacing:-1px; text-shadow:2px 2px 2px rgba(0,0,0,0.7);}

	.List_Area .list_box {width:356px; height:307px;}
	.List_Area .list_box .image {position:absolute; height:62%; bottom:0; overflow:hidden;}

	.more a {background:#eaeaea url(http://image.chosun.com/thestar/m/images/news_more2.png) no-repeat 405px center; letter-spacing:-1px;}

}

@media all and (max-width:640px){
	.news_content {max-width:640px; height:320px; overflow:hidden;}
	.news_content .Area_01 {float:left; width:320px; height:320px; overflow:hidden; position:relative;}
	.news_content .Area_01 img {width:100%;}
	.news_content .Area_02 {float:left; width:160px; height:160px; overflow:hidden; position:relative;}
	.news_content .Area_02 img {width:100%;}
	.news_content .Area_03 {float:left; width:160px; height:160px; overflow:hidden; position:relative;}
	.news_content .Area_03 img {width:100%;}
	.news_content .gallery {overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%; padding:10px 0; background-size:100% 100%;}
	.news_content .subject {overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%;  padding:10px 0; background:url(http://image.chosun.com/thestar/m/images/bg_visual.png)top center repeat-x; background-size:100% 100%;}
	.news_content .subject a {margin:0 10px; display:block; overflow:hidden; text-overflow:ellipsis; height:52px; font-size:1.9em; color:#FFF; font-weight:bold; line-height:auto; letter-spacing:-1px; text-shadow:2px 2px 2px rgba(0,0,0,0.7);}
}

@media all and (max-width:320px){

	.news_content {max-width:320px; height:320px; overflow:hidden;}
	.news_content .Area_01 {float:left; width:240px; height:240px; overflow:hidden; position:relative;}
	.news_content .Area_01 img {width:100%;}
	.news_content .Area_02 {float:left; width:120px; height:120px; overflow:hidden; position:relative;}
	.news_content .Area_02 img {width:100%;}
	.news_content .Area_03 {float:left; width:240px; height:120px; overflow:hidden; position:relative;}
	.news_content .Area_03 img {width:100%;}
	.news_content .gallery {overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%; padding:10px 0; background-size:100% 100%;}
	.news_content .subject {overflow:hidden; position:absolute; bottom:0px; left:0px; width:100%; padding:10px 0; background:url(http://image.chosun.com/thestar/m/images/bg_visual.png)top center repeat-x; background-size:100% 100%;}
	.news_content .subject a {margin:0 10px; display:block; overflow:hidden; text-overflow:ellipsis; height:35px; line-height:1.2em; font-size:1.3em; color:#FFF; font-weight:bold; line-height:auto; letter-spacing:-1px; text-shadow:2px 2px 2px rgba(0,0,0,0.7);}

	.List_Area .list_box {width:100%; height:291px;}
	.List_Area .list_box .image {position:absolute; height:64%; bottom:0; overflow:hidden;}

	.more a {background:#ebebeb url(http://image.chosun.com/thestar/m/images/news_more2.png) no-repeat 215px center; letter-spacing:-1.5px;}
	.more01 a {background:#ebebeb url(http://image.chosun.com/thestar/m/images/btn_more2.png) no-repeat 200px center; letter-spacing:-1.5px;}
	.more02 a {background:#ebebeb url(http://image.chosun.com/thestar/m/images/btn_more3.png) no-repeat 110px center; letter-spacing:-1.5px;}
}

/*gallery*/
.gallery_view {width:100%;}
.gallery_view .view_img img {width:100%; position:relative; margin:0 0 -5px 0;}
.gallery_view .close {position:absolute; z-index:10; top:0; right:0; padding:10px;}
.gallery_view .close img {width:30px;}
.gallery_view .prev {position:absolute; z-index:10; top:50%; left:10px;}
.gallery_view .prev img {width:25px;}
.gallery_view .next {position:absolute; z-index:10; top:50%; right:10px;}
.gallery_view .next img {width:25px;}
.gallery_view .gallery_title {width:100%; position:fixed; z-index:10; bottom:0; left:0; background:url(http://image.chosun.com/thestar/m/images/gallery_title_bg.png) repeat-x; padding:10px 0; color:#fff;}
.gallery_view .gallery_title .text_area {font-size:14px; float:left; padding:0 0 0 10px;}
.gallery_view .gallery_title .text_area .gallery_date {font-size:12px; color:#afaeae;}
.gallery_view .gallery_title .list_area {float:right; padding:10px 10px 0 0;}

#page h2 img{position:absolute; top:0px; width:60px; height:60px; }