/* ---------------------------------------- */
/* GENERAL
/* ---------------------------------------- */
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
::after,::before{display:block;}
h1,a,button{display:inline-block;}
/*h1,h2,h3,h4{font-weight:normal;}*/
a,button{text-decoration:none;border:none;background:none;cursor:pointer; 
    webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;}
input, textarea{-webkit-appearance:none;-webkit-border-radius:0; outline: 0;}
/*
body{overflow-x:auto; min-width: 1024px; font-family: 'Noto Sans', '나눔 고딕', 'Nanum Gothic', Dotum, 'droid sans fallback', '맑은 고딕', 'malgun gothic', AppleGothicNeoSD, 'Apple SD 산돌 고딕 Neo', sans-serif !important;}
*/

/* ---------------------------------------- */
/* Common
/* ---------------------------------------- */
a { color: #656565; text-decoration: none !important; }

h1, h2, h3, h4, h5 { line-height: 100%; }

input[type=text], input[type=number], input[type=password], textarea { border: 1px solid #dcdcdc; font-size: 16px; padding: 2px 10px; line-height: 28px; background: #f5f5f5; }
textarea {resize: none;}
input[type=text], input[type=number], input[type=password] { height: 40px; }

p.blockUi { position: fixed; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #282832; opacity: .75; }
p.blockUi.transparent { position: absolute; background: transparent; }

.img { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
.oversize { width: 100% !important; height: auto; }

.dim { webkit-transition: all 10ms ease-in-out; -moz-transition: all 10ms ease-in-out; -o-transition: all 10ms ease-in-out; transition: all 10ms ease-in-out; }

.en { font-family: arial, sans-serif !important;}

.disabled { cursor: default !important; }

.btn { width: 100%; font-weight: bold; text-align: center; border: 0; cursor: pointer; }
.btn_type01 { background: #40495e; color: #fff; font-size: 20px; padding-top: 14px; height: 50px; }
.btn_type01:hover { background-color: #363e50; color: #fff !important; }
.btn_type01:active { background-color: #2d3342; color: #fff !important; }
.btn_type01.default { background-color: #aaa; color: #fff; }

.btn_type01.grey { background-color: #969696; color: #fff; border-color: #969696;}
.btn_type01.grey:hover { background-color: #828282; color: #fff; border-color: #828282;}
.btn_type01.grey:active { background-color: #646464; color: #fff; border-color: #646464;}
.btn_type01.disabled { background-color: #c8c8c8; color: #fff; border-color: #c8c8c8; }
.btn_type02 { text-decoration: none !important; padding: 5px 20px 6px; font-size: 13px; color: #595959; font-weight: 600; background: #fff; border: 1px solid #e4e4e4; }
.btn_type02.dark { border-color: #231815; }

.line_left { border-left: 1px solid #ebebeb; }
.line_top { border-top: 1px solid #ebebeb; }
.line_bottom { border-bottom: 1px solid #ebebeb; }
.noline_bottom { border-bottom: 0 !important; }




.icon { background-size: cover; background-position: center; background-repeat: no-repeat; }
.ic_katalk { background-image: url('../images/ic_katalk.png'); }
.ic_kakaopage { background-image: url('../images/ic_kakaopage.png'); }
.ic_facebook { background-image: url('../images/ic_facebook.png'); }

.ic_like { background-image: url('../images/ic_like.png'); }
.ic_like.active { background-image: url('../images/ic_like_s.png'); }
.ic_scrap { background-image: url('../images/ic_scrap.png'); }
.ic_scrap.active { background-image: url('../images/ic_scrap_s.png'); }
.ic_result { background-image: url('../images/ic_result.png'); }
.ic_trash { background-image: url('../images/ic_trash.png'); }

.ic_pdf { background-image: url('../images/ic_pdf.png'); }
.ic_close { background-image: url('../images/ic_close.png'); }
.ic_arrow { background-image: url('../images/ic_arrow.png'); }

.ic_btn_prev { background-image: url('../images/ic_btn_prev.png'); }
.ic_btn_top { background-image: url('../images/ic_btn_top.png'); }

.ic_date_0{ background-image: url('../images/ic_date_0.png'); }
.ic_date_1{ background-image: url('../images/ic_date_1.png'); }
.ic_date_2{ background-image: url('../images/ic_date_2.png'); }
.ic_date_3{ background-image: url('../images/ic_date_3.png'); }
.ic_date_4{ background-image: url('../images/ic_date_4.png'); }
.ic_date_5{ background-image: url('../images/ic_date_5.png'); }
.ic_date_6{ background-image: url('../images/ic_date_6.png'); }
.ic_date_7{ background-image: url('../images/ic_date_7.png'); }
.ic_date_8{ background-image: url('../images/ic_date_8.png'); }
.ic_date_9{ background-image: url('../images/ic_date_9.png'); }
.ic_date_dot{ background-image: url('../images/ic_date_dot.png'); }

.bg_banner1 { background-image: url('../images/bg_banner1.png'); }

.ic_menu1{ background-image: url('../images/ic_menu1.png'); }
.ic_menu2{ background-image: url('../images/ic_menu2.png'); }
.ic_menu3{ background-image: url('../images/ic_menu3.png'); }
.ic_menu4{ background-image: url('../images/ic_menu4.png'); }
.ic_menu5{ background-image: url('../images/ic_menu5.png'); }
.ic_menu6{ background-image: url('../images/ic_menu6.png'); }
.ic_menu7{ background-image: url('../images/ic_menu5.png'); }
.ic_menu8{ background-image: url('../images/ic_menu6.png'); }
.ic_setting{ background-image: url('../images/ic_setting.png'); }

.ic_analysis_finance       { background-image: url('../images/ic_analysis_finance.png'); } /* 금융업 */
.ic_analysis_machine       { background-image: url('../images/ic_analysis_machine.png'); }  /* 기계  */
.ic_analysis_metal         { background-image: url('../images/ic_analysis_metal.png'); } /*  철강금속 */
.ic_analysis_chemistry     { background-image: url('../images/ic_analysis_chemistry.png'); }  /* 화학   */
.ic_analysis_paper         { background-image: url('../images/ic_analysis_paper.png'); }  /*  종이목재 */
.ic_analysis_fiber         { background-image: url('../images/ic_analysis_fiber.png'); }  /*  섬유의복 */
.ic_analysis_eletronic     { background-image: url('../images/ic_analysis_electronic.png'); }  /* 전기전자  */
.ic_analysis_nonmetal      { background-image: url('../images/ic_analysis_nonmetal.png'); }  /*  비금속광물 */
.ic_analysis_drug          { background-image: url('../images/ic_analysis_drug.png'); }  /*  의약품 */
.ic_analysis_distribution  { background-image: url('../images/ic_analysis_distribution.png'); }  /*  유통업 */
.ic_analysis_transport     { background-image: url('../images/ic_analysis_transport.png'); }  /*  운수장비 */
.ic_analysis_medical       { background-image: url('../images/ic_analysis_medical.png'); }  /*  의료정밀 */
.ic_analysis_warehouse     { background-image: url('../images/ic_analysis_warehouse.png'); }  /*  운수창고 */
.ic_analysis_building      { background-image: url('../images/ic_analysis_building.png'); }  /*  건설업 */
.ic_analysis_gas           { background-image: url('../images/ic_analysis_gas.png'); }  /*  전기가스업 */
.ic_analysis_bank          { background-image: url('../images/ic_analysis_bank.png'); }  /*  은행 */
.ic_analysis_stock         { background-image: url('../images/ic_analysis_stock.png'); } /*  증권 */
.ic_analysis_communication { background-image: url('../images/ic_analysis_communication.png'); }  /*  통신업 */
.ic_analysis_insurance     { background-image: url('../images/ic_analysis_insurance.png'); }  /*  보험 */
.ic_analysis_service       { background-image: url('../images/ic_analysis_service.png'); }  /*  서비스업 */
.ic_analysis_manufacture   { background-image: url('../images/ic_analysis_manufacture.png'); }  /*  제조업 */
.ic_analysis_food          { background-image: url('../images/ic_analysis_food.png'); } /*  음식료업 */ 
.ic_analysis_semiconductor { background-image: url('../images/ic_analysis_semiconductor.png'); } /*  반도체 */ 

.ic_flag_kr{ background-image: url('../images/ic_flag_kr.jpg'); } /* 한국 */
.ic_flag_jp{ background-image: url('../images/ic_flag_jp.jpg'); } /* 일본 */
.ic_flag_cz{ background-image: url('../images/ic_flag_cz.jpg'); } /* 중국 */
.ic_flag_gm{ background-image: url('../images/ic_flag_gm.jpg'); } /* 독일 */
.ic_flag_hk{ background-image: url('../images/ic_flag_hk.jpg'); } /* 홍콩 */
.ic_flag_en{ background-image: url('../images/ic_flag_en.jpg'); } /* 미국 */
.ic_flag_as{ background-image: url('../images/ic_flag_as.jpg'); } /* 호주 */
.ic_flag_bz{ background-image: url('../images/ic_flag_bz.jpg'); } /* 브라질 */

.ic_isa{ background-image: url('../images/ic_isa.png'); } 
.ic_mmf{ background-image: url('../images/ic_mmf.png'); } 
.ic_cloud{ background-image: url('../images/ic_cloud.png'); } 
.ic_fund{ background-image: url('../images/ic_fund.png'); } 
.ic_condition{ background-image: url('../images/ic_condition.png'); } 
.ic_analysis{ background-image: url('../images/ic_analysis.png'); } 
.ic_wmtrend{ background-image: url('../images/ic_wmtrend.png'); } 
.ic_stockn{ background-image: url('../images/ic_stockn.png'); } 
.ic_academy{ background-image: url('../images/ic_academy.png'); } 

.ic_ribon { position: absolute; left: 15px; top: 15px; padding: 0px; text-align: center; }
.ic_ribon.ic_best { color: #fff; background-image: url('../images/bg_ribon_best.png'); } 
.ic_ribon.ic_hot { color: #fff; background-image: url('../images/bg_ribon_hot.png'); } 
.ic_ribon.ic_new { color: #fff; background-image: url('../images/bg_ribon_new.png'); } 
.ic_ribon.ic_popular { color: #fff; background-image: url('../images/bg_ribon_hit.png'); } 
.ic_ribon.ic_recomm { color: #fff; background-image: url('../images/bg_ribon_recomm.png'); } 
.ic_ribon.ic_series { color: #fff; background-image: url('../images/bg_ribon_series.png'); }

.ic_arr_w_start { background-image: url('../images/bg_arr_w_start.png'); }  
.ic_arr_w_prev { background-image: url('../images/bg_arr_w_prev.png'); }  
.ic_arr_w_next { background-image: url('../images/bg_arr_w_next.png'); }  
.ic_arr_w_end { background-image: url('../images/bg_arr_w_end.png'); }  

.btn_play{ background-image: url('../images/btn_play.png'); }

/* ---------------------------------------- */
/* HEADER
/* ---------------------------------------- */
.all_wrap > .menu { display: none; }
.header_bg { position:relative; margin-bottom: 2px; clear: both; }
.main .header_bg, .detail .header_bg { margin-bottom: 1px; }

.header_wrap {position:relative; height:105px; padding: 0px; box-shadow: 1px 0 5px #ccc; }
.header_gnb { position:relative; max-width:1024px; height: 100%; margin:0 auto; padding: 30px; }
.header_gnb .logo p { width: 149px; height: 55px; background-image: url('../images/top_logo.png'); text-indent: -9999px; }

#title-node { display: none; }

.header_gnb .menu { float: right; margin-top: 30px; }
.header_gnb .menu ul { position:relative; }
.header_gnb .menu li { float: left; margin-right: 20px; }
.header_gnb .menu li:last-child { margin-right: 0; }
.header_gnb .menu li a { position: relative; color: #1d1d1d; text-decoration: none !important; font-size: 16px; font-weight: bold; }
.header_gnb .menu li a:hover { color: #6c06cb; }
.header_gnb .menu li a.active { color: #6c06cb; }
.header_gnb .menu li a:hover:after, .header_gnb .menu li a.active:after { 
    content:""; position:absolute; bottom: -17px; left: 50%; margin-left: -3px; width:0; height:0; 
    border-style:solid; border-width:5px; border-color: #6c06cb transparent transparent transparent; 
}

.header_gnb .btn_menu_more, .header_gnb > .btn_search { display: none; }

.header_gnb .top_login_box { position: absolute; top: 19px; right: 224px; }
.header_gnb .top_login_box ul { display: table; }
.header_gnb .top_login_box ul li { display: table-cell; }
.header_gnb .top_login_box ul li a { font-size: 0.85em; line-height: 1em; padding: 0 15px; color: #a7a7a7; }

.header_gnb .top_search_box { display: block; position: absolute; top: 15px; right: 30px; }
.header_gnb .top_search_box input[type=text] { height: 30px; padding: 2px 35px 2px 5px; font-size: 14px; border-radius: 2px; background-color: #fff; border-color: #d3d3d3; width: 180px; outline: 0; }
.header_gnb .top_search_box .btn_search { position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; border: 0; border-radius: 0 2px 2px 0; background: #d3d3d3 url('../images/ic_m_search.png') center no-repeat; background-size: 20px; }

.autocomplete_list { position: absolute; left: 0; top: 30px; width: 100%; max-height: 160px; border: 1px solid #e0e0e0; border-top: 0; background-color: #fff; overflow-y: auto; z-index: 1000; }
.autocomplete_list li { position:relative; width: 100%; font-size: 1em; border-bottom: 1px solid #f9f9f9; }
.autocomplete_list li.recently { padding: 0 10px; line-height: 34px; color: #d1d1d1; font-size: 0.85em; }
.autocomplete_list li.recently span { float: right; cursor: pointer; }
.autocomplete_list li a { 
    display: inline-block; padding: 0 10px; width: 80%; height: 30px; line-height: 30px; 
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; 
}
.autocomplete_list li.active,
.autocomplete_list li:hover { background-color: #f7f7f7; }
.autocomplete_list li i { position: absolute; right: 10px; top: 50%; margin-top: -8px; display: inline-block; width: 15px; height: 15px; z-index: 1100; }
.autocomplete_list li i.ic_close { cursor: pointer; }




/* ---------------------------------------- */
/* CONTENT
/* ---------------------------------------- */
.all_wrap {position:relative;width:100%; }
.inner_wrap {position:relative;width:100%; font-size:14px;line-height:18px;}
.contents_wrap {position:relative; max-width:1024px; min-width: 1024px; padding:20px 0 0; margin:40px auto 0; }

.bottom_btn { position: relative; }
.bottom_btn p { position: fixed; bottom: 5px; width: 35px; height: 34px; z-index: 10000; }
.bottom_btn p a { position: relative; width: 100%; height: 100%; }
.bottom_btn .btn_prev { left: 5px; }
.bottom_btn .btn_scroll_top { right: 5px; }

#bottom_fix_btn { position: relative; }
#bottom_fix_btn div { position: fixed; bottom: 0px; width: 50%; height:auto; overflow:hidden; z-index: 10000; }
#bottom_fix_btn div img { width:100%; height:38px; }
#bottom_fix_btn .btn_back { left: 0px;}
#bottom_fix_btn .btn_pdf { right: 0px; }


/* slider */
.bx-wrapper{ position:relative;*zoom:1;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{z-index:100;position:absolute;bottom:20px;width:100%;text-align:center;}
.bx-wrapper .bx-loading{min-height:50px;background:url('../images/bx_loader.gif') center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:120;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
/* next / prev */
.bx-wrapper .bx-prev{left:0px;background:url('../images/bg_arr_prev_o.png') center no-repeat;background-size:10px 18px;}
.bx-wrapper .bx-next{right:0px;background:url('../images/bg_arr_next_o.png') center no-repeat;background-size:10px 18px;}
.bx-wrapper .bx-prev.disabled{display: none;}
.bx-wrapper .bx-next.disabled{display: none;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-15px; outline:0;width:30px;height:30px;text-indent:-9999px;z-index:120;}
.bx-wrapper .bx-controls-direction a:after{display:none;}
.bx-controls .bx-controls-auto{display:none;}
.bx-wrapper .bx-pager.bx-default-pager a{background:transparent; text-indent:-9999px;display:block;border-radius: 50%; width:10px;height:10px;margin:0 3px; border:2px solid #fff; outline:0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff; }


/* pagination */
.pagination { margin: 0px 0 20px; width: 100%; text-align: center; clear: both; }
.pagination ul { display: inline-block; }
.pagination li { display: inline-block; list-style: none; vertical-align: middle; margin: 0px; }
.pagination li a { display: inline-block; min-width: 28px; height: 27px; line-height: 28px; font-size: .85em; font-weight: 700; color: #676980; border: 1px solid #ddd; }
.pagination li a:hover { color: #6902af; }
.pagination li a.active { color: #fff; background-color: #a168c6; }
.pagination li a.disable { cursor: default; }
.pagination li a.disable:hover { cursor: default; color: #555; }
.pagination li.arrow_left a.disable { margin-left: 0; margin-right: 10px; }
.pagination li.arrow_right a.disable { margin-left: 10px; margin-right: 0; }
.pagination li a i { display: inline-block; width: 26px; height: 25px; }
.pagination li a:hover i { opacity: .65; }
.pagination li a:active i { opacity: 1; }


/* loading */
.loading { display: none; text-align: center; padding: 100px 0; font-size: 1.3em; color: #787878; overflow: hidden; clear: both; }
.loading.wrap { display: block; position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 20000; }
.loading.wrap div { position: fixed; width: 100%; top: 50%; margin-top: -80px; }
.loading.wrap img { width: 100px; height: 100px; }
.loading.wrap .blockUi { opacity: 0; }

/*스프레드차트*/
.spreadChart { width: 100%;height: 240px; margin: 0 auto; overflow: hidden; position: relative;}
.spreadChart h4 { font-size: 15px; color: #555; font-weight: bold; margin-bottom: 8px;}
.spreadChart h4 span { color:#eb088a}

.spreadChart .chart { width: 45%; float: left; position: relative;}
.chart .pic1 { width: 68px; height: 150px; z-index: 10; position: absolute; left: 30px; bottom: 1px; background: url(/inv/images/pictogram_01_off.png) no-repeat 0 0;}
.chart .pic1 .fill { width: 100%; z-index: 15; position: absolute; left: 0; bottom: 0; background: #1f3e63;}
.chart .pic2 { width: 77px; height: 150px; z-index: 10; position: absolute; left: 108px; bottom: 0px; background: url(/inv/images/pictogram_02_off.png) no-repeat 0 0;}
.chart .pic2 .fill { width: 100%; z-index: 15; position: absolute; left: 0; bottom: 1px; background: #c30d75;}
.chart .pic1 .picMask {width: 68px; height: 150px; z-index: 20; position: absolute; left: 0px; bottom: 0px; background: url(/inv/images/pictogram_01_on.png) no-repeat 0 0;}
.chart .pic2 .picMask {width: 77px; height: 150px; z-index: 20; position: absolute; left: 0px; bottom: 0px; background: url(/inv/images/pictogram_02_on.png) no-repeat 0 0;}

.chart .pic1Per { position: absolute; left: 48px; top: 30px; letter-spacing: -1px; font-size: 15px; font-weight: bold; color:#6d6d6d;}
.chart .pic2Per { position: absolute; left: 129px; top: 30px; letter-spacing: -1px;  font-size: 15px; font-weight: bold; color:#6d6d6d;}

.chart ul.list { border: solid #c3c3c3; border-width: 0px 0 1px 0;}
.chart ul.list li { height: 28px; line-height: 28px; border: solid #ebebeb; border-width: 1px 0 0px 0;}
.chart ul.list li:first-child { border: solid #c3c3c3; border-width: 1px 0 0px 0;}

.spreadChart ul.spreadChartText { position:static;}
.spreadChart ul.spreadChartText li { position: absolute; left: 50px; bottom:0; font-size: 11px;}
.spreadChart ul.spreadChartText li + li { left: 136px;}
.spreadChart ul.spreadChartText li + li + li { left: 204px;}
.spreadChart ul.spreadChartText li + li + li + li { left: 253px;}
.spreadChart ul.spreadChartText li + li + li + li + li { left: 300px;}
.spreadChart ul.spreadChartText li + li + li + li + li + li { left: 350px;}
.spreadChart ul.spreadChartText li + li + li + li + li + li + li { left: 398px;}

.spread ul { border: solid #c3c3c3; border-width: 0px 0 1px 0;}
.spread ul li { height: 39px;font-size: 11px; color:#3d3d3d; line-height: 38px; text-align: center; border: solid #ebebeb; border-width: 1px 0 0px 0;}
.spread ul li:first-child { border: solid #c3c3c3; border-width: 1px 0 0px 0;}
.spread ul li strong { font-size: 16px;}
.spread .red { color:#ff5645;}
.spread .blue { color:#1e4574;}
.spreadChart .spread { width: 45%; float: right; position: relative;}

.bar { width: auto; height: 154px; position: absolute; left: 201px; bottom: 0;}
.bar ol {width: 100%; overflow: hidden;}
.bar ol li { width: 30px; height: 134px; float: left; margin-left: 18px; margin-top:20px; position: relative;}
.bar ol li:first-child { margin-left:0;}
.bar ol li div { width: 30px;position: absolute; left: 0; bottom: 0; background: url(/inv/images/bar_off.png) no-repeat left bottom;}
.bar ol li div.on { background: url(/inv/images/bar_on.png) no-repeat left bottom;} 
.bar ol li span { width: 30px; font-size: 11px; color: #3b3b3b; font-weight: bold; display: block; text-align: center; position: absolute; left: 0; bottom: 20px;}

/* ---------------------------------------- */
/* MAIN
/* ---------------------------------------- */
.banner_wrap { position: relative; width: 1024px; margin:0 auto; }
.banner_wrap .slide_list { position: relative; }
.banner_wrap .slide_list li { width: 100%; height: 295px; }
.banner_wrap .slide_list li a { display: table; width: 100%; height: 100%; color: white;/*text-align: center; */}
.banner_wrap .slide_list li a div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; /*background: url('../images/bg_main_cover_w.png') center no-repeat;*/ background-size: cover; }
.banner_wrap .slide_list li h2 { font-size: 3em; font-weight: 600; line-height: 1.5em;  }

.banner_wrap .slide_list .ic_ribon { left: 30px; top: 0px; padding: 0px; width: 70px; height: 82px; background-size: cover; text-indent: -9999px; }
.banner_wrap .slide_list .ic_best { background-image: url('../images/ic_best.png'); } 
.banner_wrap .slide_list .ic_hot { background-image: url('../images/ic_hot.png'); } 
.banner_wrap .slide_list .ic_new { background-image: url('../images/ic_new.png'); } 
.banner_wrap .slide_list .ic_popular { background-image: url('../images/ic_popular.png'); } 
.banner_wrap .slide_list .ic_recomm { background-image: url('../images/ic_recomm.png'); } 
.banner_wrap .slide_list .ic_series { background-image: url('../images/ic_series.png'); } 

.main .banner_wrap .slide_list li a { color: #fff; }
.main .banner_wrap .slide_list li a div { height: 100%; padding: 0 30px; } 
.main .banner_wrap .slide_list li a p { position: relative; font-size: 1.7em; font-weight: 500; }
.main .banner_wrap .slide_list li a h2 { margin-top: 5px; }
.banner_wrap .slide_list li a h3 { margin-top: 5px; color: #420879; }


.banner_wrap .calrendar_list { position: relative; width: 100%; background: #e4e4e4 url('../images/icon_cal2.png') 150px center no-repeat; border-bottom: 1px solid #dadada; }
.banner_wrap .calrendar_list li { width: 100%; height: 59px; }
.banner_wrap .calrendar_list li a { display: table; width: 100%; height: 100%; padding: 0px; font-size: 1.5em; color: #333; font-weight: 500; text-align: center; }
.banner_wrap .calrendar_list li a div { display: table-cell; vertical-align: middle; }
.banner_wrap .calrendar_list li a p { line-height: 1.5em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }
.calrendar_list .bx-wrapper .bx-prev{left:100px;background-size:11px 20px;}
.calrendar_list .bx-wrapper .bx-next{right:5px;background-size:11px 20px;}
.calrendar_list .cal_slider {width:85%; float:right;} 

.calrendar_list { overflow: hidden;}
.calrendar_list .mine { width:15%; height:55px; margin-top:3px; background: url('../images/icon_mine2.png') no-repeat; margin-left: 10px; position: absolute;}

.contents_wrap > .card { position: relative; width: 48%; padding: 0 0 20px; }
.contents_wrap > .card > a { display: block; width: 100%; font-size: 1.25em !important; }

.card_type_wrap { position: relative; overflow: hidden; }
.card_type_wrap ul { position: relative; width: 100%; }
.card_type_wrap li { float: left; margin-top: 2px; width: 49.5%; margin-left: 1%; }
.card_type_wrap li:first-child { margin-left: 0; }
.card_type_wrap li a { position: relative; width: 100%; border: 1px solid #f2f2f2;}
.card_type_wrap li a img { opacity: 0; min-height: 120px; max-height: 120px; }
.card_type_wrap li a div { position: absolute; bottom: 0; left: 0; padding: 10px; width: 100%; background-color: #375eba; }
.card_type_wrap li:nth-child(2n) a div {  background-color: #2196b1; }
.card_type_wrap li a p { max-height: 1.3em; color: #fff; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break:break-all;}

.card_type_wrap li:nth-child(1), .card_type_wrap li:nth-child(2) { margin-top: 0; }
.card_type_wrap li:nth-child(2n+1) { margin-left: 0; }
.card_type_wrap li:nth-child(3) a div { background-color: #2196b1; }
.card_type_wrap li:nth-child(4) a div { background-color: #375eba; }
    
.card_type_wrap.triple li { width: 32.5%; height: auto; margin-left: 0.7%; margin-top: 0; }
.card_type_wrap.triple li:first-child { margin-left: 0; }
.card_type_wrap.triple li a img { min-height: 100px; max-height: 100px; }
.card_type_wrap.triple li a div { position: relative; padding:10px; height: 60px; background-color: #2d258a; }
.card_type_wrap.triple li:nth-child(2) a div { background-color: #4a0a73; }
.card_type_wrap.triple li:nth-child(3) a div { background-color: #7b016d; }
.card_type_wrap.triple li a p { -webkit-line-clamp: 2; }

.thum_type_wrap { position: relative; }
.thum_type_wrap ul { position: relative; width: 100%; padding: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.thum_type_wrap li {width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #f2f2f2; overflow: hidden; }
.thum_type_wrap li a { position: relative; display: table; width: 100%; color: #1a1a1a; }
.thum_type_wrap li a > div { display: table-cell; width: 75%; padding-left: 4%; vertical-align: middle; }
.thum_type_wrap li a .thum { width: 25%; overflow: hidden; padding-left: 0; border: 1px solid #f2f2f2; }
.thum_type_wrap li a .thum img { opacity: 0; min-height: 53px; max-height: 53px; }
.thum_type_wrap li a > div p { font-size: 1.15em; line-height: 1.67em; max-height: 2em; font-weight: 400; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break:break-all; }
.thum_type_wrap li a > div p span { color:darkgray; margin-right: 10px; }
.thum_type_wrap li a > div p.txt {color:black;}
.thum_type_wrap li a .ic_ribon { left: 1px; top: 1px; max-height: 20px; width: 32px; font-size: 0.8em; line-height: 1.6em; font-weight: 300; letter-spacing: -0.03em; text-align: center; }

.list_type_wrap { position: relative; }
.list_type_wrap li {width: 100%; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #f2f2f2; }
.list_type_wrap li:first-child { border-top: 1px solid #f2f2f2; padding-top: 7px; }
.list_type_wrap li:last-child { margin-bottom: 0; }
.list_type_wrap li a { display: block; width: 100%; font-weight: 400; font-size: 1.15em; line-height: 1.25em; color: #1a1a1a; }
.list_type_wrap li a p { color:black;  max-height: 1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;  word-break:break-all;}
.list_type_wrap li a span { color:darkgray; margin-right: 10px; font-weight: normal;}

.btn_type_wrap { position: relative; overflow: hidden; }
.btn_type_wrap li { float: left; width: 49.5%; margin: 0 0 1% 1%; background: #e5e9ff; border: 1px solid #cccbe5; }
.btn_type_wrap li:nth-child(2n+1) { margin-left: 0;  }
.btn_type_wrap li a { position: relative; display: block; width: 100%; height: 100%; max-height: 45px; padding: 0 10px; font-size: 1.15em; color: #0074b7; font-weight: 500; }
.btn_type_wrap li a p { margin-left: 30px; line-height: 45px; text-align: center; }
.btn_type_wrap li a span { color: #304acc; }
.btn_type_wrap li a span.en { color: #0074b7; }
.btn_type_wrap li a span.keep { color: #304acc; }
.btn_type_wrap li a i { position: absolute; left: 10px; top: 50%; margin-top: -23px; display: inline-block; width: 45px; height: 45px; vertical-align: middle; }

/*.main .btn_type_wrap li { background: #f1e5ff; border: 1px solid #f2f2f2; }*/

.video_wrap { position: relative; padding: 0; text-align: center; background-color: #fff; }
.video_wrap ul { position: relative; width: 100%; }
.video_wrap li { position: relative; display:inline-block; width: 47.5%; margin: 0 5% 0 0; padding: 0; }
.video_wrap li:last-child { margin-right: 0; }
.video_wrap li a { margin: 0; position: relative; width: 100%; height: 100%; color: #fff; border: 1px solid #f2f2f2; }
.video_wrap li a.thum, .video_wrap li a video { position: relative; width: 100%; }
.video_wrap li a .info { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.video_wrap li a .info > div { display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video_wrap li a .info > div > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0 20px; }
.video_wrap li a .info p { font-size: 1.1em; width: 100%; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.video_wrap li img { opacity: 0; min-height: 100px; }
.video_wrap li .btn_play { position: absolute; bottom: 5px; left: 5px; width: 30px; height: 30px; }

 /*--------------keyword 검색어 순위------------------*/
.rank_title {color:#b00068; font-size:1.2em} 
.keyword_rank.data-box01 { height: 220px; max-height: 220px; background:#F1FAFC; padding:0 5% 3% 5% !important; position: relative; overflow: hidden;}
.keyword_rank div { position: absolute; left: 2%; top: 2%;  text-align: center; vertical-align: middle;}
.keyword_rank div a { width: 100%;  color: #fff !important; font-size: 0.8em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.keyword_rank.data-box01 .circle1 { width: 29.3%; height: 68.8%; background: #4087d0; border-radius:95%; left: 69%; top: 5%; font-size: 0.8em;}
.keyword_rank.data-box01 .circle2 { width: 25.6%; height: 60.6%; background: #4063ad; border-radius:95%; left: 2%; top: 3%; font-size: 0.7em;}
.keyword_rank.data-box01 .circle3 { width: 20.6%; height: 49.5%; background: #77bd49; border-radius:90%; left: 40%; top: 5%; font-size: 0.6em;}
.keyword_rank.data-box01 .circle4 { width: 17.2%; height: 40.9%; background: #7487af;border-radius:80%; left: 25%; top: 45%; font-size: 0.5em;}
.keyword_rank.data-box01 .circle5 { width: 13.4%; height: 31%; background: #c891c9;border-radius:80%; left: 55%; top:60%;font-size: 0.4em;}

.keyword_rank.data-box02 { height: 220px; max-height: 220px; background:#FDF4F9; padding:0 5% 3% 5% !important; position: relative; overflow: hidden;}
.keyword_rank.data-box02 .circle1 { width: 29.3%; height: 68.8%; background: #4087d0; border-radius:95%; left: 35%; top: 10%; font-size: 0.8em;}
.keyword_rank.data-box02 .circle2 { width: 25.6%; height: 60.6%; background: #4063ad; border-radius:95%; left: 70%; top: 35%; font-size: 0.7em;}
.keyword_rank.data-box02 .circle3 { width: 20.6%; height: 49.5%; background: #77bd49; border-radius:90%; left: 15%; top: 45%; font-size: 0.6em;}
.keyword_rank.data-box02 .circle4 { width: 17.2%; height: 40.9%; background: #7487af;border-radius:80%; left: 3%; top: 5%; font-size: 0.5em;}
.keyword_rank.data-box02 .circle5 { width: 13.4%; height: 31%; background: #c891c9;border-radius:80%; left: 65%; top:7%;font-size: 0.4em;}

.keyword_rank.data-box03 { height: 220px; max-height: 220px; background:#F0F8EB; padding:0 5% 3% 5% !important; position: relative; overflow: hidden;}
.keyword_rank.data-box03 .circle1 { width: 29.3%; height: 68.8%; background: #4087d0; border-radius:95%; left: 52%; top: 5%; font-size: 0.8em;}
.keyword_rank.data-box03 .circle2 { width: 25.6%; height: 60.6%; background: #4063ad; border-radius:95%; left: 28%; top: 38%; font-size: 0.7em;}
.keyword_rank.data-box03 .circle3 { width: 20.6%; height: 49.5%; background: #77bd49; border-radius:90%; left: 8%; top: 10%; font-size: 0.6em;}
.keyword_rank.data-box03 .circle4 { width: 17.2%; height: 40.9%; background: #7487af;border-radius:80%; left: 80%; top: 50%; font-size: 0.5em;}
.keyword_rank.data-box03 .circle5 { width: 13.4%; height: 31%; background: #c891c9;border-radius:80%; left: 3%; top:60%;font-size: 0.4em;}

.keyword_rank.data-box04 { height: 220px; max-height: 220px; background:#FFFBE8; padding:0 5% 3% 5% !important; position: relative; overflow: hidden;}
.keyword_rank.data-box04 .circle1 { width: 29.3%; height: 68.8%; background: #4087d0; border-radius:95%; left: 30%; top: 5%; font-size: 0.8em;}
.keyword_rank.data-box04 .circle2 { width: 25.6%; height: 60.6%; background: #4063ad; border-radius:95%; left: 3%; top: 35%; font-size: 0.7em;}
.keyword_rank.data-box04 .circle3 { width: 20.6%; height: 49.5%; background: #77bd49; border-radius:90%; left: 62%; top: 5%; font-size: 0.6em;}
.keyword_rank.data-box04 .circle4 { width: 17.2%; height: 40.9%; background: #7487af;border-radius:80%; left: 80%; top: 45%; font-size: 0.5em;}
.keyword_rank.data-box04 .circle5 { width: 13.4%; height: 31%; background: #c891c9;border-radius:80%; left: 55%; top:62%;font-size: 0.4em;}

.keyword_rank.data-box05 { height: 220px; max-height: 220px; background:#F6F6F6; padding:0 5% 3% 5% !important; position: relative; overflow: hidden;}
.keyword_rank.data-box05 .circle1 { width: 29.3%; height: 68.8%; background: #4087d0; border-radius:95%; left: 53%; top: 20%; font-size: 0.8em;}
.keyword_rank.data-box05 .circle2 { width: 25.6%; height: 60.6%; background: #4063ad; border-radius:95%; left: 3%; top: 20%; font-size: 0.7em;}
.keyword_rank.data-box05 .circle3 { width: 20.6%; height: 49.5%; background: #77bd49; border-radius:90%; left: 30%; top: 5%; font-size: 0.6em;}
.keyword_rank.data-box05 .circle4 { width: 17.2%; height: 40.9%; background: #7487af;border-radius:80%; left: 82%; top: 10%; font-size: 0.5em;}
.keyword_rank.data-box05 .circle5 { width: 13.4%; height: 31%; background: #c891c9;border-radius:80%; left: 33%; top:60%;font-size: 0.4em;}
/* ---------------------------------------- */
/* SUB
/* ---------------------------------------- */
.banner_wrap .btn_morning_letter { position: relative; width: 100%; background: #e4e4e4 url('../images/bg_morning_letter.png') left  no-repeat; border-bottom: 1px solid #dadada; } 
.banner_wrap .btn_morning_letter li { width: 100%; height: 59px; }
.banner_wrap .btn_morning_letter li a { display: table; width: 100%; height: 100%; padding: 0 60px; font-size: 1.5em; color: #333; font-weight: 500; }
.banner_wrap .btn_morning_letter li a p { display: table-cell; vertical-align: middle; }
.banner_wrap .btn_morning_letter li a span { color: #555d73; float: right; }
.btn_morning_letter .bx-wrapper .bx-prev{left:15px;}
.btn_morning_letter .bx-wrapper .bx-next{right:15px;}

.banner_wrap .analysis_list { position: relative; width: 100%; height: 126px; }
.banner_wrap .analysis_list li { display: table; float: left; width: 33.33334%; height: 100%; letter-spacing: -0.06em; background: url('../images/bg_analysis1.png') center no-repeat; background-size: cover; }
.banner_wrap .analysis_list li:nth-child(2) { background-image: url('../images/bg_analysis2.png'); }
.banner_wrap .analysis_list li a { display: table-cell; width: 100%; height: 100%; padding: 10px; color: #420879; font-weight: 700; text-align: center; vertical-align: middle; }
.banner_wrap .analysis_list li i { position: relative; display: block; width: 60px; height: 60px; margin: 0 auto 10px; }
.banner_wrap .analysis_list li i:after { content: ''; position: absolute; bottom: -7px; width: 100%; height: 10px; background: url('../images/bg_analysis_shadow.png') center no-repeat; background-size: 100%; }
.banner_wrap .analysis_list li p { max-height: 1.45em; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;  }

.banner_wrap .caed_list { position: relative; padding: 15px; }

.banner_wrap .global_analysis_box { position: relative; width: 100%; height:  272px; overflow: hidden; }
.global_analysis_box > div { float: left; width: 50%; height:  100%; }
.global_analysis_box .global_box { position: relative; background: url('../images/bg_globalmap.jpg') center no-repeat; background-size: cover; }
.global_analysis_box .item_box { position: absolute; display: inline-block; padding: 2px 7px 1px 35px; cursor: pointer; letter-spacing: -0.05em; border-radius: 25px;  box-shadow: 1px 1px 5px rgba(0,0,0,0.75); background-color: #fff; background-position: left -13px center; background-repeat: no-repeat; background-size: 37%; }
.global_analysis_box .item_box p { font-size: 0.9em; }
.item_box.ic_flag_kr { left: 40%; top: 22%; }
.item_box.ic_flag_jp { left: 43%; top: 37%; }
.item_box.ic_flag_gm { left:5%; top: 19%; }
.item_box.ic_flag_cz { left: 10%; top: 35%; }
.item_box.ic_flag_hk { left: 20%; top: 55%; }
.item_box.ic_flag_as { left:28%; top: 70%; }
.item_box.ic_flag_bz { right: 5%; bottom: 10%; }
.item_box.ic_flag_en { right:5%; top: 10%; }

.global_analysis_box .item_info { display: block; position: relative; padding: 30px; background-color: rgba(3,37,103,1); }
.global_analysis_box .item_info h3 { color: #fff; font-size: 1.6em; }
.global_analysis_box .item_info > ul { margin-top: 15px; position: relative; padding: 17px 15px; background: #fff; border-radius: 6px; overflow: hidden; }
.global_analysis_box .item_info > ul > li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
.global_analysis_box .item_info > ul > li:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.global_analysis_box .item_info li ol { display: table; width: 100%; }
.global_analysis_box .item_info li li { display: table-cell; width: 20%; text-align: right; }
.global_analysis_box .item_info li li:nth-child(1) { text-align: left; width: 35%; }
.global_analysis_box .item_info li li:nth-child(2) { width: 25%; }
.global_analysis_box .item_info .btn_close { display: none; }

.banner_wrap .video_wrap { padding: 25px 25px 50px; background-color: #e4e4e4; overflow: hidden; }
.banner_wrap .video_wrap li { width: 24%; margin-right: 3%; }
.banner_wrap .video_wrap li:last-child { margin-right: 0; }
.banner_wrap .video_wrap li a img { min-height: 120px; max-height: 120px; }

/* video slider */
.video_wrap .bx-wrapper { margin: 0 auto; }
.video_wrap .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { text-align: right; padding-right: 70px; bottom: -25px; }
.video_wrap .bx-wrapper .bx-prev{ left:auto; right:29px; background-size:4px 10px; background-color: #fff; }
.video_wrap .bx-wrapper .bx-next{ right:0px; background-size:4px 10px; background-color: #fff; }
.video_wrap .bx-wrapper .bx-controls-direction a{ top:auto; bottom:-22px; margin-top:0; width:30px; height:15px; border:1px solid #ccc;}

.card_list { position: relative; }
.card_list li a { position: relative; width: 100%; border: 1px solid #a1a1a1; }
.card_list li a .thum { position: relative; width: 100%; }
.card_list li a .thum img { opacity: 0; }



/* ---------------------------------------- */
/* DETAIL
/* ---------------------------------------- */
.detail_header_banner { position: relative; max-width: 1024px; min-width: 1024px; margin:0 auto; }
.detail_header_banner img.mobile { display: none; }

.detail .contents_wrap { padding:30px; margin:0px auto; }

.share_wrap { position: relative; margin-bottom: 20px; line-height: 24px; height: 50px; padding-bottom: 8px; border-bottom: 1px solid #d5dae9; overflow: hidden; }
.share_wrap .share { background-repeat: no-repeat; background-position: left 0; background-size: 23px 21px; margin-top: 20px; padding: 0 0 10px 28px; color: #53679f; }
.share_wrap .ic_like.active { color: #b533d6; }
.share_wrap .ic_scrap.active { color: #8420ff; }
.share_wrap .sns { width: 42px; height: 42px; text-indent: -9999px; }

.quotient_box { position: relative; }
.quotient_box > h3 { margin-bottom: 10px; color: #251298; font-size: 1.3em; }
.quotient_box > ul { position: relative; padding: 10px; border: 1px solid #82a2de; border-radius: 6px; overflow: hidden; } 
.quotient_box > ul > li { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e2e2e2; color: #000; }
.quotient_box > ul > li:first-child { margin-top: 0px; padding-top: 0px; border: 0; }
.quotient_box > ul > li ol { display: table; width: 100%; }
.quotient_box > ul > li li { display: table-cell; width: 33.33334%; }
.quotient_box > ul > li li:nth-child(2) { text-align: center; }
.quotient_box > ul > li li:nth-child(3) { text-align: right; }

.date_box , .read_cnt { position: relative; margin-bottom: 15px; text-align: right; color: #979797; font-size: 1em; overflow: hidden; }
.date_box .morning p { display: inline-block; margin: 0; padding: 0; width: 27px; height: 37px; }
.date_box .morning .ic_date_dot { width: 10px; }

.banner_box { display: table; position: relative; margin-top: 20px; padding: 10px; width: 100%; height: 330px; text-align: center; background-size: 100% !important; }
.banner_box > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.banner_box.bg_banner1  h1 { color: #000ebf; line-height: 1.2em; }
.banner_box.bg_banner1  h3 { margin-top: 10px; color: #293197; font-size: 1.5em; line-height: 1.1em; font-weight: 400; }

.card_list.detail { margin: 20px 0; }

.cont_box { position: relative; }
.cont_box img { max-width: 100% !important; height: auto !important; }

.cont_box .morning_box { position: relative; margin-top: 30px; }
.cont_box .morning_box:nth-child(1) { margin: 0; }
.cont_box .morning_box > h2 { padding-bottom: 10px; margin-top: 30px; color: #251298; font-size: 1.3em; border-bottom: 1px  solid #d5dae9; }


.detail .card_list { -webkit-padding-start: 0px !important; }
.detail .card_list li { display: inline-block; width: 49%; margin: 0 0 20px 2%; }
.detail .card_list li:before { display: none; }
.detail .card_list li:nth-child(2n+1) { margin-left: 0; }
.detail .card_list li img { width: 100%; height: auto; }

.file_box { position: relative; margin-top: 40px; padding: 10px 0; border-top: 1px  solid #d5dae9; border-bottom: 1px  solid #d5dae9; }
.file_box i { display: inline-block; width: 22px; height: 22px; vertical-align: middle; }
.file_box a { color: #515151; }

.warning_box { position: relative; margin-bottom: 10px; padding: 10px 12px; font-size: .8em; line-height: 1.7em; color: #999; letter-spacing: -0.08em; text-align: justify; background-color: #f3f3f3; }

.writer_box { position: relative; width: 100%; margin: 10px 0; padding: 10px; border: 1px solid #f0f0f0; overflow: hidden; }
.writer_box  > div { float: left; width: 90%; padding-left: 20px; font-size: 0.85em; line-height:1.4em; color: #979797; vertical-align: middle; }
.writer_box  > div strong { display: block; margin-bottom: 5px; color: #808080; }
.writer_box .thum { width:10%; padding-left: 0px; max-height: 100px; vertical-align: top; }
.writer_box .thum img { opacity: 0; width: 100%; max-height: 100px; }
.writer_box .info p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word;   }

.event_box { position: relative; margin-top: 20px; padding: 0; overflow: hidden; }
.event_box li { float: left; width: 47.5%; margin-right: 5%; }
.event_box li:last-child { margin-right: 0; }
.event_box li a { display: block; width: 100%; }
.event_box li a img { opacity: 0; }

.origin_list { position: relative; margin-top: 20px; }
.origin_list h2 { display: block; color: #555; font-size: 1.1em; }
.origin_list ul { position: relative; margin: 5px 0; padding: 7px 0; width: 100%; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}
.origin_list ul li { width: 100%; padding-top: 7px; margin-top: 7px; }
.origin_list ul li:first-child { margin: 0; padding-top: 0; }
.origin_list ul li div { position: relative; padding-left: 23px; }
.origin_list ul li div:before { content: ''; position: absolute; left: 10px; top: 7px; width: 3px; height: 3px; background-color: #5c5c5c; }
.origin_list ul li p { 
    margin-bottom: 3px; color: #5c5c5c; font-weight: 500; 
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;  
}
.origin_list ul li div > a { 
    color: #999; text-decoration: underline !important; 
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;  
}


.today_list { position: relative; margin-top: 30px; }
.today_list h2 { display: block; color: #555; font-size: 1.1em; }
.today_list ol { position: relative; margin: 5px 0; padding: 7px 0; width: 100%; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;}
.today_list ol li { width: 100%; padding-top: 7px; margin-top: 7px; border-top: 1px solid #ebebeb; }
.today_list ol li:first-child { margin: 0; padding-top: 0; border: 0; }
.today_list ol li i { display: inline-block; color: #2c4f8b; text-align: center; font-weight: 700; width: 3%; vertical-align: top;}
.today_list ol li a { display: inline-block; color: #555; font-weight: 500; width: 95%; }
.today_list ol li a.default { cursor: default; }



/* ---------------------------------------- */
/* CALENDAR
/* ---------------------------------------- */

.calendar .contents_wrap { margin: 0 auto; padding: 30px; }

.calendar_box { position: relative; width: 100%; display: table; position: relative; overflow: hidden; }
.calendar_box .calendar_day_box, .calendar_box .calendar_date_box, .calendar_box .calendar_info_box { position: relative; }

.calendar_box > div { display: table-cell; width: 50%; vertical-align: top; }

.calendar_h_date_box { position: relative; width: 100%; height: 59px; background: url('../images/bg_calrendar_title.png') repeat-x; border-radius: 13px 13px 0 0; }
.calendar_h_date_box ul { position: relative; width: 190px; height: 100%; text-align: center; margin: 0 auto; overflow: hidden; }
.calendar_h_date_box li { float: left; display: table; width: 32px; height: 100%; }
.calendar_h_date_box li:nth-child(2) { width: 126px; text-align: center; }
.calendar_h_date_box li a { display: table-cell; width: 12px; height: 100%; vertical-align: middle; }
.calendar_h_date_box li h2 { display: table-cell; height: 100%; vertical-align: middle; font-weight: 500; font-size: 1.8em; color: #fff; }
.calendar_h_date_box li i { display: inline-block; width: 100%; height: 22px; background-size: cover; background-repeat: no-repeat; vertical-align: middle; }
.calendar_h_date_box li i.ic_arrow_prev { background-image: url('../images/bg_arr_prev_n.png'); }
.calendar_h_date_box li i.ic_arrow_next { background-image: url('../images/bg_arr_next_n.png'); }
.calendar_h_date_box li a:hover i.ic_arrow_prev { background-image: url('../images/bg_arr_prev_w.png'); }
.calendar_h_date_box li a:hover i.ic_arrow_next { background-image: url('../images/bg_arr_next_w.png'); }

.calendar_box .calendar { position: relative; overflow: hidden; }
.calendar_box .calendar > li { float: left; width: 14.285%; padding: 3px 5px 5px; font-size: 0.85em; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.calendar_box .calendar > li:nth-child(7n+1) { width: 14.29%; border-left: 1px solid #e9e9e9; }

.calendar_day_box .calendar > li { margin: 0; height: 26px; text-align: center; border: 0; background: url('../images/bg_calrendar_title2.png') repeat-x; }
.calendar_day_box .calendar > li p { padding-top: 1px; color: #93949a !important;}

.calendar_date_box { min-height: 333px;  border-bottom: 3px solid #363a78; }

.calendar_box .calendar.date > li { height: 66px; }
.calendar_box .calendar.date > li:hover, .calendar_box .calendar.date > li.today { border: 2px solid #9456d2; background-color: #f3e7ff; }
.calendar_box .calendar.date > li > a { display: inline-block; width: 100%; height: 100%; color: #777; overflow: hidden; }
.calendar_box .calendar.date > li p { overflow: hidden; line-height: 1.2em; max-height: 1.22em; }
.calendar_box .calendar.date > li .number { margin-bottom: 2px; color: #535353;}
.calendar_box .calendar.date > li .info { letter-spacing: -0.05em;}

/*.calendar_box .calendar.date > li.today { background-color: #d997ca; }*/
/*.calendar_box .calendar.date > li.today p { color: #fff !important;}*/


.calendar_info_box { padding: 45px 0 0 50px; height: 100%; }
.calendar_info_box > div { position: relative; width: 100%; padding: 40px 20px; border: 7px solid #c3c1c1; background: url('../images/bg_calendar_note.png') right repeat-y; }
.calendar_info_box > div:after { content: ''; position: absolute; left: 50%; top: -25px; margin-left: -36px; width: 72px; height: 63px; background: url('../images/ic_pin.png') center; }
.calendar_info_box h2 { display: block; padding: 6px 0 8px; font-size: 1.3em; font-weight: 400; color: #1d25a7; }
.calendar_info_box .calendar_info_list { position: relative; margin-top: 10px; padding: 0px; width: 100%; min-height: 237px; }
.calendar_info_box .calendar_info_list li { position: relative; margin-bottom: 15px; padding-left: 20px; line-height: 1.3em; font-size: .95em; color: #333; font-weight: 300; }
.calendar_info_box .calendar_info_list li:last-child { margin: 0; }
.calendar_info_box .calendar_info_list li:after { content: ''; position: absolute; left: 0; top: 5px; width: 9px; height: 10px; background: url('../images/ic_point.png') center; }
.calendar_info_box .calendar_info_list li a { color: #000; font-weight: 400; }



/* ---------------------------------------- */
/* SEARCH
/* ---------------------------------------- */
.search .header_gnb .top_search_box,.search .header_gnb > .btn_search { display: none !important; }
.search .header_gnb .top_login_box { right: 15px; }

.search_condition_wrap { position: relative; margin: 0 auto; min-width: 1024px; max-width: 1024px; padding: 30px 30px 0; }
.search_condition_wrap .check_box { padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; }
.search_condition_wrap .search_box { 
    	position: relative; margin: 10px auto 40px; width: 450px; height: 50px; padding: 5px; background: #7542d1; 
    	background: -moz-linear-gradient(-45deg,  #7542d1 0%, #af30ac 100%); /* FF3.6+ */
    	background: -webkit-linear-gradient(-45deg,  #7542d1 0%, #af30ac 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(-45deg,  #7542d1 0%, #af30ac 100%); /* Opera 11.10+ */
    	background: -ms-linear-gradient(-45deg,  #7542d1 0%, #af30ac 100%); /* IE10+ */
    	background: linear-gradient(135deg,  #7542d1 0%, #af30ac 100%); /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7542d1', endColorstr='#af30ac',GradientType=1 ); /* IE6-9 */
}
.search_condition_wrap .search_box input[type=text] { padding:  2px 45px; font-size: 1.6em; font-weight: 700; text-align: center; color: #b00068; width: 100%; height: 100%; background: #fff; border: 0; outline: 0; }
.search_condition_wrap .search_box .btn_search { display: block; position: absolute; top: 5px; right: 5px; width: 50px; height: 40px; border: 0; background: #fff url('../images/ic_m_search3.png') center no-repeat; background-size: 28px; cursor: pointer;}
    
.search .autocomplete_list { top: 50px; max-height: 170px; border-width: 5px; border-top: 5px solid #e0e0e0; }   
.search .autocomplete_list li.recently { line-height: 40px; }
.search .autocomplete_list li a { height: 40px; line-height: 40px; }
    
    
.search .contents_wrap { padding: 15px 30px 30px; margin: 0 auto; }
.search .contents_wrap.search { padding-bottom: 0; }
.search .contents_wrap > .card { width: 100%; padding: 0; }

.search .thum_type_wrap { margin: 0; }
.search .thum_type_wrap ul { border: 0; padding: 0; }
.search .thum_type_wrap li { width: 100%; padding: 0 0 7px; border: 0; border-bottom: 2px solid #d9d9d9; }
.search .thum_type_wrap li a { display: block; }
.search .thum_type_wrap li a > div { float:right; width: 91%; padding-left: 2%; }
.search .thum_type_wrap li a .thum { float:left; width: 9%; padding-left: 0; }
.search .thum_type_wrap li a .thum img { min-height: 45px; max-height: 45px; }
/* .search .thum_type_wrap li a > div .txt { margin-top: 5px; }  */
.search .thum_type_wrap li a > div:nth-child(2) .txt { font-weight: 300; }
.search .thum_type_wrap li a .info { display: block; position: relative; width: 100%; padding: 0; font-size: 0.85em; clear: both;}
.search .thum_type_wrap li a .info .date { color: #888; font-weight: 100; }
.search .thum_type_wrap li a .info .date span { float: right; color: #888; }
.search .thum_type_wrap li a .info .txt { text-align: justify; font-weight: 300; color: #555; max-height: 63px; margin-top:3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;  }

.search .thum_type_wrap li.video a .thum { position: relative; }
.search .thum_type_wrap li.video a .thum:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.search .thum_type_wrap li.video a .thum img { min-height: 57px; max-height: 57px; }
.search .thum_type_wrap li.video a .thum .btn_play { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; max-height: 30px; width: 30px; height: 30px; opacity: .8; z-index: 1000; }

.search .thum_type_wrap.notice > ul > li { margin-bottom: 10px; padding-bottom: 10px; }
.search .thum_type_wrap.notice > ul > li:last-child { margin: 0; }
.search .thum_type_wrap.notice li a > div { float:none; width: 100%; padding-left: 0; }
.search .thum_type_wrap.notice li a .info li { display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 10px; width: auto; color: #888; border: 0; border-left: 1px solid #dddada; }
.search .thum_type_wrap.notice li a .info li:first-child { padding: 0; margin: 0; border: 0; }

.search .notice_more {  position: relative; padding: 10px; width: 100%;  background-color: #f5f5f5; }
.search .notice_more span.txt { font-size:16px;  color: #585757; font-weight: bold;}
.search .notice_more span.link {  float:right;  color: #585757; }
.search .notice_more a {  position: relative; padding-right: 20px; color: #585757; }
.search .notice_more a:after { content: ''; position: absolute; right: 0; top: 2px; width: 7px; height: 13px; background: url('../images/bg_arr_next.png'); }

.no_result { position: relative; display: table; width: 100%; text-align: center; border-bottom: 1px solid #f2f2f2; }
.no_result > div { display: table-cell; width: 100%; height: 100%; padding: 15px 0 30px; vertical-align: middle; }
.no_result i { display: block; width: 54px; height: 58px; margin: 0 auto; }
.no_result h3 { margin-top: 10px; color: #1a1a1a; font-size: 1.1em; line-height: 1.3em;}
.no_result h3 span { display: inline-block; color: #b00068; }

.businessSummary {padding-top: 10px;}
.businessSummary span { font-size: 14px; color: #9da1ad; margin-left: 10px; }
.businessSummary strong  { font-size:18px; margin-top: 20px; line-height:24px; }
.businessSummary p { font-size: 15px; margin-top: 10px;  line-height: 21px; }
.businessSummary p + p { margin-top: 20px;}

/* ---------------------------------------- */
/* DISCLOSURE
/* ---------------------------------------- */
.disclosure .header_gnb .top_search_box, .disclosure .header_gnb > .btn_search { display: none !important; }
.disclosure .header_gnb .top_login_box { right: 15px; }
.disclosure .autocomplete_list { top: 50px; max-height: 170px; border-width: 5px; border-top: 5px solid #e0e0e0; }  
.disclosure .autocomplete_list li.recently { line-height: 40px; }
.disclosure .autocomplete_list li a { height: 40px; line-height: 40px; } 

.disclosure .contents_wrap > .card { width: 100%; padding: 0; }

.disclosure .list_type_wrap ul { position: relative; width: 100%; overflow: hidden; }
.disclosure .list_type_wrap li { float: left; width: 48%; margin: 0 0 10px; padding-bottom: 10px; }
.disclosure .list_type_wrap li:first-child { padding-top: 10px; }
.disclosure .list_type_wrap li:nth-child(2) { padding-top: 10px; border-top: 1px solid #f2f2f2; }
.disclosure .list_type_wrap li:nth-child(2n+2) { float: right; margin-left: 4%; }
.disclosure .list_type_wrap li a div { position: relative; width: 100%; overflow: hidden; }
.disclosure .list_type_wrap li p { position: relative; float: left; width: 80%; padding-left: 15px; color: #1a1a1a; font-size: 1.2em; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }
.disclosure .list_type_wrap li p:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 5px; height: 5px; background-color: #555; }
.disclosure .list_type_wrap li span { float: right; margin: 3px 0 0; width: 20%; text-align: right; font-size: 1em; color: #505050; }

.disclosure .thum_type_wrap { margin: 0; }
.disclosure .thum_type_wrap ul { border: 0; padding: 0; overflow: hidden; }
.disclosure .thum_type_wrap li { width: 100%; margin: 0 0 15px; padding: 0 0 15px; border: 0; border-bottom: 2px solid #d9d9d9; }
.disclosure .thum_type_wrap li a { display: block; }
.disclosure .thum_type_wrap li a > div .txt { margin-top: 5px; } 
.disclosure .thum_type_wrap li a > div:nth-child(2) .txt { font-weight: 300; }
.disclosure .thum_type_wrap li a .info { display: block; position: relative; width: 100%; margin-top: 10px; padding: 0; font-size: 0.85em; clear: both;}
.disclosure .thum_type_wrap li a .info .date { color: #888; height: 1.2em; font-weight: 100; }
.disclosure .thum_type_wrap li a .info .date span { float: right; color: #888; }

.disclosure .thum_type_wrap.notice > ul > li { padding-bottom: 5px; }
.disclosure .thum_type_wrap.notice li a > div { float:none; width: 100%; padding-left: 0; }
.disclosure .thum_type_wrap.notice li a .info li { display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 10px; width: auto; color: #888; border: 0; border-left: 1px solid #dddada; }
.disclosure .thum_type_wrap.notice li a .info li:first-child { padding: 0; margin: 0; border: 0; }

.view_type_wrap { position: relative; }
.view_type_wrap .title_wrap { position: relative; width: 100%; padding: 10px 10px 6px; font-size: 1.3em; line-height: 1.4em; font-weight: 500; color: #1a1a1a; background-color: #f3f3f3; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.view_type_wrap .cont_wrap { position: relative; width: 100%; padding-right:15px;  line-height: 1.25em; font-weight: 400; }

.view_type_wrap .xforms * { font-family: 돋움체;}
.view_type_wrap .xforms_title * { font-size: 13pt; padding : 0 0 10 0;}
.view_type_wrap .xforms table { font-size: 10px; padding:0px; border-collapse:collapse; color: #3D3D3D; border:1px solid #7f7f7f; }
.view_type_wrap .xforms td { padding-left:0px; padding-top:0px; border-collapse:collapse; line-height:22px; color: #3D3D3D; vertical-align:middle; border: 1px solid #7f7f7f; }

.view_type_wrap .xforms span {
    display: inline-block;
    padding-left:3px;
    padding-right: 1px;
    line-height:1.25em;
    padding-top:0px;
    padding-bottom:0px;
    text-align:left; vertical-align:middle; border: 0px solid #DBDBDB;
}

.view_type_wrap .xforms.img{ border : 0px; }

.view_type_wrap .xforms a:link { color: #194866; text-decoration: underline; }
.view_type_wrap .xforms a:active { color: #194866; text-decoration: underline; }
.view_type_wrap .xforms a:visited { color: #194866; text-decoration: underline; }

.view_type_wrap .xforms A:hover { color: #008BE3; text-decoration: underline; }

.view_type_wrap .xforms.input{ border: 0px solid #DBDBDB; padding-left:5px; padding-right: 5px; height:25px; padding-top:5px; padding-bottom:3px; text-valign:middle; }
.view_type_wrap .fontA { font-family: 돋움체; }
.view_type_wrap pre { white-space:pre-wrap; }


/* ---------------------------------------- */
/* MAGAZINE
/* ---------------------------------------- */
.magazine .contents_wrap > div { float: left; }
.magazine_wrap { position: relative; width: 50%; height: 606px; overflow: hidden; }
.magazine_wrap ul { position: relative; width: 100%; }
.magazine_wrap > ul > li { float: left; position: relative; width: 100%; }

#magazineHeader { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100px; z-index: 10000; }

.magazine_box > li { height: 606px; }
.magazine_box > li .thum { position: relative;  width: 100%; }
.magazine_box > li .thum img { width:100%; height:100%; object-fit: cover; }
.magazine_box .blockUi { position: relative; width: 100%; height: 606px; filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8; opacity: 0.8; background-color: transparent; }
.magazine_box .blockUi.navy { background-color: #021273; }
.magazine_box .blockUi.purple { background-color: #1a0081; }
.magazine_box .blockUi.red { background-color: #a70035; }
.magazine_box .blockUi.green { background-color: #747f00; }

.magazine_box .blockUi.black { background-color: #1b1828; filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7; opacity: 0.7; }
.magazine_box .blockUi.violet { background-color: #3e084c; filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7; opacity: 0.7; }
.magazine_box .blockUi.blue { background-color: #104e8e; filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7; opacity: 0.7; }

.magazine_box .info { position: absolute; left: 0; top: 0; padding: 0 50px 50px; width: 100%; height: 100%; color: #fff; }
.magazine_box .info h1 { margin:100px 0 60px; width: 402px; height: 124px; }
.magazine_box .info h1 img { opacity: 0; width: 100%; height: auto; }
.magazine_box .info li { display: block; width: 100%; margin-bottom: 20px; font-size: 1.5em; font-style: italic; }
.magazine_box .info li a { position: relative; width: 100%; text-decoration: underline !important; color: #7be4fe; font-weight: 300; line-height: 1.2em; max-height: 1.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }
.magazine_box .info h3 { 
    position: absolute; left: 10%; right: 10%; top: 50%; font-size: 1.5em; line-height: 1.35em; color: #fff; font-weight: 400;
    overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; 
}
.magazine_box .info .copyright { position: absolute; right: 5%; bottom: 5%; }

.magazine_box.triple > li { width: 50%; height: 303px; }
.magazine_box.triple > li:nth-child(1) { width: 100%; }
.magazine_box.triple a { display: block; position: relative; width: 100%; height: 100%; }
.magazine_box.triple .info { display: table; padding: 0 30px; text-align: center; }
.magazine_box.triple .info h1 { display: table-cell; vertical-align: middle; line-height: 1.3em; }

.scrollable { position: relative; width: 100%; background-color: #fff; }

.magazine .contents_wrap { padding: 0; margin-top: 0; overflow: hidden; }
.magazine .contents_wrap .card.mobile { display: none; }
.magazine .contents_wrap .card { padding: 0; width: 100%; overflow: hidden; }
.magazine .contents_wrap .card li { float: left; width: 50%; min-height: 60px; max-height: 60px; margin: 0; padding: 22px 20px 20px; border: 0; }
.magazine .contents_wrap .card li:nth-child(2n+1) { margin: 0; border: 0; }
.magazine .contents_wrap .card li.bgLightGrey { background-color: #f5f5f5; }
.magazine .contents_wrap .card li.bgGrey { background-color: #eee; }

.magazine_wrap.history { padding: 10px 0 25px; width: 100%; height: auto; overflow: hidden; }
.magazine_wrap.history > div { float: none; width: 100%; }
.magazine_wrap.history > div > ul > li { float: left; width: 22.75%; margin: 0 0 30px 3%; border: 2px solid #9b9b9b;}
.magazine_wrap.history > div > ul > li:nth-child(4n+1) { margin-left: 0; }
.magazine_wrap.history .title { margin: 30px 0; text-align: center; }

.history .magazine_box > li { height: 284px; }
.history .magazine_box > li a { display: block; width: 100%; height: 284px; font-weight: 100; line-height: 1.6em; max-height: 1.6em; }
.history .magazine_box .blockUi { height: 245px; }
.history .magazine_box .info { padding: 0 25px 25px; width: 100%; height:245px; }
.history .magazine_box .info h1 { margin:45px 0 30px; width: 100%; height: auto; }
.history .magazine_box .info h1 img { opacity: 0; width: 100%; height: auto; }

.history .magazine_box a .info li { margin-bottom: 5px; font-size: 0.45em; text-decoration: underline; font-weight: 300; line-height: 1.2em; max-height: 1.2em; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }
.history .magazine_box a .info.navy li { color: #7be4fe; }
.history .magazine_box a .info.purple li { color: #607bdf; }
.history .magazine_box a .info.red li { color: #f791ff; }
.history .magazine_box a .info.green li { color: #f3bc75; }

.history .magazine_box a .info .copyright { margin-top: 15px; }
.history .magazine_box a .info .copyright img { width: 45px; height: auto; }
.history .magazine_box a .date { margin-top: 10px; text-align: center; font-size: 1.2em; font-weight: 400; }

/* ---------------------------------------- */
/* MYSCRAP
/* ---------------------------------------- */
.myscrap .contents_wrap { padding: 30px; margin: 0 auto; }
.myscrap .contents_wrap > .card { width: 100%; padding: 0 0 20px; }

.thum_title_wrap { position: relative; }
.thum_title_wrap ul { display: table; padding: 0 15px; width: 100%; background-color: #999; }
.thum_title_wrap li { display: table-cell; vertical-align: middle; padding: 10px 0; width: 25%; font-size: 1.15em; line-height: 1.35em; color: #fff; text-align: center; }
.thum_title_wrap li.txt_title { width: 68%; }
.thum_title_wrap li.txt_del { width: 7%; }

.myscrap .thum_type_wrap ul { padding: 0; border: 0; }
.myscrap .thum_type_wrap li { margin: 0; padding: 15px; border: 0; }
.myscrap .thum_type_wrap li:nth-child(2n+2) { background-color: #f2f2f2; }
.myscrap .thum_type_wrap li > a { float: left; width: 93%; }
.myscrap .thum_type_wrap li > a > div { width: 26%; padding: 0; text-align: center; vertical-align: middle; }
.myscrap .thum_type_wrap li > a > div p { margin-right: 5px; }
.myscrap .thum_type_wrap li a .thum { width: 7%; }
.myscrap .thum_type_wrap li a .thum img { min-height: 40px; max-height: 40px; }
.myscrap .thum_type_wrap li a .scrap_info { width: 67%; padding-left: 15px; text-align: left; }
.myscrap .thum_type_wrap li a .scrap_info p { margin-top: 5px;}

.myscrap .thum_type_wrap li > div { float: right; width: 7%; text-align: center; vertical-align: middle; }

.myscrap .thum_type_wrap .btn_delete { display: block; width: 39px; height: 39px; margin: 5px auto 0; border: 1px solid #f2f2f2; background-color: #f8f8f8; vertical-align: middle; }
.myscrap .thum_type_wrap .btn_delete i { display: block; width: 100%; height: 100%; background-image: url('../images/ic_trash2.png'); background-size: 24px; }

.myscrap .thum_type_wrap li.video .btn_delete { margin-top: 10px; }

.myscrap .thum_type_wrap li.video a .thum { position: relative; }
.myscrap .thum_type_wrap li.video a .thum:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.myscrap .thum_type_wrap li.video a .thum img { min-height: 57px; max-height: 57px; }
.myscrap .thum_type_wrap li.video a .thum .btn_play { position: absolute; top: 50%; left: 50%; max-height: 30px; margin: -15px 0 0 -15px; width: 30px; height: 30px; opacity: .8; z-index: 1000; }

.myscrap .no_result { margin-top: 40px; }

/* ---------------------------------------- */
/* PAGE
/* ---------------------------------------- */
.blank .contents_wrap { padding: 40px; margin: 50px auto; }

.blank_wrap { display: table; position: relative; width: 100%; }
.blank_wrap > div { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; }

.blank_wrap .errMsg{color: orangered;  padding: 12px 20px;}

/* TV POT */
.tvpot-top { width: 100%; height: 105px; background: url(/inv/images/bg_tvpot.png) no-repeat 0 0; background-size: auto; position: relative; }
.tvpot-top .txt { width:70%; display: block; position: absolute; left: 14%; top: 0%;}
.tvpot-top .txt img { width: 100%; max-height: 45px; max-width: 250px; }

.tvpot-top .taget-bg {width: 100%; margin: 0; padding: 0;  position: absolute; left: 0; top: 0; z-index: 10; }
.tvpot-top ul { width: 70%; overflow: hidden; position: absolute; left: 15.5%; top: 46%;z-index: 50;}
.tvpot-top ul li { width: 25%; float: left; margin-right: 11.5%;}
.tvpot-top ul li:last-child {  margin-right: 0; }
.tvpot-top ul li:first-child { margin-right:11.5%; }
.tvpot-top ul li img { width: 100%; max-height: 57px; max-width: 57px;}
.appdownload {  width:15%; display: block; position: absolute; right: 6%; top: 3%; z-index: 20;}
.appdownload img { width: 100%; max-height: 35px; max-width: 55px;}

.tvpot-btn { width: 100%; max-width: 1024px; margin: 0 auto; overflow: hidden; background: #eaeaea;}
.tvpot-btn li { width: 20%; float: left; text-align: center; margin-left: -3px;}
.tvpot-btn li img { width: 100%;}

.tvItem-list { width: 100%; overflow: hidden; max-width: 1024px;  margin: -40px auto;}
.tvItem-list ul { overflow: hidden; padding: 0 30px;}
.tvItem-list ul li { width: 456px; float: left; margin-bottom: 40px; text-align: center; }
.tvItem-list ul li:nth-child(2n) { margin-left: 50px;}
.tvItem-list ul li .top  { width: 95%; border: .8em solid #a8a8a8; max-height: 225px;}
.tvItem-list ul li .top  img { width: 100%; height: 200px;}
.tvItem-list ul li .list_title { font-size: 1.25em; width: 100%  !important; padding: 5px 5px 0; overflow: hidden; display: inline-block; text-align: left;}
.tvItem-list ul li .list_txt { font-size: 1.15em; padding: 5px 5px 0;  text-align: left; color: #2b2b2b;}
.tvItem-list ul li span.caption {  color: #b00068;}
.tvItem-list ul li span.lect {  color: #b760e5;}
.tvItem-list ul li .bottom { width: 100%; margin: 0 auto; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #d5dae9;}
.tvItem-list ul li .left { float: left;padding-top: 4px;}
.tvItem-list ul li .left_title { float: left; padding-top: 4px; width: 90%;  }
.tvItem-list ul li .left a { display: inline-block; font-size: .9em; color: #8790aa;}
.tvItem-list ul li .left a:first-child { padding-left: 17px; background: url(/inv/images/iconSns_01.png) no-repeat 0 2px; background-size: 12px 12px;}
.tvItem-list ul li .left a:last-child { padding-left: 17px; background: url(/inv/images/iconSns_02.png) no-repeat 0 2px; background-size: 12px 12px;}
.tvItem-list ul li .right { float: right;}
.tvItem-list ul li .right a { width: 24px; display: inline-block;}
.tvItem-list ul li .right a img { width: 100%;}

/* ------------------  2022. 02. 24. 마켓앤이슈 메인 개편  START ---------------------- */
#wrap { width: 1024px; margin: 0 auto; position: relative; }
#rolling-wrap { position: relative; display: block;}
	
.mobile-menu { display: none;}

#rolling-wrap li {width: 100% !important; position: relative; display: block;}
#rolling-wrap li span {  position: absolute; left: 51px; top: 106px;}
#rolling-wrap li a { position: absolute; left: 51px; bottom:90px }
#rolling-wrap li p {  position: absolute; left: 51px; top: 145px; z-index: 3; color: #fff; font-weight: 700; font-size: 40px; line-height: 52px;}
#rolling-wrap li div { width: 100%; height: 384px; z-index: 1; background-size: 100% 100% !important;}
#rolling-wrap li div.scene1 { background: url(/inv/images/202202/sample_img5.png) no-repeat 0 0;}
#rolling-wrap li div img { width: 100%;  height: auto !important;}
#rolling-wrap .pading { width: 100%; position: absolute; bottom: 20px; left: 0; text-align: center; z-index: 10;}
#rolling-wrap .pading span.swiper-pagination-bullet-active { background: #ec008c !important;}
#rolling-wrap .pading span { background: #fff; opacity: 1;}

#notice-wrap { width: 100%; height: 69px; display: flex; flex:1; justify-content: space-between;  position: relative;}
#notice-wrap .cal-notice { width: 635px; height: 51px; display: flex; align-self: center; justify-self: self-start; border-right: 1px solid #d3d3d3;}
#notice-wrap .btn_cal {display:block; width:168px; padding:0 20px 0 60px; color:#333; font-size:18px; font-weight:700; text-align:left;} /* 20221201 추가 */
#notice-wrap .btn_cal::before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:56px; height:56px; background: url(/inv/images/202202/ic_calendar_56.png) no-repeat 0 0 / 100% 100%;} /* 20221201 추가 */
#notice-wrap .cal-notice ul { padding-top: 15px;}
#notice-wrap .cal-notice a { width:100%; font-weight: 700; color: #000; font-size: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#notice-wrap .search-rank {width: 386px; display: flex; align-self: center; justify-content: space-between; position: relative;}
#notice-wrap .search-rank strong.tit { width: 150px; text-align: center; display: inline-block;font-size: 16px; border-right: 1px solid #d3d3d3;}

.search-rank a.num-1::before {background: url(/inv/images/202202/icon_num01.png) no-repeat left center; }
.search-rank a.num-2::before {background: url(/inv/images/202202/icon_num02.png) no-repeat left center; }
.search-rank a.num-3::before {background: url(/inv/images/202202/icon_num03.png) no-repeat left center; }
.search-rank a.num-4::before {background: url(/inv/images/202202/icon_num04.png) no-repeat left center; }
.search-rank a.num-5::before {background: url(/inv/images/202202/icon_num05.png) no-repeat left center; }
.search-rank a.num-6::before {background: url(/inv/images/202202/icon_num06.png) no-repeat left center; }
.search-rank a.num-7::before {background: url(/inv/images/202202/icon_num07.png) no-repeat left center; }
.search-rank a.num-8::before {background: url(/inv/images/202202/icon_num08.png) no-repeat left center; }
.search-rank a.num-9::before {background: url(/inv/images/202202/icon_num09.png) no-repeat left center; }
.search-rank a.num-10::before {background: url(/inv/images/202202/icon_num10.png) no-repeat left center; }
.search-rank  li span.down::after { background: url(/inv/images/202202/icon_arrow_down.png) no-repeat right center; }
.search-rank  li span.up::after { background: url(/inv/images/202202/icon_arrow_up.png) no-repeat right center; }

.rolling-box { width: 197px; height: 30px; overflow: hidden; margin-right: 25px;}
.rolling-text{ width: 100%; }
.rolling-text li { height: 30px; text-align: left;}
.rolling-text li a{ height: 30px; display: flex; align-items: center; justify-content: flex-end;}
.rolling-text li a::before{width: 31px; height: 24px; content: ''; display: inline-block; margin-right: 8px; text-align: left;}
.rolling-text li span { width: 150px; display: flex;justify-content: space-between; align-items: center; text-align: left;}
.rolling-text li span::after{width: 19px; height: 15px; content: ''; display: inline-block;  text-align: right; margin-left: 5px;} 

.hidden-rank { width: 100%; position: absolute; right: 0; top: -22px; background: #fff; border: 1px solid #c5c3c3; z-index: 10; display: none;}
.hidden-rank-top { height: 72px; line-height: 72px; background: #f7f5f5; text-align: center; position: relative;}
.hidden-rank-top strong { font-size: 21px;}
.hidden-rank-top a { position: absolute; right: 15px; top: 0px;}
.hidden-rank ul { padding: 0 10px;}
.hidden-rank li  { height: 49px; text-align: left; border-bottom: 1px solid #cfcfcf;}
.hidden-rank li  a{  width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.hidden-rank li  a::before{width: 31px; height: 24px; content: ''; display: inline-block; margin-right: 8px; text-align: left;}
.hidden-rank li  a span { width: calc(100% - 50px); display: flex; align-items: center; justify-content: space-between;}
.hidden-rank li  span::after{width: 19px; height: 15px; content: ''; display: inline-block;  text-align: right; margin-left: 5px;} 


.contents { display: flex; flex:1; justify-content: space-between; padding: 0 24px; margin-top: 16px;}
.contens-area { width: 468px;}
.contens-area.twins { width: 100%;}
.contens-area.twins ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.contens-area.twins li { width: 48%; border-bottom: 1px solid #cfcfcf;}
.contens-area h2 { height: 60px; line-height: 60px;  font-size: 25px; padding-left: 25px; border-bottom: 1px solid #cfcfcf; background: #f7f5f5;}
.contens-area h2.new { color: orange; text-decoration: underline;}
.contens-area h2.hot { color: hotpink; text-decoration: underline;}
.contens-area li { padding: 7px 0; }
.contens-area li  a { display: flex;}
.contens-area li  .thumb img  { vertical-align: top; width: 132px; height: 71px; border-radius: 10%; }
.contens-area li .text { max-width: calc(100% - 132px); justify-self: flex-start; flex:1; align-self:center; line-height: 2; padding-left: 10px;}
.contens-area li  .full { max-width: 100% !important;}
.contens-area li .text h3 { width: 100%;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  font-size: 21px; color: #282828; letter-spacing: -1px; position: relative;}
.contens-area li .text h3.hot::before{ content: 'HOT'; text-align: center; font-size: 13px; letter-spacing: 0; color: #fff; width:57px; height: 20px; line-height: 20px;  background: #cc497f; font-weight: 100; border-radius: 10px; position: absolute; right: 0; top: 0;}
.contens-area li .text h3 { width: 100%;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  font-size: 21px; color: #adacac; letter-spacing: -1px;}
.contens-area li .text p { width: 100%;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;  font-size: 20px; color: #282828; letter-spacing: -0.5px;}
.more-list { width: 100%; height: 34px; line-height: 34px; text-align: center; }
.more-list  a { font-size: 14px; font-weight: 600; padding-right: 25px; background: url(/inv/images/202202/icon_arr_down_more.png) no-repeat right center; background-size: 11px 5px; }
.more-list {  display: block; }
.search-rank-mobile { display: none;}
.market-area { display: none;}
/* ------------------  2022. 02. 24. 마켓앤이슈 메인 개편  END ---------------------- */




/* ---------------------------------------- */
/* Responsive Web
/* ---------------------------------------- */
@media screen and (max-width:640px) {
	
    body{min-width: 100%;}
    .slideout-open { overflow: hidden !important; }

   	/* --------------- header ---------------- */
    .header_bg { width: 100%; height: 45px; margin: 0; }
    .header_wrap { height: 100%; padding: 0; text-align: center;  }

    .header_bg .menu, .top_menu, .header_gnb .top_login_box { display: none; }

    .header_gnb { padding: 0px;}
    .header_gnb .btn_menu_more { display: block; position: absolute; left: 0; top: 0; width: 44px; height: 38px; text-indent: -9999em; cursor: pointer; z-index: 1000; }
    .header_gnb .btn_menu_more:after { position: absolute; top: 11px; left: 12px; content: ""; width: 18px; height: 16px; background: url('../images/btn_m_menu_more.png'); background-size: 18px 16px; }
  
    .header_gnb > div { width: 100%; height: 100%;}
    .header_gnb .logo.fl { display: table; width: 100%;  height: 100%; }
    .header_gnb .logo p { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-indent: inherit; background: transparent; }
    
    #title-node { display: block; position: absolute; right: 0; top: 10px; width: 100%; text-align: center; font-size: 1.2em; font-weight: 900; color: #293876; z-index: 900; }

    .header_gnb > .btn_search { display: block; position: absolute; right: 0; top: 50%; margin-top: -19px; width: 44px; height: 38px; text-indent: -9999em; cursor: pointer; z-index: 1000; } 
    .header_gnb > .btn_search:after { position: absolute; top: 8px; right: 10px; content: ""; width: 19px; height: 20px; background: url('../images/ic_m_search2.png'); background-size: 19px 20px; }

    .header_gnb .top_search_box { display: none; position: absolute; left: 0; top: 0; width: 100%; }
    .header_gnb .top_search_box > div:nth-child(1) {
        position: relative; width: 100%; height: 100%; padding: 3px; background: #7542d1; z-index: 1100;
    	background: -moz-linear-gradient(-45deg,  #7542d1 0%, #af30ac 100%); /* FF3.6+ */
    	background: -webkit-linear-gradient(-45deg,  #7542d1 0%, #af30ac 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(-45deg,  #7542d1 0%, #af30ac 100%); /* Opera 11.10+ */
    	background: -ms-linear-gradient(-45deg,  #7542d1 0%, #af30ac 100%); /* IE10+ */
    	background: linear-gradient(135deg,  #7542d1 0%, #af30ac 100%); /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7542d1', endColorstr='#af30ac',GradientType=1 ); /* IE6-9 */
    }
    .header_gnb .top_search_box input[type=text] { padding:  2px 35px; text-align: center; color: #b00068; width: 100%; height: 100%; background: #fff; border: 0; }
    .header_gnb .top_search_box .btn_search { display: block; position: absolute; top: 4px; right: 3px; width: 36px; height: 32px; border: 0; background: #fff url('../images/ic_m_search3.png') center no-repeat; background-size: 20px; cursor: pointer;}
    
    /* --------------- mobile menu ---------------- */
    .menu li a.on { color: #454545; }
    .menu li a.on:hover { color: #dd193c; }
    .menu { position: fixed; left: 0px; top: 0px; margin-top: 0; z-index: 0; width: 100%; height: 100% !important; overflow: hidden; }
    .menu .blockUi { display: none; z-index: 10200;  }
    .menu > div { position: fixed; left: -250px; overflow: hidden; width: 240px; height: 100%; overflow-y: auto; background-color: #191b39; z-index: 10300; box-shadow: 3px 0 5px rgba(0,0,0,0.35); }
    .menu > div > div { position: relative; padding: 20px 30px 20px 20px; }
    .menu > div > div > p { position: relative; }
    .menu input[type=text] { width: 100%; padding: 2px 45px 2px 5px; color: #d6d6d6; border: 1px solid #9d9fba; border-radius: 6px; background-color: #191b39; }
    .menu ul  { position: relative; }
    .menu ul > li { float: none; position: relative; border-bottom: 1px solid #3b3d57; }
    .menu ul > li > a { display: block; font-size: 0.9em; width: 100%; height: 100%; color: #d6d6d6; text-align: left; padding: 5px 0 0; }
    .menu i { margin: 0 5px 5px 0; display: inline-block; width: 28px; height: 28px; vertical-align: middle; }
    .menu li  h3 {  color: #25a0d6; font-size: 1.35em; padding: 5px 0; }
    .menu li  h3 span {  color: #5d79eb; }
    .menu li  h3 span.en {  color: #25a0d6; }
    .menu li:first-child h3 span.en { color: #5d79eb; }
    .menu .mobile_logo { margin-top: 5px; width: 192px; height: 26px;  background-image: url('../images/header_logo.png'); text-indent: -9999px; }
    .menu .btn_close { position: absolute; right: 10px; top: 10px; cursor: pointer; width: 20px; height: 20px; border: 0; background-image: url('../images/btn_m_close.png');}
    .menu .ic_setting { margin-bottom: 2px; width: 18px; height:18px; vertical-align: middle;}
    .menu .btn_search { position: absolute; top: 0px; right: 0px; width: 41px; height: 40px; border: 0; border-radius: 6px; background: #797a89 url('../images/ic_m_search.png') center no-repeat; background-size: 22px; }
    
    
    .autocomplete_list { top: 40px; max-height: 200px; border: 5px solid #e0e0e0; border-top: 5px solid #e0e0e0; background-color: #fff; }
    .autocomplete_list li { text-align: left; }
    .autocomplete_list li.recently { line-height: 40px; font-size: 0.85em; }
    .autocomplete_list li a { width: 80%; height: 40px; line-height: 40px;  }
    .autocomplete_list li i { right: 10px; width: 15px; height: 15px; }
    
    .calrendar_list { overflow: hidden;}
	.calrendar_list .bx-wrapper {max-width: 400px !important;}
	.banner_wrap .calrendar_list { background: #e4e4e4 url('../images/icon_cal2.png') 50px center no-repeat; }
	.calrendar_list .mine { width:100%; height:100%; margin-top:3px; background: url('../images/icon_mine1.png') no-repeat; background-size:33px; margin-left: 10px; position: absolute; left: 0; top: 0;}
	
    /* --------------- content ---------------- */
    .contents_wrap { margin: 0; padding: 3% 0; max-width: 100%; min-width: 100%;  }
    .calendar .contents_wrap { padding: 15px 5px 0; }
    
    /* bx-slider */
    .bx-wrapper .bx-prev{left:2px;background-size:7px 13px;}
    .bx-wrapper .bx-next{right:2px;background-size:7px 13px;}
    .bx-wrapper .bx-pager.bx-default-pager a{ width:7px;height:7px; }
    
/*     .header_bg .header_gnb .top_search_box > div:nth-child(1) { float: right; width: 87%; } */
    .header_bg .header_gnb .top_search_box input[type=text] { width: 100%;}
    .header_gnb > .btn_search:after { background-image: url('../images/ic_m_search2.png'); }
    
    .main .header_bg { position: absolute; left: 0; top: 0; background: transparent; margin-bottom: 0; z-index: 999; }
    .main .header_bg .header_gnb .btn_menu_more:after { background-image: url('../images/btn_m_menu_more2.png'); }
    .main .header_bg .header_gnb .top_search_box { left: inherit; right: 0; width: 100%; }
       
    .detail .header_bg { position:inherit; top:0;  z-index: 9999;  }
/*     .detail .header_bg .header_gnb { position: fixed; top:0px; height:45px; overflow:hidden; right: 0; width: 100%; z-index: 10000; } */
    .detail .header_bg .header_gnb .btn_menu_more:after { background-image: url('../images/btn_m_menu_more.png'); }
    .detail .header_bg .header_gnb .top_search_box { display:block; left: inherit; right: 0; width: 100%;  background: url('../images/bg_m_top_menu.png') repeat-x; }
    
     /* --------------- main ---------------- */
    .banner_wrap { width: 100%; }
    .banner_wrap .slide_list li { width: 100%; height: 185px; }
    .banner_wrap .slide_list li a div { padding: 0 15px; }
    .banner_wrap .slide_list li a h2 { font-size: 1.4em; line-height: 1.45em; }
    
    .main .banner_wrap .slide_list li a div { padding-top: 20px; }
    .main .banner_wrap .slide_list li a p { font-size: 0.9em; }
    .main .banner_wrap .slide_list li a h3 { margin-top: 5px; color: #420879; }
    
    .main .banner_wrap .bx-wrapper .bx-pager, .main .banner_wrap .bx-wrapper .bx-controls-auto { bottom: 7px; }
    
    .banner_wrap .calrendar_list { background-size: 22px 24px; background-image: url('../images/icon_cal2.png'); background-position: 55px center; }
    .banner_wrap .calrendar_list li { height: 40px; }
    .banner_wrap .calrendar_list li a { font-size: 1.1em; }
    
    .banner_wrap .calrendar_list li a p { margin-left: 30px; }
    
    .calrendar_list .bx-wrapper .bx-prev { left: 50px; background-size: 10px 18px; }
    .calrendar_list .bx-wrapper .bx-next { right:7px; background-size: 10px 18px; }

    .contents_wrap > .card { width: 100%;  }
    
    .event_type_wrap { position: relative; width: 100%; }
    .event_type_wrap p, .event_type_wrap p a { display: block; width: 100%; }
    
    .card_type_wrap li a img, .card_type_wrap.triple li a img { min-height: auto; }
    .card_type_wrap li a div { padding: 5px 7px; }
    
    .thum_type_wrap ul { border: 0; padding: 0; }
    .thum_type_wrap li { margin-top: 3%; padding-top: 3%; }
    .thum_type_wrap li a .thum { width: 33%; }
    .thum_type_wrap li a > div { width: 67%; }
    .thum_type_wrap li a .thum img { min-height: auto; max-height: 60px; }
    
    .video_wrap li a img { min-height: auto; }
    
    .list_type_wrap li { margin-bottom: 3%; padding-bottom: 3%; }
    .list_type_wrap li:first-child { padding-top: 3%; }
    /*.list_type_wrap li a span { color: #b760e5; margin-right: 10px; }*/
    
    .btn_type_wrap li a { padding: 0 5px; line-height: 38px; max-height: 35px; }
    .btn_type_wrap li a p { margin-left: 35px; line-height: 35px; }
    .btn_type_wrap li a i { left: 5px; margin-top: -18px; width: 35px; height: 35px; }
    
    
    /* --------------- sub ---------------- */
    .banner_wrap .btn_morning_letter { background-size: 400px 50px; } 
    .banner_wrap .btn_morning_letter li { height: 40px; }
    .banner_wrap .btn_morning_letter li a { font-size: 1.1em; padding: 0 30px; }
    
    .btn_morning_letter .bx-wrapper .bx-prev { left: 0px; }
    .btn_morning_letter .bx-wrapper .bx-next { right:0px; }
    
    .banner_wrap .slide_list .ic_ribon { left: 15px; top: 0px; width: 45px; height: 53px; }
    
    .card_list li a .thum img { min-height: auto; max-height: 618px; }
    
    
    .banner_wrap .global_analysis_box { height:  190px; }
    .global_analysis_box > div { float: none; width: 100%; height:  100%; }
    
    .global_analysis_box .item_info { display: none; position: absolute; left: 0; top: 0; padding: 15px; background-color: rgba(3,37,103,0.85); }
    .global_analysis_box .item_info h3 { font-size: 1.2em; }
    .global_analysis_box .item_info > ul { margin-top: 10px; padding: 5px 10px; }
    .global_analysis_box .item_info > ul > li { padding-bottom: 5px; margin-bottom: 5px; }
    .global_analysis_box .item_info .btn_close { display: block; position: absolute; right: 10px; top: 10px; cursor: pointer; width: 20px; height: 20px; border: 0; background-image: url('../images/btn_m_close.png'); }

    .banner_wrap .video_wrap { padding: 15px; }
    .banner_wrap .video_wrap li { width: 45%; margin-right: 3%; }
    .banner_wrap .video_wrap li a img { min-height: 100px; max-height: 100px; }
    .video_wrap .bx-pager.bx-default-pager, .video_wrap .bx-controls-direction { display: none; }
    
    
    /* --------------- detail ---------------- */
    .detail .header_bg { margin-bottom: 0; }
    
    .detail_header_banner { max-width: 100%; min-width: 100%; }
    .detail_header_banner img.mobile { display: block; width: 100%; height: auto; }
    .detail_header_banner img.web { display: none; }
    
    .detail .contents_wrap { padding:15px; margin:0px auto; }

    .share_wrap { margin-bottom: 15px; line-height: 20px; height: 35px;  }
    .share_wrap .share { background-position: left 3px; background-size: 14px 13px; margin-top: 10px; padding: 0 0 5px 18px; font-size: 1em; }
    .share_wrap .sns { width: 27px; height: 27px; }
    
    .date_box .morning p { width: 14px; height: 19px; }
    .date_box .morning .ic_date_dot { width: 5px; }
    
    .detail .card_list li { display: inline-block; width: 100%; margin: 0 0 15px 0; }

    .warning_box { padding: 10px 12px; font-size: .75em; line-height: 1.5em;  letter-spacing: -0.08em; }
    
    .writer_box  > div { width: 80%; padding-left: 20px; }
    .writer_box .thum { width:20%; padding-left: 0px; }
    
    .event_box li { width: 100%; margin-right: 0; }
    
    .today_list ol li i { width: 10%; }
    .today_list ol li a { width: 85%; }
    
    
    /* --------------- calendar ---------------- */
    .calendar .contents_wrap { padding: 10px; }
    .calendar_box > div { display: block; width: 100%; }
    
    .calendar_h_date_box { height: 30px; border-radius: 8px 8px 0 0; }
    .calendar_h_date_box ul { width: 156px; }
    .calendar_h_date_box li { width: 28px; }
    .calendar_h_date_box li:nth-child(2) { width: 100px; }
    .calendar_h_date_box li a { width: 8px; }
    .calendar_h_date_box li h2 { font-size: 1.1em; }
    .calendar_h_date_box li i { width: 8px; height: 15px; }
    
    .calendar_box .calendar > li { padding: 1px 2px 2px; font-size: 1em; height: 20px; }
    
    .calendar_day_box .calendar > li p { padding: 0; vertical-align: top; }
    
    .calendar_box .calendar.date > li { height: 86px; }
    .calendar_box .calendar.date > li p { line-height: 1.2em; max-height: 1.22em; }
    
    .calendar_date_box { min-height: 250px; }

    .calendar_info_box { padding: 30px 0 0 0; height: 100%; }
    .calendar_info_box .calendar_info_list { min-height: 0; }
    
    
    /* --------------- search ---------------- */
    .search .header_gnb .btn_search { display: none; }
    
    .search_condition_wrap { padding: 0px; min-width: 100%; max-width: 100%; }
    .search_condition_wrap .search_box { margin: 0px; width: 100%; height: 50px; padding: 3px; }
    .search_condition_wrap .check_box { 
        padding: 10px 15px; 
        background: -moz-linear-gradient(top,  #d5d0d0 0%, #ffffff 35%); /* FF3.6+ */
        background: -webkit-linear-gradient(top,  #d5d0d0 0%, #ffffff 35%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d5d0d0 0%, #ffffff 35%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d5d0d0 0%, #ffffff 35%); /* IE10+ */
        background: linear-gradient(to bottom,  #d5d0d0 0%, #ffffff 35%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d0d0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        
    }
    .search .contents_wrap { padding: 10px 15px; }
    .search .contents_wrap.search { padding: 15px 0; }
    .search .contents_wrap .video_wrap { padding: 0 15px 15px !important; }
    
    .search .thum_type_wrap li { border-bottom-width: 1px; }
    .search .thum_type_wrap li a > div { width: 75%; padding-left: 3%; }
    .search .thum_type_wrap li a .thum { width: 25%; }
    .search .thum_type_wrap li a .info .date { font-weight: 300; }
    .search .thum_type_wrap li a .info .txt { font-weight: 500; }
    
    
    /* --------------- disclosure ---------------- */
    .disclosure .header_gnb .btn_search { display: none; }
    .disclosure .contents_wrap { padding-bottom: 0; }
    .disclosure .contents_wrap .card { width: 100%; padding: 0 5% 1%; }
    .disclosure .list_type_wrap li { width: 100%; }
    .disclosure .list_type_wrap li:nth-child(2) { padding-top: 0px; border-top: 0px; }
    
    .disclosure .list_type_wrap li p { font-size: 1.2em; line-height: 1.25em; }
    .disclosure .list_type_wrap li span { margin: 3px 0 0; font-size: 1em; }
    
    .disclosure .thum_type_wrap.notice > ul > li { margin-bottom: 10px; }
    
    
    
    /* --------------- magazine ---------------- */
    .magazine_wrap { position: relative; width: 100%; height: auto; overflow: hidden; }
    .magazine_wrap > div { width: 100%; height: auto; }
    
    .magazine_box .info { display: table; padding: 25px; }
    .magazine_box .info > div { display: table-cell; width: 100%; height: 100%; vertical-align: top; }
    .magazine_box .info h1 { margin-top: 60px; max-width: 100%; height: auto; }
    .magazine_box .info h1 img { opacity: 0; max-width: 100%; height: auto; }
    .magazine_box .info h3 { display: table; top: 50%; left: 5%; right: 5%; width: 70%; height: 35%; -webkit-line-clamp: 5; }
    .magazine_box .info h3 p { display: table-cell; vertical-align: middle; }
    
    .magazine_box.triple .info h1 { font-size: 1.5em; line-height: 1.3em; }
    .magazine_box.triple > li { height: auto; }
    .magazine .contents_wrap { padding: 0; }
    
    .magazine .contents_wrap .card.web { display: none; }
    .magazine .contents_wrap .card.mobile { display: block; }
    .magazine .contents_wrap .card { padding: 0 !important; }
    .magazine .contents_wrap .card li { float: none; width: 100%; }
    .magazine .contents_wrap .card li:nth-child(2) { border-top: 0; }
    
    .magazine_wrap.history { padding: 0 10px 10px; }
    .magazine_wrap.history > div > ul > li { width: 48%; margin: 0 0 25px 4%; border: 2px solid #9b9b9b;}
    .magazine_wrap.history > div > ul > li:nth-child(2n+1) { margin-left: 0; }
    
    .magazine_wrap.history .title img { max-width: 100%; height: auto; }
    
    .history .magazine_box > li a { height: auto; }
    .history .magazine_box .info h1 { margin: 35px 0 25px; }
    

    /*모바일버전 매거진*/
    .app { background-color: #000; }
    .app .contents_wrap { padding: 0; }
    
    .app .section { position: absolute; }
    
    .app .magazine_wrap .magazine_box { position: relative; width: 100%; height: 100%; }
    .app .magazine_wrap .magazine_box h1 { width: 100%; }
    .app .magazine_wrap .magazine_box h1 img { max-width: 100%; height: auto; }
    .app .magazine_wrap .magazine_box h3 { 
        display: table; position: absolute; left: 5%; right: 5%; top: 50%; width: 70%; height: 35%; font-size: 1.5em; line-height: 1.25em; color: #fff; font-weight: 400; 
        overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; 
    }
    .app .magazine_wrap .magazine_box h3 p { display: table-cell; vertical-align: middle; }
    .app .magazine_wrap .magazine_box .copyright { position: absolute; right: 5%; bottom: 5%; }
    
    /*모바일버전 두번째 매거진*/
    .app .magazine_wrap.seconed .magazine_box { height: 33.333334%; }
    .app .magazine_wrap.seconed .magazine_box .copyright { bottom: 9%; }
    .app .magazine_wrap.seconed .magazine_box.triple { height: 66.666666%; }
    
    .app .magazine_box .blockUi.black { background-color: #1b1828; filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7; opacity: 0.7; }
    .app .magazine_box .blockUi.violet { background-color: #3e084c; filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7; opacity: 0.7; }
    .app .magazine_box .blockUi.blue { background-color: #104e8e; filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7; opacity: 0.7; }
    
    .app .magazine_box.triple ul { position: relative; width: 100%; height: 100% !important; }
    .app .magazine_box.triple li { position: relative; float: left; width: 50%; }
    .app .magazine_box.triple li:nth-child(1) { width: 100%; height: 30% !important; }
    .app .magazine_box.triple li:nth-child(2) { width: 100%; }
    .app .magazine_box.triple .blockUi { height: 100% !important; }
    
    .app .magazine_box.triple a { display: block; position: relative; width: 100%; height: 100%; }
    .app .magazine_box.triple .info { display: table; padding: 0 15px; width: 100%; height: 100%; text-align: center; }
    .app .magazine_box.triple .info > div { position: relative; display: table-cell; padding: 0 30px; width: 100%; height: 100%; vertical-align: middle; }
    .app .magazine_box.triple .info h1 { margin: 0; }
    
    /*모바일버전 세번째 매거진*/
    .app .magazine_wrap.third { height: auto; }
    .app .magazine_wrap.third .magazine_box { height: 100px; }
    .app .magazine_wrap.third .magazine_box.triple { height: 530px; }
    
    .app .magazine_wrap.third .magazine_box h1 { top: 20%; width: 90%; height: 70%; }
    .app .magazine_wrap.third .magazine_box h1 img { width: auto; height: 100%; }
    
    
    /*모바일버전 매거진 리스트*/
    #magazineHeader .magazine_wrap,
    .app .scrollable .magazine_wrap.thum { height: 100px !important; }
    
    #magazineHeader .magazine_wrap .info,
    .app .scrollable .magazine_wrap.thum .info { display: block; float: none; width: 100%; height: 100%; padding: 3% 5%; }
    
    #magazineHeader .magazine_wrap h1,
    .app .scrollable .magazine_wrap.thum h1 { position: relative; width: auto; height: 100%; }
    
    #magazineHeader .magazine_wrap img,
    .app .scrollable .magazine_wrap.thum img { opacity: 0; width: auto; height: 100%; }

    .app .contents_wrap .card.web { display: none; }
    .app .contents_wrap .card.mobile { display: block; }
    
    .app .contents_wrap .card { padding: 0; width: 100%; overflow: hidden; }
    .addmt { margin-top: 38px; }
    .app .contents_wrap .card li { width: 100%; min-height: 55px; max-height: 55px; margin: 0; padding: 15px 20px 20px; border: 0; }
    .app .contents_wrap .card li:nth-child(2n+1) { margin: 0; border: 0; }
    .app .contents_wrap .card li.bgLightGrey { background-color: #f5f5f5; }
    .app .contents_wrap .card li.bgGrey { background-color: #eee; }

    .app .list_type_wrap li a span { color: #4826db; }
    
    
    /*모바일버전 매거진 히스토리*/
    .app .history .magazine_box { padding: 5%; }
    .app .history .magazine_box > ul { position: relative; width: 100%; }
    .app .history .magazine_box > ul > li { float: none; margin: 0 0 4% 4%; width: 48%; height: 200px; border: 2px solid #9b9b9b; }
    .app .history .magazine_box > ul > li:nth-child(1),
    .app .history .magazine_box > ul > li:nth-child(2) { margin-bottom: 0; }
    .app .history .magazine_box > ul > li:nth-child(2n+1) { margin-left: 0; }

    /* --------------- myscrap ---------------- */
    .myscrap .header_bg { display: none !important; }
    .myscrap .contents_wrap { padding: 0; }
    
    .myscrap .thum_type_wrap li > a > div { width: 32%; }
    .myscrap .thum_type_wrap li a .thum { width: 13%; }
    .myscrap .thum_type_wrap li a .scrap_info { width: 61%; }
    .myscrap .thum_type_wrap li a .scrap_info p { margin-top: 0px; }
    
    
    /* --------------- page ---------------- */
    .blank .header_bg { display: none !important; }
    
    .blank_wrap { position: fixed; left: 0; top: 0; height: 100%; }
    .blank_wrap > div { padding: 0 40px; }
    .blank_wrap > div img { width: 100%; height: auto; }
    
    /*스프레드차트*/
	.spreadChart { width: 100%;height: auto; margin: 0 auto; overflow: hidden; position: relative;}
	.spreadChart .chart { width: 100%; float: none; position: relative; margin-top: 20px;}

	.chart .pic1 { left: 4px; }
	.chart .pic2 {  left: 73px;  }
	.chart .pic1Per { left: 20px; top: 32px; }
	.chart .pic2Per {  left: 101px; top: 32px; }
	.chart .bar {  left: 151px; }
	
	.spreadChart ul.spreadChartText li { position: absolute; left: 25px; bottom:20px; font-size: 11px;}
	.spreadChart ul.spreadChartText li + li { left: 98px;}
	.spreadChart ul.spreadChartText li + li + li { left: 148px;}
	.spreadChart ul.spreadChartText li + li + li + li { left: 178px;}
	.spreadChart ul.spreadChartText li + li + li + li + li { left: 208px;}
	.spreadChart ul.spreadChartText li + li + li + li + li + li { left: 238px;}
	.spreadChart ul.spreadChartText li + li + li + li + li + li + li { left: 265px;}
	
	
	.spreadChart ul.spreadChartText { height: 40px; position: relative;}
	.spreadChart .spread {width: 100%; float: none; position: relative;}

	
	.bar { width: 146px; height: 164px; position: absolute; left: 190px; bottom: 0;}
	.bar ol {width: 100%; overflow: hidden; }
	.bar ol li { width: 18px; height: 144px; float: left; margin-left: 12px; margin-top: 20px; position: relative;}
	.bar ol li:first-child { margin-left:0;}
	.bar ol li div { width: 18px;position: absolute; left: 0; bottom: 0; background: url(/inv/images/bar_off.png) no-repeat left bottom;}
	.bar ol li div.on { background: url(/inv/images/bar_on.png) no-repeat left bottom;} 
	.bar ol li span { width: 18px; margin-left: -0px; letter-spacing: -1px; font-size: 11px; color: #3b3b3b; font-weight: bold; display: block; text-align: center; position: absolute; left: 0; bottom: 20px;}
    
    .tvItem-list { width: 100%; overflow: hidden; margin: 0  !important;}
    .tvItem-list ul { overflow: hidden; padding: 0 !important;}
	.tvItem-list ul li { width: 100% !important; float: none; margin-bottom: 10px;}
	.tvItem-list ul li:nth-child(2n) { margin-left:0px !important;}
	.tvItem-list ul li .top  { width: 75%; border: .4em solid #a8a8a8; max-height: 150px;}
	.tvItem-list ul li .top  img { width: 100%; height: 140px;}
	.tvItem-list ul li .list_title { width: 96%  !important; margin: 0 auto; overflow: hidden; display: inline-block; text-align: left;}
	.tvItem-list ul li .title { font-size: 0.95em; padding-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:100%; }
	.tvItem-list ul li .list_txt { font-size: 0.85em; padding:0 15px;  text-align: left; color: #2b2b2b;}
	
	.tvItem-list ul li span.caption {  color: #b00068;}
	.tvItem-list ul li span.lect {  color: #b760e5;}
	.tvItem-list ul li .bottom { width: 95%  !important; margin: 0 auto; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #d5dae9;}
	.tvItem-list ul li .left_title { float: left; padding-top: 4px; width: 90%;  }
	.tvItem-list ul li .left { float: left;padding-top: 4px; }
	.tvItem-list ul li .left a { display: inline-block; font-size: .9em; color: #8790aa;}
	.tvItem-list ul li .left a:first-child { padding-left: 17px; background: url(/inv/images/iconSns_01.png) no-repeat 0 2px; background-size: 12px 12px;}
	.tvItem-list ul li .left a:last-child { padding-left: 17px; background: url(/inv/images/iconSns_02.png) no-repeat 0 2px; background-size: 12px 12px;}
	.tvItem-list ul li .right { float: right;}
	.tvItem-list ul li .right a { width: 24px; display: inline-block;}
	.tvItem-list ul li .right a img { width: 100%;}
    
    
    /* ------------------  2022. 02. 24. 마켓앤이슈 메인 개편  START ---------------------- */
    #wrap { width: 100%;}
	.contents { padding: 0; display: block; margin-top: 0px;}
	.contens-area { width: 100%;}
	.contens-area.twins li { width: 100%; border-bottom: 1px solid #cfcfcf;}
	#rolling-wrap { }
	#rolling-wrap li div  { height: 163px;}
	#notice-wrap {height: 42px; padding:0 14px;} /* 20221201 수정 */
	#notice-wrap .cal-notice { width: 100%; border-right: 0; margin: 0 10px;}
	#notice-wrap .btn_cal {width:120px; padding:0 0 0 34px; font-size:14px;} /* 20221201 추가 */
	#notice-wrap .btn_cal::before  {left:14px; width:28px; height:28px;} /* 20221201 추가 */
	
	
	.search-rank { display: none !important;}
	#rolling-wrap li.swiper-slide a { width: 72px; left: 25px; bottom: 35px;}
	#rolling-wrap li.swiper-slide a img { width: 100%;}
	#rolling-wrap li p { left: 25px; top: 40px; font-size: 19px; line-height: 28px;}
	#rolling-wrap li span { height: 16px;  top: 25px; left: 25px;}
	#rolling-wrap li span img { width: 100%; }
	#rolling-wrap .pading { bottom :10px;}
	#notice-wrap .cal-notice a { font-size: 14px;}
	#notice-wrap .cal-notice a::before { width: 27px; height: 25px; background-size: 100% 100%; position: absolute; right: 10px; top: 10px;}

	.contens-area h2 { height: 37px; font-size: 17px; line-height: 37px; padding-left: 21px;}
	.contens-area .contens-area-wrap { padding: 7px 15px 0 15px;}
	.contens-area li { padding: 7px 0; }
	.contens-area li .text { max-width: calc(100% - 90px); padding: 7px 0px 0px 10px;}
	.contens-area li .thumb { max-width: 100px;  align-self: center;}
	.contens-area li .thumb img { width: 100%; max-width: 85.5px; max-height:57px; }
	.contens-area li .text h3 { font-size: 16px;}
	.contens-area li .text p { font-size: 17px;}
	.contens-area li .text h3.hot::before{ content: 'HOT'; text-align: center; font-size: 10px; letter-spacing: 0; color: #fff; width:29px; height: 13px; line-height: 13px;  background: #cc497f; font-weight: 100; border-radius: 10px; position: absolute; right: 0; top: 0;}

	.search-rank-mobile {width: 95%; height: 50px; margin: 10px 2.5%; border-radius: 5px; border: 1px solid #d7d6d6; align-items: center; display: flex; align-self: center; justify-content: space-between; position: relative;}
	.search-rank-mobile strong.tit { width: 100px;  padding: 0  10px; height: 22px; line-height: 20px; box-sizing: content-box; text-align: center; display: inline-block;font-size: 15px; border-right: 1px solid #d3d3d3;}
	.rolling-box-mobile{ width: calc(100% - 121px); height: 42px; overflow: hidden; }
	.rolling-box-mobile::before { width: 18px; height: 12px; content: ''; background: url(/inv/images/202202/btn_m_menu_more2.png) no-repeat 0 0; background-size: cover; position: absolute; right: 10px; top: 15px;}
	.rolling-text-mobile li { height: 42px; text-align: left;}
	.rolling-text-mobile li a{ height: 42px; display: flex; align-items: center; justify-content: flex-start; margin-left: 10px;}
	.rolling-text-mobile li a::before{width:18px; height: 15px; content: ''; display: inline-block; margin-right: 4px; text-align: left;}
	.rolling-text-mobile li span { width: 70%; display: flex;justify-content: space-between; align-items: center; text-align: left; font-size: 16px;}
	.rolling-text-mobile li span::after{width: 10px; height: 8px; content: ''; background-size: 10px 8px !important; } 


	.search-rank-mobile a.num-1::before {background: url(/inv/images/202202/icon_num01.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-2::before {background: url(/inv/images/202202/icon_num02.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-3::before {background: url(/inv/images/202202/icon_num03.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-4::before {background: url(/inv/images/202202/icon_num04.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-5::before {background: url(/inv/images/202202/icon_num05.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-6::before {background: url(/inv/images/202202/icon_num06.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-7::before {background: url(/inv/images/202202/icon_num07.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-8::before {background: url(/inv/images/202202/icon_num08.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-9::before {background: url(/inv/images/202202/icon_num09.png) no-repeat left center; background-size: 100% 100%; }
	.search-rank-mobile a.num-10::before {background: url(/inv/images/202202/icon_num10.png) no-repeat left center;background-size: 100% 100%;  }
	.search-rank-mobile  li span.down::after { background: url(/inv/images/202202/icon_arrow_down.png) no-repeat right center; }
	.search-rank-mobile  li span.up::after { background: url(/inv/images/202202/icon_arrow_up.png) no-repeat right center; }


	.more-list {  display: block; }
	

	.market-area { display: block; margin: 10px 0;}
	.market-area ul { display: grid; grid-template-columns:  1fr 1fr 1fr;  }
	.market-area ul li { height: 85px; overflow: hidden; align-self: center; padding: 0; position: relative; border: solid #ccc; border-width: 0 0 1px 1px;}
	.market-area ul li  a { height: 100%; display: flex;  align-items: center; justify-content: center;}
	.market-area ul li img { width: 108px; height: auto;}
	.market-area ul li:first-child { border-left: 0;} 
	.market-area ul li:nth-child(4) { border-left: 0;}


	.hidden-rank { border-radius: 5px; overflow: hidden; top:-1px;}
	.hidden-rank-top { height: 36px; line-height: 36px; }
	.hidden-rank-top strong { font-size: 18px;}

	.mobile-menu { width: calc(100% - 44px) !important; height: 49px; position: absolute; left: 0; top: 0; display:block;}
	.mobile-menu ul { height: 100%; display: flex; align-items: center; justify-content: space-around;}
	.mobile-menu ul  a { font-size: 14px; font-weight: 700; color: #999; letter-spacing: -1px;}
	.mobile-menu ul li.on a { color: #222;}
	
	.hidden-rank li  a::before{width: 22px; height: 15px;}
    /* ------------------  2022. 02. 24. 마켓앤이슈 메인 개편  END ---------------------- */
    
}

@media screen and (max-width:460px) {
    
    /* --------------- main ---------------- */
    .video_wrap li a .info div { padding: 0 10px; }
    .video_wrap li .btn_play { width: 20px; height: 20px; }
    
    .card_type_wrap li a div { padding: 7px; }
    .card_type_wrap li a div p { max-height: 20px;}
    
    .card_type_wrap.triple li a div { padding: 5px; height: 47px; font-size: 0.9em; }
    .card_type_wrap.triple li a div p { max-height: 38px; }
    
    .thum_type_wrap li a .thum { width: 33%; }
    .thum_type_wrap li a > div { width: 67%; }
    
    .btn_type_wrap li a { line-height: 38px; }
    .btn_type_wrap li a p { margin-left: 25px; font-size: 1em; }
    .btn_type_wrap li a i { width: 35px; height: 35px; }
    

    /* --------------- detail ---------------- */

    
    /* --------------- calendar ---------------- */
    
    .calendar_box .calendar > li { font-size: 0.65em; }
    .calendar_box .calendar.date > li p { line-height: 1.3em; max-height: 1.3em; }
    
    .calendar_box .calendar.date > li { height: 50px; }
    .calendar_box .calendar.date > li:hover .number { margin-bottom: 0; }
    
    
    /* --------------- myscrap ---------------- */
    .thum_title_wrap li { display: none; }
    .thum_title_wrap li.txt_title { display: block; width: 100%; }
    
    .myscrap .thum_type_wrap li { position: relative; }
    .myscrap .thum_type_wrap li > a { display: block; float: none; width: 100%; }
    .myscrap .thum_type_wrap li > a > div { float: float; }
    .myscrap .thum_type_wrap li > a > div:nth-child(3) { position: relative; display: block; margin-top: 5px; width: 100%;  text-align: left; font-size: 0.85em; color: #999; }
    .myscrap .thum_type_wrap li a .thum { width: 19%; }
    .myscrap .thum_type_wrap li a .scrap_info { width: 81%; }
    
    .myscrap .thum_type_wrap li > div { position: absolute; bottom: 15px; right: 15px; float: none; width: 28px; height: 28px;}
    .myscrap .thum_type_wrap .btn_delete { padding: 3px; width: 28px; height: 28px; }
    .myscrap .thum_type_wrap .btn_delete i { background-size: 80%; }
    
    .myscrap .thum_type_wrap li.video .btn_delete { margin-top: 5px; }
    
    
    /* --------------- magazine ---------------- */
    .magazine_box .info li { font-size: 1.3em; margin-bottom: 10px; }

    .history .magazine_box > li { height: 250px; }
    .history .magazine_box .blockUi { height: 205px; }
    .history .magazine_box .info { padding: 0 15px 15px; height: auto; }
    .history .magazine_box .info h1 { margin: 25px 0 20px; width: 90%; height: auto; }

    .history .magazine_box > li { height: 300px; }
    .history .magazine_box .blockUi { height: 255px; }
    .magazine_wrap.history > div > ul > li { width: 100%; margin: 0 0 25px 0; border: 2px solid #9b9b9b;}
    .magazine_wrap.history > div > ul > li:nth-child(2n+1) { margin-left: 0; }
    
    
    /* --------------- disclosure ---------------- */
    .disclosure .list_type_wrap li p { font-size: 1.1em; line-height: 1.15em; }
    .disclosure .list_type_wrap li span { margin-top: 0px; font-size: 0.9em; }
}

@media screen and (max-width:320px) {
    
    /* --------------- main ---------------- */
    .banner_wrap .calrendar_list li { height: 45px; }
    .banner_wrap .calrendar_list li a { font-size: 1em; }
    

    /* --------------- detail ---------------- */
    
    
    /* --------------- calendar ---------------- */
    .calendar_box .calendar.date > li { height: 45px; }
    
    
    /* --------------- disclosure ---------------- */
    .disclosure .list_type_wrap li p { width: 70%; font-size: 1em; line-height: 1.2em; }
    .disclosure .list_type_wrap li span { width: 30%; margin-top: 0px; font-size: 0.85em; }
    
    
    /* --------------- search ---------------- */
    .search .thum_type_wrap li a > div { width: 72%; }
    .search .thum_type_wrap li a .thum { width: 28%; }
    
    /* --------------- magazine ---------------- */
    .magazine_box .info li { font-size: 1em; }

    .magazine_box.triple .info { padding: 0 15px; }
    .magazine_box.triple .info h1 { font-size: 1em; line-height: 1.2em; }
}


/*매거진 app버전 */
.app .section { position: relative; }
.app .bbsList { display: block !important;}
.app #magazine_second_cover .magazine_box li:first-child { display: none !important;}
.app #magazine_second_cover .magazine_box .info li { font-size: 1.1em; }
.app #magazine_second_cover .magazine_box.triple .info h1 { font-size: 1.1em; line-height: 1.2em; }

/*card_type_wrap 띠 적용*/ 
div.card_type_wrap p.ic_ribon {left:0px; top:0px;}
.web { width: 1024px; margin: 0 auto;}

.top-info { width: 96.8%; position: reletive; background: #e6e6e6;box-sizing:content-box; padding: 5px 1.6%; margin: 0;overflow: hidden;}
.top-info .cal { width: calc(100% - 170px); width: -webkit-calc(100% - 170px); height: 30px; float: left; margin: 0 10px; padding: 0 10px 0 45px; line-height: 29px;border: 1px solid #9f9f9f; 
border-radius: 5px; background:url(/inv/images/icon_cal.png) no-repeat 10px center #fbfbfb; background-size: 17px; 19px;}
.top-info {}
.img { width: 100%;}
.img > img { width: 100%;}
.oh { overflow: hidden;}
.fl { float: left;}
.fr { float: right;}

.table { width: 100%;border-collapse: collapse; border: 0;}
.table th { color: #fff; background: #989898; text-align: center; border-left: 1px solid #ccc;padding: 10px 0;;}
.table tr th:first-child { border-left:0;}
.table tr td {border: solid #ccc; border-width: 0 0 1px 1px;padding: 5px;}
.table tr td:first-child { border: solid #ccc; border-width: 0 0 1px 0px;}
.table tr:nth-child(2n) td { background: #f2f2f2;}

/* 20221201 투자정보 - 증시일정 */
.calendar_box.new {display:block;}
.calendar_box.new .calendar_date {display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:50px; padding:13px 0; background-color:#f7f7f7;}
.calendar_box.new .calendar_date::after {content:''; display:block; position:absolute; left:0; bottom:-5px; right:0; width:100%; border-bottom:5px solid #eee;}
.calendar_box.new .calendar_date h2.date {padding:0 14px; color:#333; font-size:18px;}
.calendar_box.new .calendar_date .btn_arrow {display:block; width:20px; height:20px;}
.calendar_box.new .calendar_date .btn_arrow.prev {background:url(../images/ic_arrow_prev_new.png) no-repeat 0 0 / 100% 100%;}
.calendar_box.new .calendar_date .btn_arrow.next {background:url(../images/ic_arrow_next_new.png) no-repeat 0 0 / 100% 100%;}
.calendar_box.new .calendar_list_info {overflow:hidden; display:block; width:100%; height:100%;}
.calendar_box.new .calendar_list_info .calendar_list_inner {height:auto; padding:32px 0 24px;}
.calendar_box.new .calendar_list_box {padding:0 14px;}
.calendar_box.new .calendar_list_box h3.date {color:#212266; font-size:14px;}
.calendar_box.new .calendar_list_box + .calendar_list_box {margin-top:30px;} 
.calendar_box.new .calendar_list {margin-top:12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.calendar_box.new .calendar_list > li.highlight {position:relative;}
.calendar_box.new .calendar_list > li.highlight::after {content:''; position:absolute; top:0; left:-14px; bottom:0; right:-14px; background-color:#f6f8fe; z-index:-1;}
.calendar_box.new .calendar_list > li {padding:20px 0; color:#333; font-size:14px;}
.calendar_box.new .calendar_list > li + li {border-top:1px solid #ddd;}
.calendar_box.new .calendar_list > li .link_detail {display:block; position:relative; padding-right:16px;}
.calendar_box.new .calendar_list > li .link_detail::after {content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:10px; height:10px; background:url(../images/ic_arrow_right_10.png) no-repeat 0 0 / contain;}

/* 20221201 투자정보 - 증시일정 상세 */
.calendar_detail .detail_header {position:relative; width:100%; padding:20px 0; border-bottom:1px solid #999; text-align:center;}
.calendar_detail .detail_header .tit {color:#333; font-size:25px;}
.calendar_detail .detail_header .btn_close {position:absolute; top:50%; right:9px; transform:translateY(-50%); width:40px; height:40px; background:url(../images/ic_close_40.png) no-repeat 0 0 / 100% 100%;}
.calendar_detail .detail_header .btn_close > span {overflow:hidden; position:absolute; z-index:-1; width:1px; height:1px; border:0; clip: rect(1px, 1px, 1px, 1px);}
.calendar_detail .detail_content .title_box {padding:16px 14px; border-bottom:1px solid #999;}
.calendar_detail .detail_content .title_box .tit {color:#333; font-size:14px;}
.calendar_detail .detail_content .title_box .date {display:block; margin-top:13px; color:#666; font-size:12px;}
.calendar_detail .detail_content_box {overflow: hidden; height:100%; }
.calendar_detail .detail_content_box .detail_content_inner { height:auto; padding:20px 25px 68px;}
.calendar_detail .detail_content_box .cont {height:auto; font-size:15px; }
.calendar_detail .btn_wrap {position:fixed; left:0; bottom:0; right:0; padding:11px 0; background-color:#212266;}
.calendar_detail .btn_wrap .btn_confirm {display:block; width:100%; color:#fff; font-size:16px; font-weight:700; text-align:center;}

/* 20221221 투자정보 - 알림수신 */
.invest_alarm .alarm_box {display:flex; align-items:center; position:relative; width:100%; height:60px; padding:13px 14px; background-color:#fff;}
.invest_alarm .alarm_box .text {flex:1; color:#333; font-size:14px; font-weight:700;}
.invest_alarm .alarm_box .switch_box {position:relative;}
.invest_alarm .alarm_box .switch_box input[type=checkbox] {overflow:hidden; position:absolute;}
.invest_alarm .alarm_box .switch_box .switch_alarm {display:block; width:50px; height:26px; line-height:26px; padding-left:0; border:1px solid #999; border-radius:15px; background-color:#fff;}
.invest_alarm .alarm_box .switch_box .switch_alarm::before {content:'OFF'; display:block; position:absolute; top:50%; left:2px; transform:translateY(-50%); transition:all .3s; width:auto; height:auto; padding:0 0 0 20px; background:none; color:#999; font-size:12px;}
.invest_alarm .alarm_box .switch_box .switch_alarm::after {content:''; display:block; position:absolute; top:50%; left:2px; transform:translateY(-50%); transition:all .3s; width:18px; height:18px; border:0; border-radius:50%; background-color:#ddd; }
.invest_alarm .alarm_box .switch_box input[type=checkbox]:checked + .switch_alarm::before {content:'ON'; left:auto; right:2px; padding:0 20px 0 0; }
.invest_alarm .alarm_box .switch_box input[type=checkbox]:checked + .switch_alarm::after {left:auto; right:2px;  background-color: lightgreen; }
.invest_alarm .guide_box {width:100%;}
.invest_alarm .guide_box .tit {display:flex; align-items:center; height:50px; color:#333; font-size:14px; padding:0 14px; background-color:#f7f7f7;}
.invest_alarm .guide_box .guide_list {padding:14px 14px 21px;}
.invest_alarm .guide_box .guide_list > li {display:flex; align-items:center; position:relative; height:40px; padding-left:54px; color:#333; font-size:13px;}
.invest_alarm .guide_box .guide_list > li + li {margin-top:12px;}
.invest_alarm .guide_box .guide_list > li::before {content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:40px; height:40px;}
.invest_alarm .guide_box .guide_list > li.ic_favreport::before {background:url(../images/ic_favreport.png) no-repeat 0 0 / 100% 100%;}
.invest_alarm .guide_box .guide_list > li.ic_morning::before {background:url(../images/ic_morning.png) no-repeat 0 0 / 100% 100%;}
.invest_alarm .guide_box .guide_list > li.ic_sms::before {background:url(../images/ic_sms.png) no-repeat 0 0 / 100% 100%;}
.invest_alarm .guide_box .guide_list > li em {display:inline-block; font-style:normal; font-weight:700;}
.invest_alarm .notice_box + .notice_box {margin-top:6px;}
.invest_alarm .notice_box .title_box {display:flex; align-items:center; height:50px; padding:0 14px; background-color:#f7f7f7;}
.invest_alarm .notice_box .title_box .tit {flex:1; color:#333; font-size:14px; font-weight:700;}
.invest_alarm .notice_box .title_box .btn_registe {display:block; padding:8px; border:1px solid #999; border-radius:6px; background-color:#fff; color:#666; font-size:12px;}
.invest_alarm .notice_box .notice_list {padding:14px;}
.invest_alarm .notice_box .notice_list > li {position:relative; padding-left:7px; color:#333; font-size:12px;}
.invest_alarm .notice_box .notice_list > li::before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background-color:#666;}
.invest_alarm .notice_box .notice_list > li + li {margin-top:12px;}
.invest_alarm .notice_box .desc {margin-left:7px; padding:0 14px; color:#666; font-size:12px; text-indent:-8px;}

/* 20221221 투자정보 - 알림수신 : 토스트영역 */
.toast_box {position:fixed; right:0; bottom:15px; left:0; width:100%; height:45px; line-height:45px; padding:0 16px; text-align:center;}
.toast_box > span {display:block; border-radius:4px; background-color:rgba(24, 25, 73, 0.8); color:#fff; font-size:14px;}

/* 20221221 투자정보 - 알림수신 : 팝업영역 */
.popup.alert {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:999; width:100%; height:100%;}
.popup.alert.active {display:block;}
.popup.alert::before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; width:100%; height:100%; background-color:#333; opacity:.5;}
.popup.alert .popup_inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; width:100%; padding:0 16px;}
.popup.alert .popup_header {overflow:hidden; padding:13px 14px; border-bottom:1px solid #999; border-radius:10px 10px 0 0; background-color:#fff; text-align:center;}
.popup.alert .popup_header .title {font-size:20px; letter-spacing:-1.5px;} 
.popup.alert .popup_cont {display:flex; align-items:center; width:100%; min-height:98px; padding:20px 14px; background-color:#fff;}
.popup.alert .popup_cont .text {width:100%; color:#333; font-size:14px; line-height:1.43; letter-spacing:-1.05px; text-align:center;}
.popup.alert .popup_cont .text > span {display:inline-block; font-weight:700;}
.popup.alert .btn_wrap {overflow:hidden; position:relative; border-radius:0 0 10px 10px;}
.popup.alert .btn_wrap.row {display:flex;}
.popup.alert .btn_wrap.row button[class^=btn_]:nth-child(1) {width:40%;}
.popup.alert .btn_wrap.row button[class^=btn_]:nth-child(2) {width:60%;}
.popup.alert .btn_wrap button[class^=btn_] {display:block; width:100%; padding:11px 0; color:#fff; font-size:16px;}
.popup.alert .btn_wrap button[class^=btn_].btn_confirm {background-color:#212266; font-weight:700;}
.popup.alert .btn_wrap button[class^=btn_].btn_push {background-color:#ddd; color:#333;}