@font-face { 
font-family: 'nanum_bold'; 
src: url('../fonts/NanumBarunGothicBold/NanumBarunGothicBold.eot'); 
src: url('../fonts/NanumBarunGothicBold/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NanumBarunGothicBold/NanumBarunGothicBold.woff2') format('woff2'), 
url('../fonts/NanumBarunGothicBold/NanumBarunGothicBold.woff') format('woff'), 
url('../fonts/NanumBarunGothicBold/NanumBarunGothicBold.ttf') format('truetype'), 
url('../fonts/NanumBarunGothicBold/NanumBarunGothicBold.svg#notokr-regular') format('svg'); 
font-weight: normal; 
font-style: normal; 
}
@font-face { 
font-family: 'nanum_regular'; 
src: url('../fonts/NanumBarunGothicRegular/NanumBarunGothic.eot'); 
src: url('../fonts/NanumBarunGothicRegular/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), 
url('../fonts/NanumBarunGothicRegular/NanumBarunGothic.woff2') format('woff2'), 
url('../fonts/NanumBarunGothicRegular/NanumBarunGothic.woff') format('woff'), 
url('../fonts/NanumBarunGothicRegular/NanumBarunGothic.ttf') format('truetype'), 
url('../fonts/NanumBarunGothicRegular/NanumBarunGothic.svg#notokr-regular') format('svg'); 
font-weight: normal; 
font-style: normal; 
}

/*블록체인 전용 해더와 메인 콘텐츠만 나눔바른고딕 적용.
.block_gnb, .block_gnb *, 
section.sec0, section.sec0 *,
#Top_story, #Top_story *, 
.block_gnb_m, .block_gnb_m *, .sns_pop, .sns_pop *,
section.sec1, section.sec1 *, section.sec1_m, section.sec1_m *,
section.sec2, section.sec2 *, section.sec2_m, section.sec2_m *,
section.sec3, section.sec3 *, section.sec3_m, section.sec3_m *,
section.sec4, section.sec4 * {font-family:"nanum_regular", "나눔바른고딕",'맑은 고딕','Malgun Gothic', sans-serif,'Titillium Web','dotum' !important;letter-spacing:-0.25px}*/
html {font-family:'Titillium Web',"nanum_regular", "나눔바른고딕",'맑은 고딕','Malgun Gothic','dotum';letter-spacing:-0.25px}
strong, b {font-weight: normal !important; font-family: 'nanum_bold' !important;}

/* -------------------------------------- reset + layout --------------------------------------*/
body {min-width:340px;}
/* h :IR */
section.sec1_m h2{width:0px;height:0px;font-size:0px;text-indent:-9999px;overflow:hidden;}

/* box-sizing */
.section_header_m, section.sec0, section.sec0 *, #flash, #flash .flash .flash_con, .level1 div ul li a:after, .level1 div ul li:after, .level1 div .lev_text dl, .card a, section.sec3 > * , .newest, .gg, .cube_box ul li a , .cube_box ul li .thumb, .right_news_zone ol, .right_news_zone ol li > p,  .right_flash > div ul li dl, .right_flash > ul li, .right_comment > div, .right_comment > div ul li a dl > *, .right_comment > ul li, .cube_box ul, .cube_box ul li, .cube_box ul li .thumb, .cube_box ul li dl, .sec3_m ul li .newest_img span.newest_thumb:after, .sec3_m ul li .newest_lev1, .sec3_m ul li .newest_lev234 {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
@media screen and (max-width:900px){
    .sec1_1_m, .sec1_1_m ul li a, .sec1_1_m ul li a span:nth-child(1):after, .sec1_2_m, .sec1_2_m li, section.sec4, .sec3_m ul li .lev1:after, .sec3_m ul li .lev1 span.newest_lev1_img span:after, .sec3_m ul li .newest_lev234_wrap, .sec3_m ul li .newest_lev234_wrap span, .right_flash > div ul li a dd span:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
}

/* a */
#header > div h1 a, #header > div h2 a, .level1 div ul li a, .sec1_1_m ul li a, .right_flash > div ul li a, .right_flash > ul li a, .right_comment > div ul li a, .right_comment > ul li a, section.sec4 h2 a span, section.sec4 h2 a.close span{display:block;height:100%;}
@media screen and (max-width:900px){
    .sec1_2_m li a, .right_flash > div ul li a dl dt .sec6_dt{display:block;height:100%;}
}

/* ellipsis */
.level1 div .lev_text dt,
.level1 div .lev_text dd.lev_text_con,
.sec3_m ul li .newest_img span:nth-child(2),
.right_flash > div ul li a dl dt,
.cube_box ul li dl dt,
.cube_box ul li dl dd{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.sec3_m ul li .newest_lev234{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media screen and (max-width:900px){
    .sec1_1_m ul li a span:nth-child(2),
    .cube_box ul li .thumb > strong,
    .right_flash > div ul li a dl dt .sec6_dt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
    .sec1_2_m li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}

.action .hover {display: none !important; }
.action .Nonhover {display: inline-block !important;}
.action:hover .hover {display:inline-block !important;}
.action:hover .Nonhover {display:none !important;}

.tag_box {height: 21px; }
.tag_box > *{display: inline-block; height: 100%; padding:0 5px; line-height: 22px; font-size: 12px; }
.tag_box > .policy{background: #b70c18;}
.tag_box > .industry{background: #ef6800;}
.tag_box > .market{background: #009b28;}
.tag_box > .people_life{background: #004ea1;}
.tag_box > .opinion{background: #7c24b8;}
.tag_box > * span {color:#fff; opacity: 0.8}

.pop_bg {display: none; width: 100%; height: 100%; background: #000; position: absolute; top:0; left: 0; z-index:10000; opacity: 0.6}

.middle_dot {display: inline-block !important; padding:0 2px !important;}

/* -------------------------------------- section header --------------------------------------*/

#header{width:100%;height:508px;position: relative; background:url("../images/blockchain_01_001.jpg") no-repeat top center; background-size: cover}
.block_gnb_m, .sns_pop { display: none;}
#header .block_gnb{ width: 100%; height:75px;margin:0 auto; position: relative; background: rgba(40, 65, 122, 0); transition:all 0.3s ease-out}
#header .block_gnb:hover { display: block; background: rgba(40, 65, 122, 0.7); transition:all 0.3s ease-out}
#header h1 { display: inline-block; position: absolute; top:27px; left:70px; }
#header h1 a { display:block; background: url("../images/blockChain_02.svg")no-repeat center right; background-size: 6px 11px; padding-right: 13px; font-family: 'Titillium Web' !important; font-weight: bold; letter-spacing: 0; font-size: 17px; color:#fff;}
#header .block_gnb .top1{ width: 112px; height: 33px; position:absolute; top:20px; right:70px; border-radius:18px; border:1px solid rgba(225,225,225,0.5); border-radius:18px;}
#header h1 a img {margin-top: 1px;}
#header .block_gnb .top1:hover{ background:#fff; transition:all 0.4s ease-out; }
#header .block_gnb .top1 img{ display:inline-block; margin-top: 10px;}
#header .block_gnb img.pp{ margin-left: 5px; margin-top: 10px;}
#header .block_gnb .top2 {height: 33px; position:absolute; top:20px; right:187px; border:1px solid #9399a7; border-radius:18px; border:1px solid rgba(225,225,225,0.5); border-radius:18px; font-size: 14px;line-height: 32px; color:#fff; letter-spacing: 0; padding:0 20px;}
#header .block_gnb .top2:hover { border:1px solid #16e9ff; background:#16e9ff; transition:all 0.4s ease-out; color:#1f5ca7; font-weight: bold;}
#header .block_gnb .top2 span.m{ display:inline-block; width: 91px; height: 26px; margin:3px 0 0 3px; color:#57d9e6; font-weight: normal;}
#header .block_gnb .top2:hover span.m{ color:#ff51c4; font-weight: bold;}

#header .big_menu{ width: 100%; height:75px; text-align:left; line-height:75px; padding-left:248px;}
#header .big_menu li{display: inline-block; height: 100%;}
#header .big_menu li a{display: block; height: 100%; padding:0 15px; color:#fff;font-size: 16px;}
#header .big_menu li:first-child a{padding-left:0; }
#header .big_menu li.search_pop {margin-left: 10px;}
#header .big_menu li.search_pop a span:after, #header .big_menu li.chain_share a span:after {display: none;}
#header .big_menu li a span {position:relative;}
#header .big_menu li a > span:after {display: block; content: ""; width:0; height: 1px; position: absolute; bottom:-10px; left: 0; background: #fff}
#header .big_menu li a:hover span:after {width:100%; transition:all 0.3s ease-out; }

/*검색, 공유*/
.search_pop img, .login img, .click_close2 img{ display: inline-block; width: 21px; height: 21px; padding-top:27px;}
.search_pop .search_pop_input { display: none; width: 0; height: 31px; position: relative; margin-top: 20px; border:0 none; border-radius: 17px;}
.search_pop .search_pop_input input { display: none; width: 100%; height: 100%; color:#fff; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 25px 0 10px; background: none; border:0 none; outline: none; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.search_pop .search_pop_input .close {display: none; width: 10px; position: absolute; top:5px; right:10px; padding-top: 0;}
.search_pop a:hover, .chain_share > a:hover, .login:hover{opacity: 0.5; transition:all 0.3s ease-out;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #a2a8b6;} ::-moz-placeholder { /* Firefox 19+ */color: #a2a8b6;} :-ms-input-placeholder { /* IE 10+ */color: #a2a8b6;} :-moz-placeholder { /* Firefox 18- */color: #a2a8b6;}
#header .big_menu li.search_pop a,
#header .big_menu li.chain_share a, 
#header .big_menu li.login a{display: inline-block; padding:0 6px}
#header .big_menu li.search_pop .click_close{display: none; margin:0 15px 0 -10px;}
#header .big_menu li.chain_share .click_close2 {display: none; padding:0 6px 0 0; margin:0 15px 0 -5px;}
/*jQuery effect AddClass*/
.search_pop .search_pop_input.open.focus { border:1px solid #fff; }
.search_pop .search_pop_input.focus input { outline: none; }
.search_pop .search_pop_input.focus .close {display: block;}
.search_pop .search_pop_input.open {border:1px solid #a2a8b6;}
.search_pop .search_pop_input.open input { display: block }
.search_pop .search_pop_input.focus input { outline: none; }

#header .big_menu .chain_share .sli_sns { display:inline-block; width:0; height: 31px; margin-top: 21px; margin-left: -5px; border:0 none; border-radius: 16px; position: relative;}
#header .big_menu .chain_share .sli_sns li { display:none; height:100%; position: absolute; top:0; text-align: center; }
#header .big_menu .chain_share .sli_sns li:nth-child(1) {left:15px;}
#header .big_menu .chain_share .sli_sns li:nth-child(2) {left:40px;}
#header .big_menu .chain_share .sli_sns li:nth-child(3) {left:70px;}
#header .big_menu .chain_share .sli_sns li a {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#header .big_menu .chain_share .sli_sns li:nth-child(1) a { padding:6px 0 0 0;}
#header .big_menu .chain_share .sli_sns li:nth-child(2) a { padding:8px 0 0 0;}
#header .big_menu .chain_share .sli_sns li:nth-child(3) a { padding:7px 0 0 0;}
.chain_share .click_open2 img{ display: inline-block; width: 23px; height: 23px; padding-top:27px;}
/*jQuery effect AddClass*/
#header .big_menu .chain_share .sli_sns.open { border:1px solid #9a9fab; margin-right: 10px; margin-left:15px;  width: 100px;}
#header .big_menu .chain_share .sli_sns.open li {display: inline-block}
@media screen and (max-width:1570px){
    #header h1 { left:20px; }
    #header .big_menu{ padding-left: 188px;} 
    #header .block_gnb .top1{width:95px; right:20px;}
    #header .block_gnb .top2{right: 120px; padding:0 15px;}
    #header .block_gnb .top2 > span{display: none;} 
    #header .block_gnb .top2 > span.m {display:inline-block; color:#fff; margin:3px 0 0 0;}
}
@media screen and (max-width:1315px){
    #header .block_gnb .top1 {display:none;}
    #header .block_gnb .top2{right: 20px;}
}
@media screen and (max-width:1210px){
    #header .big_menu li a{padding:0 10px;}
}
@media screen and (max-width:1120px){
    #header .big_menu {padding-left: 180px;}
    #header .big_menu li a{padding:0 6px;}
    #header .block_gnb .top2 {padding:0 10px;}
}
@media screen and (max-width:1045px){
    #header .big_menu li.search_pop {margin-left: 5px}
    #header .big_menu li.search_pop .click_close {margin:0 10px 0 -10px}
    #header h1 {left: 15px;}
    #header .block_gnb .top2 {right: 15px;}
}
@media screen and (max-width:1024px){
    #header{background:url("../images/blockchain_01_001.jpg") no-repeat center center; background-size: cover }
    #header .block_gnb { display: none;}
    .block_gnb_m { display: block; position: relative;}
    .block_gnb_m .top3 { display: inline-block; height:31px; position:absolute;top:13px;right:15px; z-index: 100;}
    .block_gnb_m .top3 img { display:inline-block; margin-top:8px;}
    .block_gnb_m .top4 { display: inline-block; height:31px; position:absolute;top:13px;right:110px; z-index: 100; }
    .block_gnb_m .top4 span { font-family: 'nanum_bold' !important; font-weight:normal; font-size: 15px;line-height: 31px; color:#28417a; letter-spacing:0;}
    .block_gnb_m .top4 span img {display: inline-block; width: 102px; margin-top:6px;}
    .block_gnb_m img.pp{ margin-left: 5px; margin-top:9px;}

    .chainM_header {height: 55px; width: 100%; background: #fff; position: relative;}
    .chainM_header h2 { text-align: center; }
    .chainM_header h2 a img { display: inline-block; width:202px; margin-top: 16px; }
    .chainM_header ul {width:165px; height: 40px; position: absolute; top:8px; left:15px; z-index: 100;}
    .chainM_header ul li{width:38px; height: 100%; float:left; margin-right:5px;}
    .chainM_header ul li a{display: block; width: 100%; height:38px; border:1px solid #b6bed2; border-radius: 50%; }
    .chainM_header ul li img{margin:10px 0 0 -1px; width:17px; }
    .chainM_header ul li:nth-child(2) img{margin:10px 0 0 -2px;}
    
    .search_box { width: 100%; height: 55px; background:#8d9ab8; position: relative; display: none;}
    .search_box > span { display: block; width: 100%; height: 100%; padding-right: 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .search_box > span input { width: 100%; height: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none; color:#fff; font-size: 16px; border:0 none; padding:0 50px 0 15px;}
    .search_box > span input::-webkit-input-placeholder {color: #fff; font-size:16px;} .search_box > span input::-moz-placeholder {color: #fff; font-size:16px;} .search_box > span input:-ms-input-placeholder { color: #fff; font-size:16px;} .search_box > span input:-moz-placeholder {color: #fff; font-size:16px;}
    .search_box > span .cancel {display: block; width: 20px; height: 20px; position: absolute; top:17px; right:125px}
    .search_box > a {display: block; width: 55px; height: 55px; font-size: 0; text-indent: 0; position: absolute; top:0;}
    .search_box > a.go { background: #465c8c; right:55px;}
    .search_box > a.close { background: #6f7584; right:0;}
    .search_box > a span {display:block; }
    .search_box > a.go span {background: url("../images/search.svg") no-repeat center; background-size:21px; width: 21px; height: 19px; padding:34px 0 0 35px;}
    .search_box > a.close span {background: url("../images/close_m.svg") no-repeat center; background-size:18px; width:18px; height: 17px; padding:37px 0 0 36px;}
    
    .sns_pop {display: none; width: 320px; height: 167px; background: #fff; position:fixed; left:50%; margin-left: -160px; top:70px; z-index: 10001}
    .sns_pop h2 { height: 61px; line-height: 60px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color:#333}
    .sns_pop ul { display: inline-block; height: 56px; margin-top: 25px;}
    .sns_pop ul li{ width: 56px; height: 56px; float:left; margin:0 10px;}
    .sns_pop ul li a{display: block; height: 100%; font-size: 0; border-radius: 50%; text-indent:-9999px;}
    .sns_pop ul li a span { display: block; height: 100%; }
    .sns_pop ul li:nth-child(1) a{ background: #4d67a2;}
    .sns_pop ul li:nth-child(1) a span{ background: url("../images/facebook_white.svg") no-repeat center; background-size:12px 20px; }
    .sns_pop ul li:nth-child(2) a{ background: #1da1f3;}
    .sns_pop ul li:nth-child(2) a span{ background: url("../images/twitter_white.svg") no-repeat center; background-size:19px 16px; }
    .sns_pop ul li:nth-child(3) a{ background: #ff0000;}
    .sns_pop ul li:nth-child(3) a span{ background: url("../images/google_white.svg") no-repeat center; background-size:22px 18px; }
    .sns_pop > a { position: absolute; top:0; right:0; width:60px; height:60px; font-size: 0; text-indent:-9999px;}
    .sns_pop > a span{ display: block; height: 100%; background: url("../images/pop_close.svg") no-repeat center; background-size:14px 13px;}
    
    .big_menu_m {width: 100%; height: 55px; background: #28417a;}
    .big_menu_m li { width: 14.285714%; float:left; height: 100%; line-height: 58px; }
    .big_menu_m li.on a {background: #4d67a2;}
    .big_menu_m li a { display: block; height: 100%; color:#fff; font-size: 18px; border-left: 1px solid rgba(225,225,225,0.07)}
    .big_menu_m li:first-child a { border-left: 0 none;}
    .big_menu_m li a span {  font-family: 'nanum_bold' !important; font-weight:normal; }
    
    .block_gnb_m .top5 {display: block; width: 55px; height: 55px; background: #8093be; position: absolute; top:0; right:0; z-index: 100;}
    .block_gnb_m .top5 span {display:block; width: 100%; height: 100%;}
    .block_gnb_m .top5 span.top5_o {padding-top: 15px;}
    .block_gnb_m .top5 span.top5_x {padding-top: 15px;}
    
    .top5_link {position: absolute; top:55px; right:0; z-index: 9999px; background: #fff; width: 185px; border-bottom: 1px solid #8093be; border-left: 1px solid #8093be; z-index: 999999; display: none;}
    .top5_link li a {display: block; width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #8093be; border-right: 1px solid #8093be; font-size: 15px; font-family: 'malgun gothic'; text-align: left; text-indent:15px; color:#333;}
    .top5_link li a span{display: inline-block; width: 15px; height:100%; margin-right: 5px;}
    .top5_link li:nth-child(1) a span {background: url(../images/map1.svg) no-repeat left center; background-size: 15px; }
    .top5_link li:nth-child(2) a span {background: url(../images/map2.svg) no-repeat left center; background-size: 15px; }
    
    /*click*/
    .block_gnb_m .top5_wrap.open .top5 span.top5_o{display: none;}
    .block_gnb_m .top5_wrap.open .top5 span.top5_x{display: inline-block;}
    .top5_wrap.open .top5_link {display: block;}
    
}
@media screen and (max-width:750px){
    .swiper-wrapper.big_menu_m {display: inline-block;}
    .big_menu_m {height: 50px;}
    .big_menu_m li { display:inline-block; width: auto; float:none; line-height: 52px; padding:0 18px;}
    .big_menu_m li a { border-left:0 none; position: relative;}
    .big_menu_m li.on a {background:none;}
    .big_menu_m li.on a:after { display: block; content: ""; width: 100%; height: 3px; position: absolute; bottom:0; left: 0; background: #fff;}
}
@media screen and (max-width:700px){
    .block_gnb_m .top3 { display:none;}
    .block_gnb_m .top4 { right:10px; }
    .chainM_header ul {width:110px; height:33px; top:11px; left:10px;}
    .chainM_header ul li{width:31px; margin-right:5px;}
    .chainM_header ul li a{height:31px; border:1px solid #cddaf6;}
    .chainM_header ul li img{margin:5.5px 0 0 -1px; opacity: 0.5 }
    .chainM_header ul li:nth-child(2) img{margin:6px 0 0 -2px;}
}
@media screen and (max-width:650px){
    .swiper-wrapper.big_menu_m {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
    .big_menu_m {width:900px; overflow: hidden;}
    .big_menu_m li {float:left; }
}
@media screen and (max-width:500px){
    .block_gnb_m .top3 {display: none;}
    .block_gnb_m .top4 { display: none; }
    .chainM_header {height: 50px;}
    .chainM_header h2 { text-align: left; text-indent: 15px;}
    .chainM_header h2 a img { width: 155px; }
    .chainM_header ul { left:inherit; right:55px; top: 9px}
    
    .block_gnb_m .top5 {width: 50px; height: 50px; }
    .block_gnb_m .top5 span:nth-child(2) img {margin: 14px; }
    .block_gnb_m .top5 span.top5_x {padding:0; }
    .top5_wrap.open .top5_link {top:50px;}
    
    .search_box {height: 50px;}
    .search_box > span {padding-right: 100px;}
    .search_box > span .cancel {right: 115px;}
    .search_box > a.go {height: 50px; width: 50px; right:50px;}
    .search_box > a.close {height: 50px; width: 50px;}
    .search_box > a.go span {padding:30px 0 0 30px}
    .search_box > a.close span {padding: 32px 0 0 31px}
}

/*main visual*/
section.sec0{max-width: 1198px; width: 100%; margin:0 auto; position: relative;}
section.sec0 h2 {font-family: 'nanum_bold' !important; font-weight:normal; color:#fff; font-size: 52px; padding-top: 40px; text-shadow: 0px 0px 5px rgba(255,255,255,0.3);}
section.sec0 p {font-family: 'Titillium Web' !important; color:#fff; font-size: 24px;letter-spacing:0.5px; text-shadow: 0px 0px 10px rgba(255,255,255,0.3)}
section.sec0 ul{max-width:1198px;height:100%;margin:45px auto 0 auto; }
section.sec0 ul li{display: inline-block;height:100%;position:relative; margin-left:4%; cursor: default}
section.sec0 ul li:first-child { margin-left: 0;}
section.sec0 ul li:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;}
section.sec0 ul li > .coin {width:95px; height:95px; position:absolute;top:30px;left:0; padding-left: 0;}
section.sec0 ul li > .coin .front, section.sec0 ul li > .coin .back {width:95px; height:95px;}
section.sec0 ul li > div{display:inline-block;vertical-align:middle;width:100%;padding-left:110px;letter-spacing:0;text-align:center}
section.sec0 ul li > div > span:nth-child(1) {padding:0 0 4px 0;}
section.sec0 ul li > div > span:nth-child(1),
section.sec0 ul li > div strong { display:block; width: 180px; font-family: 'nanum_bold' !important; font-weight:normal; font-size: 26px; border-bottom:1px solid rgba(225,225,225,0.4);}
section.sec0 ul li > div strong > .won { font-size: 22px; line-height: 28px}
section.sec0 ul li > div span.bit {color:#fff; text-shadow: 0px 0px 10px rgba(225,225,225,0.3); }
section.sec0 ul li > div span.eth {color:#fff; text-shadow: 0px 0px 10px rgba(225,225,225,0.3); }
section.sec0 ul li > div span.rip {color:#fff; text-shadow: 0px 0px 10px rgba(225,225,225,0.3); }
section.sec0 ul li > div strong{color:#fff; padding:10px 0;}
section.sec0 ul li > div > span:nth-child(3){display: inline-block; height:30px; line-height:30px; position: relative; font-size: 14px; margin-top:9px; font-family: 'nanum_regular' !important; font-weight:normal; color:#fff;  padding:0 9px 0 20px; border-radius: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
section.sec0 ul li > div > span:nth-child(3):after {display: block; content: ""; width: 8px; height:100%; position: absolute; top:0; left:9px;}
section.sec0 ul li > div > span:nth-child(3).up{background: #ff0000; border:1px solid #b10809}
section.sec0 ul li > div > span:nth-child(3).up:after {background:url(../images/triangle_white.svg") no-repeat left center; background-size: 8px 6px}
section.sec0 ul li > div > span:nth-child(3).down{background:#0066ff; border:1px solid #0046ae}
section.sec0 ul li > div > span:nth-child(3).down:after {background:url("../images/triangle_white2.svg") no-repeat left center; background-size: 8px 6px}
.coin_info.mo {display: none;}
.coin_info.pc {display: block;opacity: 1;}
.coin_info {font-size: 12px; color:#fff !important; opacity: 0.7; position: absolute; bottom:75px; right:50%; margin-right:-598px; }
@media screen and (max-width:1024px){
    .coin_info.mo { display: block; }
    .coin_info.pc {display: none;}
}

/*PC.ver scroll*/
#header .block_gnb.pc_scroll { background: rgba(40, 65, 122, 1); position: fixed; top:0; left: 0; z-index: 999; transition: none}
section.sec0.pc_scroll {padding-top: 75px;}

@media screen and (max-width:1198px){
        .coin_info { right:10px; margin-right:0; }
}
@media screen and (max-width:1024px){
    #header{height:390px;}
    section.sec0 h2 {font-size:40px; padding-top:50px;}
    section.sec0 p {font-size:20px;}
    section.sec0 ul li{margin-left:3%;}
    section.sec0 ul li > div > span:nth-child(3){ height:22px; line-height: 22px; font-size:12px; margin-top:7px; padding:0 6px 0 20px; }
    .coin_info { bottom:65px;}
    
    /*mobile.ver scroll*/
    .block_gnb_m.mobile_scroll .big_menu_m{  position: fixed; top:0; left: 0; z-index: 999;}
    #header.mobile_scroll {margin-top: 55px;}
}
@media screen and (max-width:1000px){
    section.sec0 ul li { margin-left:15px}
    section.sec0 ul li > div {padding-left: 97px;}
    section.sec0 ul li > div > span:nth-child(1){ width: 145px;}
    section.sec0 ul li > div strong { width: 145px; font-size: 22px;}
    section.sec0 ul li > div strong > .won { font-size: 18px; line-height: 25px}
}
@media screen and (max-width:800px){
    section.sec0 h2 {font-size:36px; padding-top:35px;}
    section.sec0 p {font-size:18px;}
    section.sec0 ul {margin:22px auto 0 auto}
    section.sec0 ul li{width:150px; margin-left: 40px;}
    section.sec0 ul li > .coin {position: static; width:80px; height:80px;}
    section.sec0 ul li > .coin .front, section.sec0 ul li > .coin .back {width:80px; height:80px;}
    section.sec0 ul li > div{padding-left:0;}
    section.sec0 ul li > div > span:nth-child(1) {padding:5px 0 2px 0; width: 100%; font-size: 23px; }
    section.sec0 ul li > div strong { width: 100%; font-size: 17px; padding:9px 0 7px 0; }
    section.sec0 ul li > div strong > .won { font-size: 15px; line-height: 20px}
    .coin_info { bottom:65px;}
}
@media screen and (max-width:600px){
    section.sec0 ul li{width:125px; margin-left:20px;}
    section.sec0 ul li > div > span:nth-child(1) {padding:7px 0 5px 0; font-size: 22px; }
    section.sec0 ul li > div strong { padding:9px 0 5px 0; }
    section.sec0 ul li > div strong > .won { line-height: 19px}
}
@media screen and (max-width:450px){
    section.sec0 ul li{width:120px; margin-left:10px;}
    section.sec0 ul li > div > span:nth-child(1) {font-size: 20px; }
    section.sec0 ul li > div strong { font-size:15px; }
    section.sec0 ul li > div strong > .won { font-size: 12px; line-height: 17px}
}
@media screen and (max-width:440px){
    #header{height:325px;}
    section.sec0 h2 {font-size:28px; padding-top:27px;}
    section.sec0 p {font-size: 15px;}
    section.sec0 ul {margin:14px auto 0 auto}
    section.sec0 ul li > div strong { padding:5px 0 3px 0; }
    section.sec0 ul li > .coin {width:65px; height:65px;}
    section.sec0 ul li > .coin .front, section.sec0 ul li > .coin .back {width:65px; height:65px;}
    .coin_info { bottom:56px; font-size: 11px; opacity: 0.6; right: 15px;}
}
@media screen and (max-width:410px){
    section.sec0 h2 {font-size:24px; }
    section.sec0 ul li{width:110px; margin-left:5px;}
    section.sec0 ul li > div > span:nth-child(1) {font-size: 18px; }
    section.sec0 ul li > div strong { font-size:14px; }
    section.sec0 ul li > div > span:nth-child(3) {font-size: 11px; height: 20px; line-height: 20px;}
}
@media screen and (max-width:370px){
    section.sec0 ul li{width:95px; }
}

#Top_story{ width: 100%; height:65px; position: absolute; bottom:0; left:0; border-bottom:1px solid #5d79b9; }
#Top_story:before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #3558a8; opacity: 0.6; border-top: 1px solid #5d79b9;}
#flash{max-width:1198px;height:100%;margin:0 auto;text-align:center;position:relative;padding:0 70px;}
#flash .flash{display:inline-block;height:100%;overflow:hidden;position:relative;}
#flash .flash .flash_con{display:inline-block;height:100%;overflow:hidden;}
#flash .flash .flash_con a{display:block;width:100%;height:64px;line-height:66px;font-size:18px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word; color:#fff; }
#flash .flash .flash_con a:hover { opacity: 0.7}
#flash .flash .flash_time{display:inline-block;height:64px; padding-left:20px}
#flash .flash .flash_time span{display:inline-block;height:64px;line-height:66px;font-size:14px;color:#fff;letter-spacing: 0; background: url("../images/time.svg") no-repeat left center; background-size: 13px; padding-left: 17px; }
#flash > a {display: block; height: 65px; position: absolute; top:1px;font-size: 0px; opacity: 0.4}
#flash > a:hover {opacity: 1; transition:all 0.3s ease-out;}
#flash > a.prev {left:0; width:67px;}
#flash > a.next {right:0;}
#flash > a.pause {right: -66px; opacity: 0.7}
#flash > a.pause:hover {opacity:1}
@media screen and (max-width:1348px){
    #flash > a.pause {display: none;}
}
@media screen and (max-width:1198px){
    #flash .flash .flash_time { display: none;}
}
@media screen and (max-width:1024px){
    #Top_story{ height:55px; }
    #flash > a.prev, #flash > a.next {width: 55px; height: 55px;}
    #flash > a.prev img, #flash > a.next img{width: 55px; height: 55px;}
    #flash .flash .flash_con a {height: 100%; line-height: 58px;}
}
@media screen and (max-width:640px){
    #flash .flash .flash_con a{font-size:16px; }
    #flash .flash .flash_con a:hover { opacity: 1}
}
@media screen and (max-width:480px){
    #flash{padding:0 10px;}
    #flash > a.prev, #flash > a.next {display: none;}
}
@media screen and (max-width:440px){
    #Top_story{ height:50px; }
    #flash .flash .flash_con a {line-height: 54px; font-size:15px;}
}

/*sub_header*/
#header.subHeader{height:308px;}
#header.subHeader section.sec0 h2 {padding-top: 20px; text-shadow: none;}
#container.depth.sub_main {padding-top:80px;}
#container .side_bar > div.right_line {display: none;}
@media screen and (max-width:1024px){
    #header.subHeader{height:150px;}
    #header.subHeader #Top_story{ display: none;}
    #header.subHeader section.sec0 h2 {padding-top: 40px;}
    #container.depth.sub_main {padding-top:50px;}
}
@media screen and (max-width:900px){
    #container .side_bar > div.right_line {display: block;}
    #container .side_bar > div:first-child {border-bottom: 0 none}
    #container.depth.sub_main {padding-top:20px;}
}
@media screen and (max-width:640px){
    #header.subHeader{height:125px;}
    #header.subHeader section.sec0 h2 {padding-top:30px;}
    #container .side_bar > div:last-child {display: none;}
}
@media screen and (max-width:480px){
 #container.depth.sub_main {padding-top:10px;}
}
@media screen and (max-width:440px){
    #header.subHeader{height:105px;}
}

#container.sub_main .sub_main_content {margin-top: 0;}
@media screen and (max-width:1024px){
}
@media screen and (max-width:900px){
    #container .side_bar > div:first-child {border-top:solid 1px #ced2d7}
}
@media screen and (max-width:640px){
    #container.sub_main .sub_main_content {margin-top:0}
}

/* -------------------------------------- section 1 :news --------------------------------------*/

section.sec1{max-width:1198px;margin:0 auto;position:relative; margin-top:80px; }
section.sec1_m{display:none;}
section.sec1 h2{position:absolute;left:-9999%;width:1px;height:1px;font-size:0px;line-height:0px;}
#main_news{width:100%;height:474px;}
/* 레벨 1 */
.level1{ width:59.6%;height:474px;float:left;position:relative;}
.level1 div{width:100%;height:100%;overflow:hidden;}
.level1 div ul{width:200%;/*임시*/ height:100%;}
.level1 div ul li{width:50%;height:100%;float:left;position:relative;}
.level1 div ul li a{width:100%;overflow:hidden; position: relative}
.level1 div ul li a:after {display: block; content: ""; width: 100%;height: 100%; position: absolute; top:0; left: 0; border:1px solid rgba(0,0,0,0.1)}
.level1 div ul li a img{display:block;min-height:100%;width:auto;max-width:none;min-width:100%}
.level1 div .lev_text{display:block;width:100%;height:218px;position:absolute;bottom:0;left:0px;overflow:hidden;content:"";background:url(../images/BG5.png);text-align:left;}
.level1 div .lev_text:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;}
.level1 div .lev_text dl{display:inline-block;vertical-align:middle;color:#fff;padding:0 20px;}
.level1 div .lev_text dt{font-size:26px;line-height:30px;max-height:60px;font-family: 'nanum_bold' !important}
.level1 div .lev_text dd.lev_text_con{font-size:14px;line-height:20px;max-height:40px;margin-top:10px;opacity:0.7}
.level1 div .lev_text dd.lev_text_info{font-size:12px;opacity:0.5;margin-top:14px;}
.level1 div .lev_text dd.lev_text_info span{display:inline-block;padding-right:12px;position:relative;line-height:13px;}
.level1 div .lev_text dd.lev_text_info span:after{display:block;content:"";width:1px;height:8px;position:absolute;top:3px;right:5px;background:#fff;opacity:0.7;}
.level1 div .lev_text dd.lev_text_info span.last:after{display:none;}
.level1 > ul{width:100%;height:30px;position:absolute;bottom:-30px;left:0;text-align:center}
.level1 > ul li{display:inline-block;width:11px;height:11px;margin-right:3px;}
.level1 > ul li a{display:block;width:100%;height:100%;background:#fff;border-radius:50%;margin-top:17px;border:1px solid #b0b0b0;font-size:0px;text-indent:-9999px;}
.level1 > ul li.click a{background:#0283ff;border:1px solid #0283ff;}
.level1 .tag_box {margin-bottom: 15px;}
/* card / 레벨 2 3 4 */
.card_wrap{width:40.4%;height:474px;float:right;position:relative;z-index:10; }
.card{width:50%;height:232px; position: absolute; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } 
.card:nth-child(1){top:0; left: 0; transition:all 0.4s ease-out}
.card:nth-child(2){top:0; left: 50%; transition:all 0.4s ease-out}
.card:nth-child(3){top:242px; left: 0; transition:all 0.4s ease-out}
.card:nth-child(4){top:242px; left:50%; transition:all 0.4s ease-out}
.card:hover a{-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15); border:1px solid #bcbcbc;}
.card:nth-child(1):hover{top:-5px; transition:all 0.4s ease-out}
.card:nth-child(2):hover{top:-5px; transition:all 0.4s ease-out}
.card:nth-child(3):hover{top:237px; transition:all 0.4s ease-out}
.card:nth-child(4):hover{top:237px; transition:all 0.4s ease-out}
.card a{display:block;width:100%;height:100%;text-align:left; border:1px solid #d9d9d9; overflow: hidden;}
.card:nth-child(2) a img{ max-width: inherit;}
.card a > span{display:block;height:129px;background:gray;border:0 none;overflow:hidden;position:relative; border-bottom:1px solid #f2f2f2} 
.card a > span img{display:block;width:100%;min-height:100%;}
.card a > div { padding:15px;}
.card a > div h4 { font-size: 16px; color:#000; margin-top:5px; height:44px; line-height:22px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-family: 'nanum_bold' !important; font-weight:normal; font-weight:normal;}
.main_ad_m {display: none;}

@media screen and (max-width:1300px){
    .card:nth-child(2) a img{max-width: 100%;height: 100%;}
}
@media screen and (max-width:1024px){
    section.sec1 { display: none;}
    section.sec1_m { display: block; }
    
    .sec1_1_m { padding: 15px 0 12px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf;}
    .sec1_1_m ul { width: 100%; height: 100%;}
    .sec1_1_m ul:after { clear: both; display: block; overflow: hidden;}
    .sec1_1_m ul li { width: 25%; height: 100%; float:left;}
    .sec1_1_m ul li a { display: block; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:15px;}
    .sec1_1_m ul li a p { width: 100%; font-size: 15px; color:#333; height:40px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; padding-top:8px; text-align: left;}
    .sec1_1_m ul li a span { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 60%;}
    .sec1_1_m ul li a span:after { display: block; content: ""; width:100%; height:100%; position: absolute; top:0; left: 0; border:1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:0.5}
    .sec1_1_m ul li a span img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    
    .sec1_2_m { width: 100%; height:140px;  border-top:9px solid #eceeef; padding: 5px 15px 5px 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; text-align: left;}
    .sec1_2_m li { width: 50%; height: 40px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height: 40px;  }
    .sec1_2_m li a { display: block; height: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:5px; font-size: 15px; color:#333; border-bottom: 1px solid #eceeef; line-height: 45px}
    .lev2_m, .lev3_m {display: none;}
    .lev5_m, .lev7_m, .lev9_m { padding-left: 10px;}/*right*/
    .sec1_2_m li.lev8_m a, .sec1_2_m li.lev9_m a{ border-bottom: 0 none;}
    .main_ad_m {display: block; width: 100%; height:90px; border-top:9px solid #eceeef; border-bottom:1px solid #d8dbdf; overflow: hidden; position: relative}
    .main_ad_m a {display: block; height: 100%;}
    .main_ad_m a div {height: 100%}
    .main_ad_m img {display: block; width:350px; height:auto; position: absolute; top:0; left: 50%; margin-left: -175px; max-width: inherit}
}
@media screen and (max-width:640px){ 
    .sec1_1_m ul li { width: 33.33%; }
    .sec1_1_m ul li:nth-child(4) { display: none;}
    .lev3_m {display:block;}
    .lev9_m {display:none;}
    .lev5_m, .lev7_m, .lev9_m { padding-left: 0;}
    .lev4_m, .lev6_m, .lev8_m { padding-left:10px;}
    .sec1_2_m li.lev7_m a{ border-bottom: 0 none;}
}
@media screen and (max-width:480px){ 
    .sec1_1_m ul li { width: 50%; }
    .sec1_1_m ul li:nth-child(3) { display: none;}
    .lev2_m {display:block;}
    .lev7_m, .lev8_m {display:none;}
    .lev4_m, .lev6_m, .lev8_m { padding-left: 0;}
    .sec1_2_m li.lev6_m a{ border-bottom: 0 none;}
    
    .sec1_2_m { padding: 0 15px; height:212px;}
    .sec1_2_m li { width: 100%; float:none; }
    .sec1_2_m li a { display: block; height: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:5px; font-size: 15px;  }
}


/* -------------------------------------- section 2 : timeline -------------------------------------- */
section.sec2_m { display: none;}
section.sec2 { width:100%; margin:80px auto 0 auto;}
section.sec2 h2 { width: 100%; height:33px; font-family: 'nanum_bold' !important; font-weight:normal; font-size: 32px; color:#333;}
.timeline {position:relative; max-width:1198px; height: 280px; margin: 25px auto 20px auto; box-sizing: border-box; }
.timeline * {box-sizing: border-box;}
.timeline:before {display:block; position: absolute; top:75px; left:0; width:100%; height:2px; background:url(../images/blockchain_07.jpg) repeat-x; content: '';}
/*button*/
.timeline .time_btn { display:block; position: absolute; z-index: 30;}
.timeline .time_btn.count_front { width:39px; height: 23px; top:64px; left: -15px;}  
.timeline .time_btn.arrow_front { width:14px; height: 23px; top:64px; left: 22px;} 
.timeline .time_btn.arrow_back { width:14px; height: 23px; top:64px; right: 24px; } 
.timeline .time_btn.count_back { width:39px; height: 23px; top:64px; right: -15px; }
.visible-area {position:relative;  max-width:1050px; width: 100%; height: 250px; margin:0 auto; }

.visible-area .left_space_in { display:block; position: absolute; top:0; left:-74px; width:74px; height:203px; background-color:#fff; content: '';  }
.visible-area .left_space_in span { display: block; position: relative; width: 100%; height:2px; background:url(../images/blockchain_07.jpg) repeat-x; margin-top: 75px; }
.visible-area .right_space_in { display:block; position: absolute; top:0; right:-74px; width:74px; height:203px; background-color:#fff; content: '';  }
.visible-area .right_space_in span { display: block; position: relative; width: 100%; height:2px; background:url(../images/blockchain_07.jpg) repeat-x; margin-top: 75px; }
.issue-list {position: absolute; top:17px; left:0; max-width: 1198px; width: 100%;}
.issue-list li{display: block; position: relative; float:left; width:20%; height:213px; }
.issue-list li a {display: block; position:absolute; top:0; left:0; width:100%; height:100%; padding:5px 15px 0 15px; }
.issue-list .date {display:inline-block; height: 24px; padding:0 8px; position:relative; border: 1px solid #6f6f6f; background-color: #eaeaea; color: #666; line-height: 24px; text-align: center; font-size: 12px; font-weight: normal;}
.issue-list .date:before {position: absolute; top:45px; left:50%; margin-left:-7.5px; display: block; width:15px; height:15px; border-radius:50%; border:1px solid #646464; background-color: #fff; content: ''; box-sizing: border-box; transition:all 0.4s ease-out;}  
.issue-list .date:after { display: block; content: ""; width:10px; height:11px; position: absolute; bottom:-11px; left:50%; background: url(../images/politics_10.png); margin-left: -5px;}

.issue-list .maintit {display: block; margin-top:65px; }
.issue-list .maintit > span { display: inline-block; position: relative}
.issue-list .title {display: inline-block; text-align: center; font-size:18px; line-height:24px; height:48px; overflow: hidden; font-family: 'nanum_bold' !important; font-weight:normal;}
.issue-list .subtitle{display: block; position:relative; overflow:hidden; height: 20px; line-height: 20px; font-size: 14px; color:#888; margin-top: 15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.issue-list .more { display:inline-block; width: 66px; height: 27px; font-size: 12px; text-align: center; color:#888; border:1px solid #b9b9b9; border-radius: 15px; line-height: 26px; margin-top: 5px;}
.issue-list .more span {}
.issue-list .more span img {display: inline-block; width: 7px; height: 7px; margin-top:9px;}
.issue-list .new_icon {display: none;}
/*Blue Contents*/
.issue-list .new .date {border: 1px solid #266bae; background: #4392dd; color: #fff;}
.issue-list .new .date:after { background: url(../images/politics_10_p.png);}
.issue-list .new .date:before {border:1px solid #266bae; background-color: #4392dd;}  
.issue-list .new .title {color:#247acd;}
.issue-list .new .new_icon { display: block; width: 27px; height: 13px; position: absolute; top:-15px; left:0;}
/*hover effect*/
.issue-list li a:hover .more { color:#fff; background: #555; border:1px solid #555; transition:all 0.3s ease-out;}
.issue-list li a:hover .title { color:#333;}
.issue-list li a:hover .date { color:#fff; background: #555;}
.issue-list li a:hover .date:before {border:1px solid #555; background-color: #555; width: 25px; height: 25px; top:40px; left:50%; margin-left:-12.5px;}
.issue-list li a:hover .date:after { background: url("../images/blockchain_09.png");}
.issue-list li.new a:hover .more { color:#fff; background: #2b4680; border:1px solid #2b4680; transition:all 0.3s ease-out;}
.issue-list li.new a:hover .title { color:#2b4680;}
.issue-list li.new a:hover .date { background: #2b4680; border:1px solid #2b4680;}
.issue-list li.new a:hover .date:before {border:1px solid #2b4680; background-color: #2b4680;}
.issue-list li.new a:hover .date:after { background: url("../images/blockchain_10.png");}

@media screen and (max-width:1198px){
    .visible-area .left_space_in,
    .visible-area .right_space_in {display: none;}
}

@media screen and (max-width:1024px){
    section.sec2 { display: none;}
    section.sec2_m { display: block; border-top:9px solid #eceeef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d8dbdf; padding-bottom: 15px; position: relative;}
    section h3{ height:45px; line-height:47px; font-size: 20px; font-family: 'nanum_bold' !important; font-weight:normal; color:#333; text-align: left; }
    section.sec2_m h3{ padding:0 15px;}
    section.sec2_m h3 span {display: block; width: 100%; height: 100%; border-bottom: 1px solid #e8e9ec; font-family: 'nanum_bold' !important; font-weight:normal;}

    /*모바일 스와이프 / 이슈 타임라인 */    
    .m_timeline_wrap { width: 100%; position: relative; }              
    .m_timeline_wrap div { width:100%; height:182px; margin-top: 10px;}
    .m_timeline_wrap div > ul { width: 100%; height:100%; position: absolute; top: 0; left:15px; overflow: hidden;}
    .m_timeline_wrap div > ul:after{ content:""; display:block; clear:both; }
    .m_timeline_wrap div > ul > li { width:210px; height:100%; float:left; text-align: center; }
    .m_timeline_wrap div > ul > li a { display: block; width:100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px; text-align: left; color:#fff; position: relative;}
    .m_timeline_wrap div > ul > li a .date{ display: inline-block; width: 100%; height: 16px; font-size: 12px;}
    .m_timeline_wrap div > ul > li a .date span { display: inline-block; padding-left:17px; }
    .m_timeline_wrap div > ul > li a strong{ display: block; color:#fff; margin-top:25px; font-size: 16px; color:#fff; font-weight: normal; height:60px; line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}
    .m_timeline_wrap div > ul > li a .new { display:inline-block; width: 27px; height: 13px; position: absolute; top:39px; left:16px; background: #fff; font-family: 'Titillium Web' !important; font-size: 10px; font-weight: bold; text-align: center; line-height: 13px;}
    .m_timeline_wrap div > ul > li a .issue_tit { display: block; opacity: 0.6; margin-top: 20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    .m_timeline_wrap div > ul > li a .more {display:inline-block; position: absolute; bottom:10px; right:15px; font-size: 12px;}
    
    /*type color*/
    .m_timeline_wrap div > ul > li.i_type01 a { background: #7b8e36; }
    .m_timeline_wrap div > ul > li.i_type01 a .date {color:#c3e254}
    .m_timeline_wrap div > ul > li.i_type01 a .new {color:#7b8e36; }
    .m_timeline_wrap div > ul > li.i_type01 a .date span { background: url("../images/clock_type04.svg")no-repeat; background-size: 14px;}
    
    .m_timeline_wrap div > ul > li.i_type02 a { background: #34798d; }
    .m_timeline_wrap div > ul > li.i_type02 a .date {color:#5ac6e5}
    .m_timeline_wrap div > ul > li.i_type02 a .new {color:#34798d; }
    .m_timeline_wrap div > ul > li.i_type02 a .date span { background: url("../images/clock_type03.svg")no-repeat; background-size: 14px;}
    
    .m_timeline_wrap div > ul > li.i_type03 a { background: #34508d; }
    .m_timeline_wrap div > ul > li.i_type03 a .new {color:#34508d; }
    .m_timeline_wrap div > ul > li.i_type03 a .date {color:#9bceff;}
    .m_timeline_wrap div > ul > li.i_type03 a .date span { background: url("../images/clock_type01.svg")no-repeat; background-size: 14px;}
    
    .m_timeline_wrap div > ul > li.i_type04 a { background: #8a3564; }
    .m_timeline_wrap div > ul > li.i_type04 a .date {color:#e975b5}
    .m_timeline_wrap div > ul > li.i_type04 a .new {color:#8a3564; }
    .m_timeline_wrap div > ul > li.i_type04 a .date span { background: url("../images/clock_type05.svg")no-repeat; background-size: 14px;}

    .m_timeline_wrap div > ul > li.i_type05 a { background: #43358a; }
    .m_timeline_wrap div > ul > li.i_type05 a .date {color:#a492ff}
    .m_timeline_wrap div > ul > li.i_type05 a .new {color:#43358a; }
    .m_timeline_wrap div > ul > li.i_type05 a .date span { background: url("../images/clock_type02.svg")no-repeat; background-size: 14px;}
}

@media screen and (max-width:480px){
    section.sec2_m { padding-bottom: 10px;}
}
@media screen and (max-width:440px){
    section h3{ font-size:18px;}
}


/*-------------------------------------- sec2 :contents --------------------------------------*/
section.sec3{width:100%;position:relative; background: #f3f3f3; padding:70px 0}
section.sec3_m {display: none;}
section.sec3 .core_news {max-width:1198px;margin:0 auto;margin-bottom:0;}
section.sec3 .core_news h3{padding:5px 0 15px 0; color:#3e3e3e;}
section.sec3 .core_news h3 a { display: inline-block; font-size: 32px; font-family: 'nanum_bold' !important; font-weight:normal; color:#333; position: relative;}
section.sec3 .core_news h3 a:after { display: block; content: ""; width: 10px; height: 10px; position: absolute; top:-5px; right:-17px; border-radius: 50%;}
section.sec3 .core_news h3 > span { display: block; margin: 5px 0; font-size: 16px;}
.cube_box{width:100%;height:309px;}
.cube_box ul{width:100%;/*임시*/ height:100%;}
.cube_box ul li{width:20%;height:100%;float:left;padding-right:10px;}
.cube_box ul li a{display:block;width:100%;height:100%;border:1px solid #d5d5d5;background: #fff;}
/*img*/
.cube_box ul li .thumb{display:block;width:100%;height:155px;overflow:hidden;position:relative;border-bottom:1px solid rgba(0,0,0,0.1)}
.cube_box ul li .thumb > img{display:block;width:278px;min-height:100%;max-width:inherit; position: absolute; top:0; left: 50%; margin-left: -139px;}
/*text => 말줄임 넣기 */
.cube_box ul li dl{text-align:left;padding:20px 15px;}
.cube_box ul li dl dt{font-size:16px;height: 40px; color:#333;font-family: 'nanum_bold' !important; font-weight:normal; line-height:22px;margin-bottom:10px;padding-bottom:2px;}
.cube_box ul li dl dd.cube_con{position:relative;color:#666;font-size:13px;line-height:18px;height: 36px;}
.cube_box ul li dl dd.cube_date{color:#999;font-size:12px;letter-spacing:0;margin-top:9px;position: relative;max-width: 100%; display: inline-block;}
.cube_box ul li dl dd.cube_date span { display: inline-block}
.cube_box ul li dl dd.cube_date span:first-child { position: relative; display: block; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 75px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cube_box ul li dl dd.cube_date span:nth-child(2) {position: absolute;top: 0;right: 0;}
.cube_box ul li dl dd.cube_date span:nth-child(2):after { display: block; content: ""; width: 1px; height: 9px; position: absolute; top:3px; left:-6px; background: #dcdcdc;}
/*hover*/
.cube_box ul li a.over {-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);}
.cube_box ul li a.over dl dt{color:#fff;/*position:relative;display:inline-block;width:100%;*/}
.cube_box ul li a.over dl dd.cube_con { color:#fff; opacity: 0.8}
.cube_box ul li a.over dl dd.cube_date{color:#fff; opacity: 0.6}
/*policy : hover effect*/ 
.policy .cube_box ul li a.over { background: #b70c18; border:1px solid #b70c18;}
section.sec3.policy .core_news h3 a:after { background: #b70b17; }
/*industry : hover effect*/ 
section.sec3.industry {background: #fff;}
.industry .cube_box ul li a.over { background: #ef6800; border:1px solid #ef6800;}
section.sec3.industry .core_news h3 a:after { background: #ef6800; }
/*market : hover effect*/ 
.market .cube_box ul li a.over { background: #009b28; border:1px solid #009b28;}
section.sec3.market .core_news h3 a:after { background: #009b28; }
/*people_life : hover effect*/ 
section.sec3.people_life {background: #fff;}
.people_life .cube_box ul li a.over { background: #004ea1; border:1px solid #004ea1;}
section.sec3.people_life .core_news h3 a:after { background: #004ea1; }
/*market : hover effect*/ 
.opinion .cube_box ul li a.over { background: #7c24b8; border:1px solid #7c24b8;}
section.sec3.opinion .core_news h3 a:after { background: #7c24b8; }
/*market : hover effect*/ 
section.sec3.english {background: #ccc;}
.english .cube_box ul li a.over { background: #db27d0; border:1px solid #db27d0;}
section.sec3.english .core_news h3 a:after { background: #db27d0; }

@media screen and (max-width:1024px){
    section.sec3{display: none;}
    section.sec3_m {display: block; border-top:9px solid #eceeef; border-bottom:1px solid #d8dbdf; padding:0 15px; position: relative;}
    
    .sec3_m h3 { border-bottom: 1px solid #e8e9ec; }
    .sec3_m h3 a {display: block; height: 100%; color:#333}
    .sec3_m h3 a > span { position: relative; font-family: 'nanum_bold' !important; font-weight:normal;}
    .sec3_m h3 a > span:after { display: block; content: ""; width:7px; height:7px; position: absolute; top:-2px; right:-12px; border-radius: 50%;}
    .sec3_m.policy h3 span:after{background: #b70c18}
    .sec3_m.industry h3 span:after{background: #ef6800}
    .sec3_m.market h3 span:after{background: #009b28}
    .sec3_m.people_life h3 span:after{background: #004ea1}
    .sec3_m.opinion h3 span:after{background: #7c24b8}
    .sec3_m.english h3 span:after{background: #db27d0}
    section .sec3_m_more {display:inline-block; width:45px; height: 45px; position: absolute; top:0; right:0; background:url("../images/sec3_arrow.svg")no-repeat center; font-size: 0; background-size:9px 15px;}
    
    .sec3_m ul li {padding:8px 0 0 0; }
    .sec3_m ul li .lev1 { padding: 0 235px 0 0; position: relative; height: 140px; display: table; text-align: left}
    .sec3_m ul li .lev1:after { display: block; content: ""; width:200px; height:1px; background:#eceeef;  position: absolute; bottom:-1px; left: 50%; margin-left: -100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; }
    .sec3_m ul li .lev1 > span { display: table-cell; vertical-align: middle;}
    .sec3_m ul li .lev1 strong { display: block; max-height:52px; overflow:hidden; margin-top: 5px; }
    .sec3_m ul li .lev1 strong span{ max-height:100%; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-size: 20px; color:#000; font-weight: normal !important; font-family: 'nanum_bold' !important; }
    .sec3_m ul li .lev1 span.newest_lev1_con { display: block; height:40px; overflow:hidden; margin:10px 0 7px 0;}
    .sec3_m ul li .lev1 span.newest_lev1_con span {height:100%; line-height:20px; color:#666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}

    .sec3_m ul li .lev1 span.newest_lev1_img { display: block; width:215px; height: 120px; position: absolute; top:5px; right:0; overflow: hidden;}
    .sec3_m ul li .lev1 span.newest_lev1_img span { display: block; width: 100%; height: 100%; position: relative; }
    .sec3_m ul li .lev1 span.newest_lev1_img span:after { display: block; content: ""; width: 100%; height:100%; border:1px solid #e8e9ec; position: absolute; top: 0; left: 0; z-index: 50; opacity: 0.5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} 
    .sec3_m ul li .lev1 span.newest_lev1_img img { display: block; width: 100%;  }
    .sec3_m ul li .lev1 span.newest_lev1_info { display: block; font-size: 12px; color:#999; padding-bottom: 18px}
    .sec3_m ul li .lev1 span.newest_lev1_info > span { display: inline-block; padding-right: 13px; position: relative;}
    .sec3_m ul li .lev1 span.newest_lev1_info > span:after { display: block; content: ""; width:1px; height:8px; position: absolute; top:2px; left:-6px; background:#dcdcdc; z-index: 10; } 
    .sec3_m ul li .lev1 span.newest_lev1_info > span:nth-child(2) { letter-spacing: 0;}
    .sec3_m ul li .lev1 span.newest_lev1_info > span:first-child:after { display: none; }
    
    .sec3_m ul li .newest_lev234_wrap { display: block; width: 100%; height: 82px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left:15px 0; }
    .sec3_m ul li .newest_lev234_wrap span { display: block; width: 50%; height: 41px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  padding-right:15px;}
    .sec3_m ul li .newest_lev234_wrap span:nth-child(2n+2) {padding-right: 0}
    .sec3_m ul li .newest_lev234 { display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: left; line-height:40px; font-size:15px; color:#333; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; border-top: 1px solid #eceeef; padding:0 5px 0 3px; }
}
@media screen and (max-width:480px){
    .sec3_m ul li .lev1 { padding: 0 135px 0 5px; height:79px; }
    .sec3_m ul li .lev1 strong { max-height:44px; }
    .sec3_m ul li .lev1 strong span{ font-size: 17px; line-height: 22px; max-height:44px; }
    .sec3_m ul li .lev1 span.newest_lev1_img { width:115px; height:70px; right:5px;}
    .sec3_m ul li .lev1 span.newest_lev1_img img { min-height: 100%;}
    .sec3_m ul li .lev1 span.newest_lev1_con { margin:6px 0 13px 0; height:36px;}
    .sec3_m ul li .lev1 span.newest_lev1_con span { line-height:18px; color:#999; font-size: 13px}
    .sec3_m ul li .lev1 span.newest_lev1_info { display: none;}
    .sec3_m ul li .lev1:after { display: none;}
    .sec3_m ul li .newest_lev234_wrap { height:164px; padding-left:0; }
    .sec3_m ul li .newest_lev234_wrap span { width: 100%; height: 41px; float:none; padding-right:10px;}
    .sec3_m ul li .newest_lev234_wrap span:nth-child(2n+1) {padding-right: 0}
    .sec3_m ul li .newest_lev234 { padding-right:5px; padding-left:5px;}
    section .sec3_m_more {width:40px;}
}


/*-------------------------------------- section 3:key word trend --------------------------------------*/
section.sec4{width:100%;height:auto;background:#e4eff5;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
section.sec4 h2{width:100%;height:37px;padding:80px 0 40px 0; font-size: 32px; font-family: 'nanum_bold' !important; font-weight:normal; color:#333;}
.chart_tabs {height: 41px;font-size: 12px;text-align: center; margin-bottom:20px;}
.chart_tabs li {display: inline-block;width: 145px; height:100%; margin:0 5px;}
.chart_tabs li a {display: block; height: 100%; line-height: 41px;background: #fff; border-radius: 21px;font-size: 15px;color: #666;font-size: 16px; }
.chart_tabs li.active a, .chart_tabs li a:hover {color: #fff; background: #2c4985}
@media screen and (max-width:1024px) {
    .chart_tabs {height: 82px; border-top: 1px solid #eceeef; border-left: 1px solid #eceeef; margin-top: 10px; margin-bottom:0;}
    .chart_tabs li {display: block;width: 50%;height: 41px;line-height: 41px;float: left;border-right: 1px solid #eceeef;border-bottom: 1px solid #eceeef;font-size: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin:0;}
    .chart_tabs li a{border-radius: 0;}
    .chart_tabs li.active a, .chart_tabs li a:hover {background: #999; color:#fff;}
}

section.sec4 #trend_chart{max-width:1198px;height:380px;margin:0 auto;padding-bottom:40px;}
span.tab_sns{display:block;width:100%;height:50px;line-height:50px; background: #cee0ea;}
span.tab_sns span{display:inline-block;margin-right:10px;color:#666;font-size:13px;}
span.tab_sns a{display:inline-block;width:32px;height:32px;margin-top:9px;}
@media screen and (max-width:1024px){
    section.sec4{background:#fff; padding:0 15px; border-top:9px solid #eceeef; }
    section.sec4 h2{ height:45px; line-height: 47px; font-size: 20px; text-align: left; padding:0; border-bottom: 1px solid #e8e9ec}
    span.tab_sns{background: #fff; border-top:1px solid #e8e9ec; border-bottom:1px solid #e8e9ec}
}
@media screen and (max-width:900px){
    section.sec4 #trend_chart{padding-bottom:0; margin-top: 10px;}
    pan.tab_sns{border-bottom:0 none;}
}
@media screen and (max-width:640px){
    section.sec4 #trend_chart {margin-bottom: 10px;}
}
@media screen and (max-width:440px){
    section.sec4 h2{ font-size: 18px;}
}
@media screen and (max-width:1298px){
    section.sec1, section.sec2{padding:0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    section.sec3 {padding-left: 15px; padding-right:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}

/* -------------------------------------------------- sub - right -------------------------------------------------- */
#container { padding-top: 0; }
#container .side_bar.view_right{margin-top:0px}
#container .view_cate{ top:0px;}
.view_cate .select_cate {font-weight: normal;}
.sub_view h2 {font-family: 'nanum_bold'; padding-top: 0}
#container .right_sub_con > div h3 { font-weight:normal; font-family: 'nanum_bold'; line-height: 40px;color:#333;letter-spacing:-0.25px}
@media screen and (max-width:900px){ 
    #container { margin:0; padding:0; /*border-top:9px solid #eceeef;*/}
    #container .sub_view h2{padding-top:15px}
    #container #v-right, #container #m-right{float:none;width:auto}
    #container #v-left, #container #m-left{float:none;width:auto;/*border-bottom:1px solid #d8dbdf;*/}
    #container #v-right-scroll-start, #container #m-right-scroll-start{margin-left:0px}
    /*title*/
    #container .right_sub_con > div { border-top:9px solid #eceeef; border-bottom:1px solid #d8dbdf; border-left: 0 none; border-right: 0 none; margin-bottom:0;}
    #container .right_sub_con > div > h3 { height:45px;line-height:47px; padding:0 0 0 10px;font-size:20px;color:#333;letter-spacing:-0.25px;border-bottom:0 none;background:#fff;}
    #container .right_sub_con > div > h3 span { color:#257bcd; }
    #container .right_sub_con > .right_flash > h3 span { display: inline-block; height:100%; color:#333;}
    #container .side_bar > .right_flash .sec6_m_more{ text-align:center }
    /*padding*/
    #container .sub_view h2,
	#container .sub_view .subject_info,
	#container .sub_view .view_top,
	#container .sub_view .view_con,
	#container .sub_view .relation_list{padding-left:10px;padding-right:10px;}
    #container .sub_view .view_top .btn_info{right:10px;}
    #container .side_bar.view_right.m_none {display: none;}
    /*검색결과 mobile padding*/
    .search_result .search_list div > h3 {padding-left: 10px;}
    .news_list li {padding:20px 10px}
    .news_list li > div {padding-left:155px;}
    .news_list li > p {left: 10px;}
}
@media screen and (max-width:640px){ 
    .news_list li > div {padding-left:105px;}
    .news_list li > p {top:25px;}
}
@media screen and (max-width:440px){ 
    #container .right_sub_con > div > h3 { font-size:18px;}
}

/*right_AD*/
.right_ad {width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 30px;} /* 기사 읽기 피씨 전용*/
.right_ad a {display: block; height: 100%; width: 100%; }
.right_ad img{ display: block; width: 100%; height: auto; max-width: inherit}
.right_ad.m_ad{display: none;}
@media screen and (max-width:900px){ 
    .right_ad.m_ad{display: block; height: 80px; margin-bottom: 20px;} /*기사 읽기 부분 (모바일) // w 350일때 정해지는 h 입력 */
    .right_ad.m_ad.monly {height: 80px;} /*이슈 리스트, 기사 리스트 페이지 그레이 라인 있는 부분 (모바일 전용) // 이미지px + 10px 해야함*/
    .right_ad.m_ad a div {height: 100%;}
    .right_ad.m_ad a img{width:350px; height: auto; margin:0 auto}
    .right_ad.pc_ad, .right_ad .pc_ad {display: none;} 
    #m-right .side_bar > div.right_ad.m_ad.monly{display: block; padding:0}
}

.sub_view .relation_list {padding:0 0 30px 0}

/*best click*/
.right_sub_con > div {  width:100%; position: relative; border:solid 1px #ced2d7; margin-bottom: 10px;}
.right_sub_con > div h3 span { color:#0d7fbe; }
.right_news_zone ol{padding:2px 15px 10px}
.right_news_zone ol li{position:relative;max-height:49px;padding-top:8px;margin-bottom:7px;border-top:solid 1px #ced2d7;overflow:hidden;}
.right_news_zone ol li:first-child{border-top:none;}
.right_news_zone ol li > span{position:absolute;left:0;top:50%;display:block;width:16px;height:16px;line-height:16px;margin-top:-4px;text-align:center;font-size:11px;color:#fff;background:url("../images/bg_best_off.png") no-repeat left top}
.right_news_zone ol li.best > span{background:url("../images/bg_best_on.png") no-repeat left top}
.right_news_zone ol li > p a{position:relative;line-height:24px;color:#666;padding:0 90px 0 25px;*font-size:12px; overflow: hidden;text-overflow: ellipsis;white-space: normal;height:44px;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; display:table-cell;vertical-align:middle; font-family: 'nanum_bold';font-weight:normal;}
.right_news_zone ol li.best > p a{font-weight:normal;color:#444; padding-right: 90px;}
.right_news_zone ol li > p a.no_img{padding-right:0;}
.right_news_zone ol li > p{width:100%;display:table;}
.right_news_zone .thumb{position:absolute;display:block;top:0;right:0;width:76px;height:42px;border:1px solid #e2e2e2;text-align:center;overflow:hidden}
.right_news_zone .thumb span{display:block;width:100%;height:100%;line-height:38px}
.right_news_zone .thumb img{max-width:100%;max-height:100%;vertical-align:middle}
.right_news_zone > p{display:none}
.right_news_zone h4{ display: none; }
.right_news_zone ol li#li_best_6, .right_news_zone ol li#li_best_7, .right_news_zone ol li#li_best_8, .right_news_zone ol li#li_best_9, .right_news_zone ol li#li_best_10 { display: none}
@media screen and (max-width:900px){ 
    .right_sub_con > div { border-top:9px solid #eceeef; border-bottom:1px solid #d8dbdf; border-left: 0 none; border-right: 0 none; margin-bottom:0;}
    .right_sub_con > div h3 { text-align: center; height:inherit;line-height: inherit; padding:15px 0 13px 0;font-size:22px;font-weight:bold;color:#333;letter-spacing:-1px;border-bottom:0 none;background:#fff; }
    .right_sub_con > div h3 span { color:#257bcd; }
    .right_news_zone ol{height:205px; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
    .right_news_zone ol li{width: 50%; height: 41px; position:relative;max-height:inherit;padding-top:0px;margin-bottom:0px;border-top:0 none;overflow:hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .right_news_zone ol li#li_best_1 { top:0; left: 10px; padding-right: 10px;}
    .right_news_zone ol li#li_best_2 { top:0; left: 50%}
    .right_news_zone ol li#li_best_3 { top:40px; left: 10px; padding-right: 10px;}
    .right_news_zone ol li#li_best_4 { top:40px; left: 50%}
    .right_news_zone ol li#li_best_5 { top:80px; left: 10px; padding-right: 10px;}
    .right_news_zone ol li#li_best_6 { display: block; top:80px; left: 50%}
    .right_news_zone ol li#li_best_7 { display: block; top:120px; left: 10px; padding-right: 10px;}
    .right_news_zone ol li#li_best_8 { display: block; top:120px; left: 50%}
    .right_news_zone ol li#li_best_9 { display: block; top:160px; left: 10px; padding-right: 10px;}
    .right_news_zone ol li#li_best_10 { display: block; top:160px; left: 50%}
    .right_news_zone ol li:first-child{border-top:0 none;}
    .right_news_zone ol li > span{position:absolute;left:5px;top:50%;display:block;width:16px;height:16px;line-height:16px;margin-top:-8px;font-size:15px;color:#0078bd;background:none; font-weight: bold}
    .right_news_zone ol li.best > span{background:none;}
    .right_news_zone ol li > p{width:100%;display:table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px;}
    .right_news_zone ol li > p a.no_img{padding:0 10px 0 28px;}
    .right_news_zone ol li.best > p a{font-weight:bold;color:#333; padding:0 10px 0 28px;}
    .right_news_zone ol li > p a{ height:auto; position:relative; display:table-cell; padding:0 10px 0 28px;vertical-align:middle; line-height:40px;color:#333;*font-size:15px; font-size:15px; text-align: left; border-top: 1px solid #eceeef; font-weight: normal !important;
    overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap: break-word; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-family:inherit;}
    .right_news_zone .thumb{display: none; }
}
@media screen and (max-width:480px){ 
    .right_sub_con > div h3 { font-size:18px;padding: 10px 0;}
    .right_news_zone ol li{width:100%; }
    .right_news_zone ol li#li_best_1 { top:0; left: 10px;}
    .right_news_zone ol li#li_best_2 { top:40px; left: 10px; padding-right: 10px;}
    .right_news_zone ol li#li_best_3 { top:80px; left: 10px; }
    .right_news_zone ol li#li_best_4 { top:120px; left: 10px;  padding-right: 10px;}
    .right_news_zone ol li#li_best_5 { top:160px; left: 10px; }
    .right_news_zone ol li#li_best_6, .right_news_zone ol li#li_best_7, .right_news_zone ol li#li_best_8, .right_news_zone ol li#li_best_9, .right_news_zone ol li#li_best_10 { display: none}
}


/* "속보" */
#container .side_bar .right_flash h3 { padding-left: 10px;}
.right_flash h3 img{margin-top:8px;margin-right:3px;width:50px;}
.side_bar .right_flash h3 span {font-size: 16px; color:#333; }
.right_flash > div{max-height:295px;overflow:hidden;}
.right_flash > div ul{width:100%;margin:0 auto;position:relative;}
.right_flash > div ul li{width:100%;text-align:left;position:relative;}
.right_flash > div ul li:last-child { padding-bottom: 10px;}
.right_flash > div ul li:after{display:block;content:"";width:1px;height:100%;position:absolute;top:0;left:27px;background:#ced2d7;}
.right_flash > div ul li a{display:block;width: 100%; height:100%;position:relative;}
/*clock*/
.right_flash > div ul li .sec6_time{width:48px;height:100%;float:left;position:absolute;top:0;left:0;}
.right_flash > div ul li .sec6_time:after{display:block;content:"";width:19px;height:19px;position:absolute;top:24px;left:18px;background:url(../images/politics_15.png);background-size:contain;z-index:10;} 
.right_flash > div ul li .sec6_time span{display:block;width:49px;height:14px;line-height:14px;text-align:right;color:#999;font-size:11px;background:#fff;z-index:11;position:relative;top:5px;left:0;text-align:center;letter-spacing:-1px;}
/*con*/
.right_flash > div ul li dl{height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:15px;position:relative;padding-left:48px;}
.right_flash > div ul li a dl dt{width:100%;height:52px;}
.right_flash > div ul li a dl dt:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.right_flash > div ul li a dl dt .sec6_dt {vertical-align: middle;display:inline-block;padding-top:16px;}
.right_flash > div ul li a dl dt .sec6_dt span {display: block;font-size:13px;color:#666;max-height:33px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.right_flash > div ul li a dl dt .sec6_info{display:none;}
.right_flash > div ul li a dd{display:none;}
/*first*/
.right_flash > div ul li.rf_first a dd{display:block;width:134px;max-height:76px;overflow:hidden;margin-top:8px;}
.right_flash > div ul li.rf_first a dd img{display:block;width:100%;}
/*red*/
.right_flash > div ul li.rf_red .sec6_time:after{background:url(../images/politics_14.png);background-size:contain;}
.right_flash > div ul li.rf_red .sec6_time span{color:#ff0000;letter-spacing:-1px;width:100%;left:0;}
.right_flash > div ul li.rf_red a dl dt{color:#444;}
.right_flash > ul{width:100%;height:35px;border-top:1px solid #ced2d7;background:#f7f7f7;position:relative;z-index:1;}
.right_flash > ul li{width:50%;height:35px;float:left;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.right_flash > ul li:first-child{border-right:1px solid #ced2d7;}
.right_flash > ul li a{display:block;height:100%;}
.right_flash > ul li a img{display:inline-block;width:14px;padding-top:14px}
.right_flash .sec6_m_more{display:none;}
@media screen and (max-width:900px){
    .right_flash > div {border-top:1px solid #e6e8eb}
    .right_flash h3 img{margin-top:10px;}
    #container .side_bar .right_flash h3 span{ font-size: 20px; display:inline-block;height:100%;font-family:'nanum_bold' !important;line-height: 47px;}
    .right_flash > h2 img{width:44px;margin-top:12px;}
    .right_flash > div{max-height:inherit;}
    .right_flash > div ul {display: block;}
    .right_flash > div ul li{height:91px;border-bottom:1px solid #e6e8eb}
    .right_flash > div ul li:last-child {padding-bottom: 0;}
    .right_flash > div ul li.m_none {display: none;}
    .right_flash > div ul li.rf_noimg a dl{padding-right:10px;}    
    .right_flash > div ul li.rf_noimg a dl dd{display:none;}   
    .right_flash > div ul li:after{display:none}
    .right_flash > div ul li .sec6_time{width:49px;background:#efefef;border-right:1px solid #e6e8eb;}
    .right_flash > div ul li .sec6_time:after{width:18px;height:18px;top:29px;left:16px;}
    .right_flash > div ul li .sec6_time span{width:100%;text-align:center;color:#333;font-size:11px;background:none;position:relative;top:49px;left:0;}
    .right_flash > div ul li a dl{padding-right:130px;padding-left:60px;}
    .right_flash > div ul li a dl:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;}
    .right_flash > div ul li a dl dt{display:inline-block;height:auto;vertical-align:middle;font-size:15px;color:#222;line-height:20px;padding-top:0px;overflow:inherit;text-overflow:inherit;-webkit-line-clamp:inherit;-webkit-box-orient:inherit;word-wrap:normal;}
    .right_flash > div ul li a dl dt:before { display: none;}
    .right_flash > div ul li a dl dt .sec6_dt { display:-webkit-box; padding-top: 0}
    .right_flash > div ul li a dl dt .sec6_dt span{display:block;height:100%;max-height:40px;vertical-align:middle;line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;font-size:15px;color:#222;}
    .right_flash > div ul li.rf_red a dl dt {color:#222;font-weight:normal;}
    .right_flash > div ul li a dl dt .sec6_info{display:block;font-size:12px;color:#999;margin-top:3px;}
    .right_flash > div ul li a dl dt .sec6_info > span{display:inline-block;padding-right:13px;position:relative;}
    .right_flash > div ul li a dl dt .sec6_info > span:after{display:block;content:"";width:1px;height:8px;position:absolute;top:7px;left:-6px;background:#dcdcdc;z-index:10;} 
    .right_flash > div ul li a dl dt .sec6_info > span.first_info:after{display:none;}
    .right_flash > div ul li a dl dt .sec6_info > span:nth-child(2){letter-spacing:0;}
    .right_flash > div ul li a dd{display:block;width:107px;height:59px;margin-top:0px;position:absolute;top:15px;right:10px;overflow:hidden;}
    .right_flash > div ul li.rf_first a dd{width:107px;height:59px;margin-top:0px;}    
    .right_flash > div ul li a dd span{display:block;width:100%;height:100%;position:relative;}
    .right_flash > div ul li a dd img{display:block;width:100%;min-height:100%;}    
    .right_flash > ul{display:none;}
    /*btn*/
    .right_flash .sec6_m_more { display: block; width: 100%; height:28px; margin-top: 15px; margin-bottom: 15px;}
    .right_flash .sec6_m_more img { display: inline-block; height: 28px; width: 28px; margin-right: 5px; background: #257acd; border-radius: 50%;}
    .right_flash .sec6_m_more span { display: inline-block; padding-top:5px; color:#257bcd; font-size:15px;}
}
@media screen and (max-width:440px){
    .right_flash h3 img{margin-top:12px; width: 45px}
    #container .side_bar .right_flash h3 span{ font-size: 18px;}
    .right_flash .sec6_m_more { margin-top: 10px; margin-bottom: 10px;}
}
@media screen and (max-width:410px){
    .right_flash > div ul li a dl dt .sec6_info > span:nth-child(3) {display: none;}
}

/*------------------------------------------sub1 page issue----------------------------------------------------*/
/*isssue color*/
.chainissue_wrap .i_type01 { background: #7b8e36; }
.chainissue_wrap .i_type02 { background: #34798d; }
.chainissue_wrap .i_type03 { background: #34508d; }
.chainissue_wrap .i_type04 { background: #8a3564; }
.chainissue_wrap .i_type05 { background: #43358a; }

/*issue main list*/
.chainissue {width: 100%; height: 203px; margin-bottom:20px; position: relative;}
.chainissue .chainissue_tit{ height: 75px; border-bottom:1px solid rgba(0,0,0,0.1); position: relative; }
.chainissue .chainissue_tit:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.chainissue .chainissue_tit > div{display: inline-block; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 120px 0 102px; margin-top:4px}
.chainissue .chainissue_tit > div span{display: inline-block; width: 62px; height: 24px; border:1px solid rgba(225,225,225,0.5); border-radius: 12px; color:#fff; text-align: center; font-size:15px; font-family: 'nanum_regular'; line-height: 26px; letter-spacing: 0; position: absolute; top:27px; left: 30px;}
.chainissue .chainissue_tit > div h4 a{display: inline-block; font-size: 24px; font-family: 'nanum_bold'; color:#fff; max-height:56px; line-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.chainissue .chainissue_con { height: 126px;border-top:1px solid rgba(225,225,225,0.1)}
.chainissue .chainissue_con ul{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:17px 30px;}
.chainissue .chainissue_con ul li{ width: 100%; }
.chainissue .chainissue_con ul li a{ display: block; width: 100%; font-size: 15px; color:#fff; line-height: 30px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.chainissue .chainissue_con ul li a:hover {text-decoration: underline}
.chainissue .chainissue_con ul li a span {display: inline-block; width: 11px; height: 11px; background:url("../images/blockchain_12.svg")no-repeat; background-size: 11px; margin:8px 5px 0 0; opacity: 0.7}
.chainissue > a{ display: block; position: absolute; top:15px; right:5px; width:45px; height:45px; text-indent: -9999px; font-size: 0; opacity: 0.5}
.chainissue > a:hover {opacity: 1}
.chainissue > a span{display: block; width: 19px; height: 19px; position: relative; margin-top: 15px; margin-left: 10px;}
.chainissue > a span:after{display: block; content:""; width: 19px; height:1px; position: absolute; top:9px; left:0; background: #fff;}
.chainissue > a span:before{display: block; content:""; width: 1px; height:19px; position: absolute; top:0; left:9px; background: #fff;}
.chainissue .more_count { display: inline-block; position: absolute; top:32px; right:53px; color:#fff;}

.blockchain_more {text-align: center; margin: 30px 0;}
.blockchain_more a{display: inline-block; width: 114px; height: 40px; border:1px solid #cbcbcb; border-radius: 20px; line-height: 40px; font-size: 14px; color:#888; transition:all 0.3s ease-out; }
.blockchain_more a span {display: inline-block; width:11px; height: 11px; position: relative; margin:14px 4px 0 0; }
.blockchain_more a span:after{display: block; content:""; width: 11px; height:1px; position: absolute; top:5px; left:0; background: #b3b3b3;}
.blockchain_more a span:before{display: block; content:""; width: 1px; height:11px; position: absolute; top:0; left:5px; background: #b3b3b3;}
.blockchain_more a:hover { border:1px solid #666; color:#333;}
.blockchain_more a:hover span:after, .blockchain_more a:hover span:before{background: #404040;}
.blockchain_more.minus a span:before{display: none;}

@media screen and (max-width:1024px){
    .chainissue_wrap {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px;}
    .chainissue {margin-bottom:10px;height: 193px}
    .chainissue .chainissue_tit > span{right:43px;}
    .chainissue .chainissue_tit > div{padding:0 90px 0 80px; margin-top:4px}
    .chainissue .chainissue_tit > div span{left:15px;width:55px;}
    .chainissue .chainissue_tit > div h4 a{font-size: 18px;line-height:22px;}
    .chainissue .chainissue_con ul{ padding:12px 15px 12px 18px;}
    .chainissue .chainissue_con ul li a:hover {text-decoration: none;}
    .blockchain_more {margin:10px 0}
    .blockchain_more a{width:90px; height:32px;line-height:34px; border:1px solid #6f6f6f; color:#333; transition:none; }
    .blockchain_more a span {margin:11px 4px 0 0;}
    .blockchain_more a span:after, .blockchain_more a span:before{background: #4d4d4d;}
    .blockchain_more a:hover {border:1px solid #6f6f6f; color:#333;}
    .blockchain_more a:hover span:after, .blockchain_more a:hover span:before{background: #4d4d4d;}
}
@media screen and (max-width:480px){
    .chainissue > a{ right:0; opacity: 1}
    .chainissue > a{ bottom:0; top:inherit; right:0;  width:40px; height:40px; background: rgba(225,225,225,0.2)}
    .chainissue > a span{ width:13px; height: 13px; margin-top:14px; margin-left:14px;}
    .chainissue > a span:after{width: 13px; top:6px; left:0; }
    .chainissue > a span:before{height:13px; top:0; left:6px; }
    .chainissue .more_count { top:166px;}
    .chainissue .chainissue_tit > div{padding:0 15px 0 80px;}
    .chainissue .chainissue_con ul li:nth-child(3) {display: none;}
}

/*------------------------------------------sub2 page issue-list ------------------------------------------------*/
.chain_issue_list_top {width: 100%; height: 78px; position: relative}
.chain_issue_list_top:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;}
.chain_issue_list_top.i_type01 {background:url(../images/issue_type03.jpg)no-repeat top left;}
.chain_issue_list_top.i_type02 {background:url(../images/issue_type02.jpg)no-repeat top left;}
.chain_issue_list_top.i_type03 {background:url(../images/issue_type01.jpg)no-repeat top left;}
.chain_issue_list_top.i_type04 {background:url(../images/issue_type04.jpg)no-repeat top left;}
.chain_issue_list_top.i_type05 {background:url(../images/issue_type05.jpg)no-repeat top left;}
.chain_issue_list_top h4 {display: inline-block; width: 100%; vertical-align: middle;font-size: 24px; color:#fff; font-family: 'nanum_bold'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 70px 0 90px; max-height:52px; line-height:26px; overflow: hidden; padding-top:4px}
.chain_issue_list_top h4 span { max-height:52px; line-height:26px; overflow: hidden; 
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.chain_issue_list_top > span {display: inline-block; width:60px; height: 24px; position: absolute; top:27px; left: 20px; border:1px solid rgba(225,225,225,0.5); font-size: 15px; font-family: 'nanum_regular'; line-height: 24px; text-align: center; border-radius: 12px; letter-spacing: 0; color:#fff }
.chain_issue_list_top a { display:inline-block; height: 100%; position: absolute; top:0; right:20px; line-height: 78px; color:#fff; background: url(../images/issue_arrow.svg)no-repeat center right; background-size: 8px 13px; padding-right: 12px; opacity: 0.6}
.chain_issue_list_top a:hover { opacity: 1}
.news_list .tag_box{margin-bottom:7px;}
.news_list li > div dt {max-height:none; margin-top: -2px;}
.news_list li > div dt a {max-height: 48px;}

.paging {margin-top: 0}
@media screen and (max-width:1024px){
    .chain_issue_list_top h4 {font-size: 18px;}
}
@media screen and (max-width:900px){
    .news_sort, .search_cover{ border-top:solid 1px #ced2d7 }
    .paging {margin-bottom:10px}
}
@media screen and (max-width:480px){
    .chain_issue_list_top h4 {padding:0 70px 0 15px; }
    .chain_issue_list_top h4 span{line-height: 24px;max-height: 48px;}
    .chain_issue_list_top > span {display: none;}
}


/*centents.css덮어쓰기*/
.someinput::-ms-clear {display: none;}
.sub_view .relation_list .title, .sub_view .relation_list ul li a {font-weight: normal; font-family: 'nanum_bold'; }
#footer .menu_cover .menu_list li:last-child a {background: none;}
#div_m_menu.swiper-container {z-index: 9999;}
#footer .address_cover address span img {width: 14px; height: 11px; margin:4px 3px 0 3px;max-width: inherit;}
#footer .address_cover address span {padding-right: 9px;}
@media screen and (max-width:500px){
    .sub_view .view_top > ul {margin-right:110px;} 
}