.header {display:flex;justify-content:space-between}
.top_header {position:relative;width: 100%; background-color:#080808; padding:0 2rem; box-sizing: border-box;}
.btn_nav_open { position: absolute; right:0; top: 2.1rem; display: block; width: 3rem; height: 3.2rem; border: none;background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxqk.xe%2Serfbheprf%2Svzntrf%2Svpba_frg.cat") no-repeat -54rem 0;
    background-size: 80rem 100rem;}
.btn_nav_open  {background-position: -50rem 0;}
.container {position: relative;text-align: left; }
.container .logo a img { width: 21rem; height: auto;}
.container .area_util .btn-search {display:none}
.container .area_util .login {display:none;}

.header_box { width: 100%; box-sizing: border-box; }
.header_box h1 {float:none; display: block; width: 100%; padding:2rem 0 2.2rem 2.8rem;  border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); }
.header_box h1 a img {width:14rem; height:auto; margin: 0 auto;}
.header_box h1 .tit_s {display:none}
.header_box .search {float: none; padding: 4rem 2rem}
.header_box .search .search_area {position:relative;padding-top: 2rem;}
.input_box {width:100%}
.input_box .ip_outline { border: 1px solid #ef762a !important;}
.xi-calendar-list {right:6rem; font-size: 3.2rem; background: #fff;}
.ip_outline .xi-search {display:inline-block; position:absolute; top:50%; right:2rem; transform: translate(0, -50%);}
.ip_outline .xi-search::before {content: "\e97a"; font-family: 'xeicon'; color: #464646; font-size: 2.4rem;  background-color: #fff;}
.btn_go {display: none;}

/* 서브 헤더 */
/*헤더 로그인 */
.btn-notice {position: absolute; right:4rem}
.btn-mypage {display: none;}
.link-login a {display: none;}

/* 헤더 검색 아이콘 표시 */
.xi-tune {display:inline-block;right:6rem;}

/*검색어로찾기*/
.set_box {width:100%; flex-direction:column; align-items: flex-start;padding: 2.4rem 2.2rem}
.set_box .tt {font-size: 1.6rem; line-height: 1.6rem; color: #000; margin-right: 2rem; padding: 0 0 1.5rem;}
.set_box > div .term {float: left;}
.set_box .term { width:8rem;font-size: 1.6rem; line-height: 1.6rem; color: #7e7e7e; padding: 0 0 1.6rem;}
.set_box .term:first-child {width: 8rem;}
.inquire-wrap {display: flex;align-items: center;}
.inquire-wrap > div {margin: 0;}
.inquire-wrap .input-t,
.inquire-wrap .input-s {position:relative; width: 100%; margin: 0 !important; }
.inquire-wrap .dash {width: 0.8rem;margin: 0rem 1rem;color: #808080;}
.xi-calendar::before {top:35%; }
.xi-calendar-check::before {top: 50%; z-index: 3; }


/* 신문내용 */
.article { width: 100%; padding:0 2rem; box-sizing: border-box;}
.article .article_in {position: relative;   width: 100%; text-align: center;}
.article .article_in .page {position:relative ; width: 100%; position: absolute; top: 65%; text-align: center; height: 4rem; }
.page .xi-long-arrow-left {display : block}
.page .xi-long-arrow-right {display : block}
.article .article_in .date {width:100%; max-width: 767rem;}

.article .article_in .date {width:100%; max-width: 767rem;}
.article .article_in .article_box {width:100%; padding: 4rem 0;}
.article_box .img_area {width: 100%;height: auto; line-height:0; text-align: center; background: rgb(255, 255, 255);box-sizing: border-box;}
.article_box .img_area img {width:100%; text-align: center;  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
.article_box .tit_area {width:100%; height:auto; padding: 0; text-align: left;  border-left:0; top: 5.5rem;}

.article_list_box .article_list_wrapper { flex-wrap: nowrap !important; flex-direction: row; padding-left: 0; }
.box .article_preview { width: 100% !important; margin-right: 0; padding-right: 3rem; }

.article_box .tit_area .box { position: relative; display: flex; flex-wrap:nowrap; flex-direction: row; }
.box > div {width:100%;height:auto; /*margin-top:6rem;*/ padding:4rem 4rem 4rem 2rem}
.box > div h3 a {width: 100%; font-size: 2rem; line-height: 3rem; letter-spacing:-0.1rem;color: #000; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; word-break: break-all;
  text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 6rem;}
.box > div p a { font-size: 1.6rem; line-height: 2.6rem;  color: #4c4c4c; padding-top: 1rem; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; word-break: break-all;
  text-overflow: ellipsis; -webkit-line-clamp: 7; -webkit-box-orient: vertical; max-height: 30rem;}

.tit_area .owl-dots { width: 100% ;}
.article_list {display:none}

/* .date_news {position:relative;  display: flex; justify-content: flex-start; align-items: center; } */
.date_news { display: none; }
.date_news a {font-size: 1.6rem; color: #999; line-height: 1.6rem; padding:0 2.4rem 0 0; color: #000;}
.date_news a::before { display:block; content:"∨"; position: absolute; right:2rem; top:0.4rem; height:0; width:0; background:#bfbfbf; font-size: 1rem;} 
.date_news .newest {position: relative; display: none;}
.date_news .newest::before { display:block; content:" "; position: absolute; left:0; top:0; height: 1.6rem; width:1px; background:#bfbfbf; margin-right: 1.5rem;}
.date_news .ago {position: relative; display: none;}
.date_news .ago::before{ display:block; content:" "; position: absolute; left:0; top:0; height: 1.6rem; width:1px; background:#bfbfbf; margin-right: 1.5rem;}
/* .layer_box {display:block; position:absolute; top: 13rem; right:0;  width: 14rem; box-sizing: border-box;  background:#fff; z-index: 100; border-radius: 0.4rem; border:1px solid #ededed} */
/* .layer_box {display: flex; flex-direction: column; align-items: center;box-shadow: 0px 2px 15px rgb(0 0 0 / 20%); }  */
/* .layer_box li { height: 4rem; font-size: 1.6rem; padding: 1rem 0; cursor: pointer; } */
/* .layer_box li:hover { color:#ef762a} */
.layer_box { display: block; width: 14rem; }
.layer_box .select { height: 4.4rem; border: 0; }
.layer_box .select .select-styled { height: 4.8rem; line-height: 4.4rem; padding-right: 3rem; }

/* 서브 뷰페이지 */
.article_sub { width: 100% !important; padding:0 2rem; box-sizing: border-box; padding-bottom: 6.4rem; margin-top: 0; }
.article_sub .article_sub_in {position: relative; width: 100% !important; text-align: center;}
.article_sub .article_sub_in .menu_expand { position:static; display:inline-block; width: 100%; border-bottom: 0; padding: 0; margin: 0;}
.article_sub .article_sub_in .page {position:relative; display: block;  width: 100%; }
.menu_expand .page .date_S {display: none;}
.menu_expand .page .num { position: absolute; top:9rem; left: -2rem; }
.menu_expand .page .num_paging { position: absolute; top:9rem; right: 0;}
.article_sub_in .page .xi-long-arrow-left {display : none}
.article_sub_in .page .xi-long-arrow-right {display : none}
.article_sub .article_sub_in .date {position:static !important; width: 100% !important; font-size:3rem !important; line-height:4rem !important;  padding: 2rem 0 0 0 !important; }
.date .no .im {
    display: inline-block;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxqk.xe%2Spff%2Sbyqarjf%2S..%2S..%2Svzntrf%2Szx%2Svpba-qngr.cat) no-repeat 0 0;
    background-size: 3.6rem 3.6rem;
    width: 3.6rem;
    height: 3.6rem;
	margin-left: 0.5rem;
    margin-top: -1.6rem;   
}

.article_sub .article_sub_in .article_box {width:100%; margin: 8rem 0;}
.article_sub_in .article_box .img_area {width: 100%;height: auto; line-height:0; text-align: center; background: rgb(255, 255, 255);box-sizing: border-box;}
.article_sub_in .article_box .img_area img {width:100%; text-align: center;  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
.article_sub_in .article_box .tit_area {width:100%; height:auto; padding: 0; text-align: left;  border-left:0}
.article_sub_in .article_box .tit_area .box { position: relative; display: flex; flex-wrap:nowrap; flex-direction: row; }
.article_sub_in .article_list {display:none}

/* 서브 지면확대영역 */
.article {position: relative;}
.expand_titbox {position:relative !important; display: flex !important; justify-content: center; align-items: center; width: 100% !important;}
.expand_titbox p {text-align: center; font-size: 2rem; color: #fff;}
.article .article_in {position: relative;   width: 100%;text-align: center;}
.xi-arrow-left:before {content: "\e908"; font-family: 'xeicon'; position: absolute; top:50%; left:3rem; transform:translate(0,-50%)   ; font-size: 3rem;  color: rgb(255, 255, 255); font-weight: lighter;}

.article_sub_in .article_box .img_area {margin-bottom: 6rem;}
.article_sub_in .article_box .img_area img {display: block;}
.article_sub_in .menu_expand .s_button_set {position:absolute; left:0; bottom:4rem; width:100%; height: 4rem; display: flex;align-items: center;}
.article_sub_in .menu_expand .s_button_set { margin: 0 auto; justify-content: space-around; bottom: -3rem; }
.article_sub_in .menu_expand .s_button_set.hide { display: none; } 
.article_sub_in .menu_expand .s_button_set .buy {width:45%;height: 4.6rem;}
.article_sub_in .menu_expand .s_button_set .cart {width:45%;height: 4.6rem;}
.article_sub_in .menu_expand .page .num_paging {display: inline-block}
.img_expand {display: none;}

/* 레이어팝업 기사 리스트  */

/* 체크박스 */
.check .t {margin-left: 3rem;}
input[type=checkbox] + label {padding:0}


/* 뉴스 리스트 */
.chain_wrap {width:100%; margin: 0 auto; text-align: left;}
/* story_list */
.story_list .card{display: flex; margin-bottom: 6rem; }
.story_list .card:first-child {padding: 2rem 0 0 0;}
.card_image .img_on .mask {position: absolute ; top:0; left: 0; width: 12rem; height: 18rem; background-color:rgba(0, 0, 0, 0.4); z-index: 10; color: #fff;font-size:1.6rem; text-align: center; line-height: 18rem;}
.card_image .img_off .mask {display:none}
.story_list .card_image {position: relative;  flex: 0 0 auto; } 
.story_list .card_image img {width:12rem; height:18rem; border: 1px solid #ededed;}
.story_list .card_image + .card_body {padding-left:3rem;}
.story_list .card_body {position:relative; display:flex;flex-flow:column;width:100%;}
.story_list .description {padding:2rem 0 0 0; text-align: left; display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;word-break: break-all; text-overflow: ellipsis;
    -webkit-line-clamp: 3; -webkit-box-orient: vertical;max-height: 18rem;}
.headline a {font-size:1.8rem; color:#000; font-weight:500;}  
.headline a > span {color: #ef762a;}   
.description a {font-size:1.4rem; line-height: 2.6rem; color:#444; font-weight: 400;} 
.n_date { position:absolute; left:3rem; bottom: 0.3rem; display: block; font-size:1.3rem; color: #bfbfbf;}
.n_date > span {color:#808080; padding-left: 0.6rem;}


/* 광고영역 */
.ad_container { position: relative; text-align: left; max-width: none; flex-direction: row; }
.kdx_ad {width:100%; padding: 6rem 0; margin-top: 6rem; }
.kdx_ad .ad_box {width:100%; margin: 0 auto; padding: 0 2rem;} 
.ad_box h3 {color: #000;font-size:2.6rem; line-height:2.6rem; font-weight:700;}
.ad_box p { color: #000;font-size: 1.8rem; line-height: 2.4rem; padding: 2.3rem 0;}
.ad_box .banner_box {padding-top:0;}
.banner_box .banner01 {width: 100%;}
.banner_box .banner02 {display: none;}
.banner_box .banner01 img, .banner02 img {width:100%; height:auto; background-size: cover; border-radius: 1.2rem;}
.cta {padding: 6rem 0;}

/* 푸터영역 */
.footer {background-color: #000; padding: 4rem 0;}
.footer_in {width: 100%; margin: 0 auto; display: block; text-align: center; }
.footer_in .copyright {font-size: 1.2rem; letter-spacing:0.1rem; color: #fff; font-weight:nomal ; margin: 0 0 2rem;}

/* 레이어팝업 */
.layer_pop {width: 80%;}
.layer_pop h3 {font-size: 2.8rem; line-height: 3.6rem; font-weight: 500; color: #000; text-align: center;}
.layer_pop p {font-size: 2rem; line-height: 3.2rem; padding-top: 3rem; font-weight: 400; color: #000; text-align: center;}

/* 레이어팝업 지면확대 안내*/
.layer_pop_sub {width: 80%;}
.layer_pop_sub h3 {font-size: 2.4rem; line-height: 2.6rem; font-weight: 400; color: #000; text-align: center;}
.layer_pop_sub p {font-size: 1.8rem; line-height: 3.0rem; padding-top: 3rem; font-weight: 300; color: #000; text-align: center;}
.layer_pop_sub > div {position: absolute; left: 0; right: 0; bottom:0 ; background: rgba(0, 0, 0, 0.2); vertical-align: middle;}
.layer_pop_sub > div:before { content: ""; position: absolute; left: 50%; height: 100%; width:1px; background: #f8f8f8;}
.check {position:absolute; left:3rem; bottom: 2rem;}
.check > label > span {font-size: 1.4rem; padding-left: 1rem;}
.xi-close-thin:before {position:absolute; top:2rem; right:2rem; content: "\e9af"; font-family: 'xeicon'; color: #000; font-size: 3rem;  background-color: #fff;}
.xi-close-thin.detail:before { display: none; }

/* 레이어팝업 기사 리스트  */
.layer_article_list {display: none; position:absolute; left:0; bottom:-14rem; width:100%; padding:2rem 0; box-sizing: border-box;  height:auto ; background-color: rgba(0, 0, 0, 0.7);}
.layer_article_list {margin:0 ;}
.layer_article_list.show { display: block; position: absolute; bottom: -14rem; height: auto; box-sizing: border-box; padding: 3rem 0; }
.layer_article_list > div {display: flex; justify-content: flex-start; align-items: center; flex-direction:row; padding: 0 2rem;}
.layer_article_list dl {position:relative;margin: 0 2.3rem 0 0; width: 12rem; cursor: pointer; }
.layer_article_list dl:last-child {margin: 0 0 0 0;}
.layer_article_list dl dt { background-color: #fff; border-radius: 4rem; box-sizing: border-box; border: 0.2rem solid #fff; border-radius: 0; padding: 0.8rem;}
.layer_article_list dl dt:hover {background-color: #fff; border-radius: 4rem; box-sizing: border-box; border: 0.2rem solid #000; border-radius: 0; padding: 0.8rem;}
.layer_article_list dl dt:last-child {display:block;margin-right: 0;}
.layer_article_list dl dt img {width:10rem; height: auto; line-height: 21.2rem; text-align: center; border-radius: 0.4rem;}
.layer_article_list dl dd {position: absolute; top:0; left:0;  font-size: 1.6rem; line-height: 3rem; text-align: center; font-weight: 300; width: 4rem; height: 3rem; background-color: #ef762a; color: #fff;} 
.xi-close-thin2 { width: 3rem; height: 3rem; position: absolute; top: 0; right: 0; }
.xi-close-thin2:before {position:absolute; top: 0; right:0; content: "\e9af"; font-family: 'xeicon'; color: #fff; font-size: 3rem;  background-color: rgba(0, 0, 0, 0.7);} 


.xi-angle-left-min:before {content: "\e93c"; font-family: 'xeicon'; font-size:2rem; color: #fff; box-sizing: border-box;}
.xi-angle-left-min {position: absolute; top:50% ; left: 3.5rem; transform: translate(0, -50%); width:5rem; height: 5rem; border-radius: 5rem; background: #000;}
.xi-angle-right-min:before {content: "\e93f"; font-family: 'xeicon'; font-size:2rem; color: #fff; box-sizing: border-box;}
.xi-angle-right-min {position: absolute; top:50% ; right: 3.5rem; transform: translate(0, -50%); width:5rem; height: 5rem; border-radius: 5rem; background: #000;}

.info_txt {
	position: relative;
	top: -14rem;
}
.easyzoom {
	display: none !important;
}
.main_paper {
	display: block;
	width: 30.2rem;
	height: 41.7rem;	
}

.btn_mk_intro {
	background: linear-gradient(90deg, #f57b20 0%, #f23f02 100%);
	border-radius: 0.8rem;
	color: white;
	display: block;
	width: 20rem;
	height: 4rem;
	margin: 0 auto;
	font-size: 1.6rem;
    margin-top: 1rem;
    text-align: center;
    line-height: 3.8rem;	
}