@charset "utf-8";

@import url(../fonts/NotoFont.css);

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
	blockquote, p, address, pre, cite, form, fieldset, input, textarea,
	select, table, th, td {
	margin: 0;
	padding: 0;
	font-family: 'NotoSansKR';
	font-weight:400;
	color:#1a1a1a;
	letter-spacing:-0.25px;
}

body{
	background:#edeff2;max-width: 640px;margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

fieldset, img, abbr, acronym {
	border: 0 none;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border: 0 none;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	border: 0;
}

address, caption, em, cite {
	font-weight: normal;
	font-style: normal;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

legend, #header h2, #slogan h2, #footer h2, .blind {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.ml05 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}
.ml20 {margin-left:20px !important;}
.mt05 {
	margin-top: 5px !important;
}

.pdb0 {padding-bottom:0px !important;}
.mt10 {margin-top:10px !important;}

.mt12 {
	margin-top: 12px !important;
}
.mt13 {margin-top:13px !important;}


.mt14 {
	margin-top: 14px !important;
}

.mt15 {
	margin-top: 15px !important;
}
.mt18 {margin-top:18px !important;}
.mt20 {
	margin-top: 15px !important;
}
.mt23 {margin-top:23px !important;}

.mt24 {
	margin-top: 24px !important;
}
.mt26 {margin-top:26px !important;}

.mt35 {
	margin-top: 35px !important;
}

.mt68 {
	margin-top: 68px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt0 {
	margin-top: 0px !important;
}

.mt07 {
	margin-top: 7px !important;
}

.mt02 {
	margin-top: 2px !important;
}
.mt32 {margin-top: 32px !important;}
.mt35 {margin-top: 35px !important;}

.mt60 {margin-top:60px !important;}

.mb20 {
	margin-bottom: 20px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mzero {
	margin: 0px !important;
}

.brd_none {
	border: 0px !important;
}

.cl_in {
	width: 100%;
	display: inline-block;
}

.elip1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.elip2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;}
	
.elip3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;}
.elip4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-wrap: break-word;}
.elip5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
word-wrap: break-word;}
.elip6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	word-wrap: break-word;}

.elip7 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	word-wrap: break-word;}
.elip8 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	word-wrap: break-word;}
.elip9 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	word-wrap: break-word;}
.elip10 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
	word-wrap: break-word;}
.clear:after {content:""; display:block; clear:both;}


.top {position: relative;background:#ffffff;}
.top_1d {height:60px;}
.top_1d .top_menu {width:50px; height:50px; position:absolute; top:5px; right:0; background:url(../img/ico_menu01_blk.png) center 17px no-repeat; background-size:20px 90px;}
.top_1d .top_sch_btn {width:50px; height:50px; position:absolute; top:5px; right:40px; background:url(../img/ico_sch01_blk.png) center no-repeat; background-size:20px 18px;}
body.menu_on .top_1d .top_menu { background:url(../img/ico_menu01_blk.png) center -26px no-repeat; background-size:20px 90px;}
body.menu_on .top_1d .top_sch_btn {display:none;}

.top_1d h2 a img {width:155px; display:block;}
.top_1d h2 a {display:block;}
.top_1d h2 {padding-top: 20px;padding-left: 10px;}
.top_1d {text-align:center;}

.tmenu {display:none; z-index:200; background:#ffffff; position:fixed; top:50px; left:0; right:0; bottom:0;max-width: 640px;margin: 0 auto;}
.tmenu {overflow-x:hidden; overflow-y:auto;}
.tmenu>ul {padding:6px 20px;}
.tmenu>ul>li .w1 {position:relative;}
.tmenu>ul>li .w1 a {position:relative; color:#1a1a1a; background:#ffffff; padding-right:10px; display:inline-block; font-size:16px; line-height:40px;}
.tmenu>ul>li .w1:before {content:""; height:1px; background:#cccccc; display:block; clear:both; position:absolute; top:19px; left:0; right:0; }

.tmenu>ul>li>ul>li {width:50%; float:left;}
.tmenu>ul>li>ul>li>a {display:block; line-height:18px; padding:6px 10px; color:#595959; font-size:14px; }
.tmenu>ul>li>ul:after {content:""; display:block; clear:both;}
body.menu_on .tmenu {display:block;}

.footer {padding-top:10px; background:#edeff2;}
.footer_in {background:#000000;}
.footer_in {padding:20px 0;}
.footer_sns {margin-top: 10px;}
.footer_sns ul {text-align:center;}
.footer_sns ul li {display:inline-block; margin:0 8px;}
.footer_sns ul li a {display:block; width:43px; height:43px; border-radius:100%; border:1px solid rgba(255,255,255,0.7); }
.footer_sns ul li:nth-child(1) a {background:url(../img/sns_mail.png) center no-repeat; background-size:26px 23px;}
.footer_sns ul li:nth-child(2) a {background:url(../img/sns_top.png) center no-repeat; background-size:26px 23px;}
.footer_sns ul li:nth-child(3) a {background:url(../img/sns_pc.png) center no-repeat; background-size:26px 23px;}
.footer_copy {font-size:14px; line-height:17px; text-align:center; color:#ffffff;}
.footer_copy .bottomlogo {display:block;width:200px;margin: 0 auto;}
.footer_copy .bottomlogo img {width:200px;}


.wrap {background:#edeff2;}
.wrap * {
	-webkit-font-smoothing: antialiased;
}
.m1d{background:#fff;padding-top:20px;padding-bottom: 20px;margin-top:2px;}
.m1d_slide {padding-bottom:6px;}
.m1d_dv {}
.m1d_dv a {display:block;}
.m1d_dv .img {display:block; width:100%; background-size:cover; background-repeat:no-repeat; }
.m1d_dv .txt {display:block; padding:24px 19px;}
.m1d_dv .txt span {display:block; line-height:29px; font-size:22px; font-weight:700; color:#000000;  max-height:87px;}
.m1d_dv .txt2 {display:block; padding:24px 19px;}
.m1d_dv .txt2 span {display:block; line-height:29px; font-size:22px; font-weight:700; color:#000000;}
.m1d_dv .txt2 .e2 {margin-top:20px; display:block; color:#595959; font-size:15px; line-height:20px;}
.m1d_slide .slick-dots {line-height:0px; position:absolute; bottom:0; left:0; right:0; text-align:center;}
.m1d_slide .slick-dots li {display:inline-block; margin:0 3px;}
.m1d_slide .slick-dots li button {padding:0; margin:0; display:block; border-radius:100%; width:6px; height:6px; border:0px; font-size:0px; text-indent:-9999px; background:#000000;}
.m1d_slide .slick-dots li.slick-active button {background:#f90205}


.da4 {background:#ffffff;padding:8px 8px;margin-top:2px;}
.da_tit01 h2 {font-size:18px; line-height:20px; color:#2b4ab3; font-weight:500;}
.da_tit01 {border-bottom:1px solid #d9d9d9; padding-bottom:8px;}
.rank_wrap {
	position: relative;
}
.rank_wrap .ranking_flick {
    overflow: hidden;
    margin: 0 auto
}

.rank_wrap .rank_area {
    padding: 0
}
.rank_wrap .rank_cont {
    position: relative;
    height: 96px;
    border-top: 1px solid #efefef;
    margin: 0 10px
}
.rank_wrap .rank_cont:first-child {
    border-top: 0
}

.bordertopSet {
    border-top: 1px solid #efefef !important;
}

.rank_wrap .rank_cont .info .writer {
    color: #aaa
}

.rank_wrap .rank_cont .ranking {
    position: absolute;
    top: 18px;
    left: -8px;
    text-align: center
}

.rank_wrap .rank_cont .ranking .number {
    display: block;
    font-size: 26px;
    line-height: 22px;
    font-weight: normal;
    width: 40px;
    font-family: Helvetica-Light,Helvetica,AppleSDGothicNeo,sans-serif!important
}

.rank_wrap .rank_cont .ranking .number.is_hundred {
    font-size: 23px;
    letter-spacing: -1px;
    width: 40px
}

.rank_wrap .rank_cont .ranking .state {
    display: block;
    height: 15px;
    line-height: 15px
}

.rank_wrap .rank_cont .ranking .state:before {
    display: block;
    content: ''
}

.rank_wrap .rank_cont .ranking .state .txt {
    display: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Helvetica,AppleSDGothicNeo-Regular,sans-serif!important
}

.rank_wrap .rank_cont .ranking .state .bullet {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    font-size: 0;
    line-height: 0;
    color: transparent;
    border-width: 1px 16px 1px 0;
    border-color: #c5c5c5;
    vertical-align: top;
    margin-top: 7px;
    margin-left: 1px
}

.rank_wrap .rank_cont .ranking .state .bullet:before {
    display: block;
    content: ''
}

.rank_wrap .rank_cont .ranking .state.is_up .txt {
    display: inline-block;
    color: #ff4467
}

.rank_wrap .rank_cont .ranking .state.is_up .bullet {
    border-color: transparent transparent #ff4467 transparent;
    border-width: 0 4px 6px 4px;
    vertical-align: 8px;
    margin-right: 2px;
    margin-top: 7px;
    margin-left: 0
}

.rank_wrap .rank_cont .ranking .state.is_down .txt {
    display: inline-block;
    color: #3d87ff
}

.rank_wrap .rank_cont .ranking .state.is_down .bullet {
    border-color: #3d87ff transparent transparent transparent;
    border-width: 6px 4px 0 4px;
    vertical-align: 1px;
    margin-right: 2px;
    margin-top: 7px;
    margin-left: 0
}

.rank_wrap .rank_cont .ranking .state.is_new {
    margin-top: 2px
}

.rank_wrap .rank_cont .ranking .state.is_new .bullet {
    display: none
}

.rank_wrap .rank_cont .ranking .state.is_new .txt {
    background-position: -153px -194px;
    width: 23px;
    height: 9px;
    font-size: 0
}

.rank_wrap .rank_cont .thumb {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 14px;
    right: 0;
    width: 121px;
    height: 68px
}

.rank_wrap .rank_cont .thumb img {
    width: 100%;
    height: auto
}

.rank_wrap .rank_cont .thumb img.type_video {
    width: auto;
    height: 100%;
    margin-top: 0
}

.rank_wrap .rank_cont .thumb img {
    width: auto;
    height: 100%
}



.rank_wrap .rank_cont .thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000;
    filter: alpha(opacity=5);
    opacity: .05;
    content: ''
}

.rank_wrap .rank_cont .thumb.no_thumb {
    background-color: #e8e8e8
}

.rank_wrap .rank_cont .thumb.no_thumb img {
    width: auto;
    height: auto;
    color: transparent;
    font-size: 0
}

.rank_wrap .rank_cont .thumb.no_thumb:before {
    background-position: 0 -193px;
    width: 39px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -20px;
    content: ''
}
.rank_wrap .rank_cont .tit {
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    height: 44px;
    color: #000
}
.rank_wrap .rank_cont .tit:before {
    display: block;
    content: ''
}

.rank_wrap .rank_cont .info {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-top: 5px;
    line-height: 15px;
    font-size: 12px;
    color: #909090
}

.rank_wrap .rank_cont .info .cate {
    display: inline-block;
    color: #d8d8d8;/*#00c73c*/
}

.rank_wrap .rank_cont .info .bar {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #d8d8d8;
    margin: 3px 2px 0 4px;
    vertical-align: top
}
.rank_wrap .rank_cont .inner {
    display: block;
    padding: 15px 122px 17px 42px
}
.rank_wrap .rank_cont .inner1 {
    display: block;
    padding: 15px 122px 17px 0px
}


.m2d{background:#ffffff;padding:8px 8px;margin-top:2px;}
.m2d_dv { margin-top:8px;}
.m2d_dv .img {width: 100%; }
.m2d_dv .txt {display:block; padding:24px 19px;}
.m2d_dv .txt span {display:block; line-height:29px; font-size:22px; font-weight:700; color:#000000;  max-height:87px;}


.m3d{background:#ffffff;padding:8px 8px;margin-top:2px;}
.m3d_dv { margin-top:28px; border-top: 1px solid #efefef; }
.m3d_dv:first-child {
    border-top: 0;
	margin-top:8px;
}
.m3d_dv .img {width: 100%; }
.m3d_dv .txt {display:block; padding:24px 0px 14px 0px;}
.m3d_dv .txt span {display:block; line-height:29px; font-size:22px; font-weight:700; color:#000000;  max-height:87px;}



.detailCont figure {
	margin: 0 -20px;
	padding: 18px 0;
}
.detailCont figure img {
	line-height: 0;
}
.detailCont figcaption{
font-size: 12px;
color: #999999;
line-height: 18px;
margin-top: 7px;
padding-bottom: 10px;
border-bottom: 1px solid #d4d4d4;
text-align:left;
padding-right:8px;
padding-left:8px;
}
#liverePlugIn .livereContentTextForm {
height:70px;
}
.view_img_zoom {display:block; position:absolute; top:18px; right:8px; background:url(../img/view_img_zoom.png) no-repeat; width:30px; height:30px; background-size:100%;}

.vtop { background:#fff; padding:25px 20px 8px 20px;margin-top:2px;}
.vtop h1 {word-break: break-all;font-weight: 600;color: #000;font-size: 26px;line-height: 33px;}
.vtop h2 {font-size:25px; line-height:30px; letter-spacing:-1px; font-weight:400;}
.vtop h3 {margin-top:6px; font-size:18px; line-height:24px; color:#666666; font-weight:400;}
.vtop .w1 {margin-top:16px;}
.vtop .w1 p {font-size:13px; line-height:20px; color:808080;}
.vtop .w2 {margin-top:10px;}
.vtop .w2:after {content:""; display:block; clear:both;}
.vtop .w2 .e1 {float:left;}
.vtop .w2 .e1 a {font-size:14px; text-align:center; color:#666666; line-height:36px; display:block; border:1px solid #e6e6e6; width:92px; height:36px;}
.vtop .w2 .e2 a {float:left; display:block; width:36px; height:36px; border:1px solid #e6e6e6; }
.vtop .w2 .e2 a:first-child {margin-right:6px;}
.vtop .w2 .e2 {float:right;}
.vtop_share_btn {background:url(../img/vtop_share01.png) center no-repeat; background-size:18px 20px;}
.vtop_font_btn {background:url(../img/vtop_font01.png) center no-repeat; background-size:23px 17px;}

.vcon {background:#fff;margin-top:1px;}
.vcon .img_dv {margin:0 -20px; padding:18px 0;}
.vcon .img_dv .img {position:relative;}
.vcon .img_dv .img img {display:block; width:100%; position:relative;}
.vcon .img_dv .zoom_img_btn {z-index:2; border-radius:5px; width:36px; height:36px; position:absolute; top:11px; right:11px; display:block; background:url(../img/zoom_img_btn.png) center no-repeat rgba(0,0,0,0.6);; background-size:18px;}

.vcon_in {padding:15px 20px 20px 20px; font-size:18px; line-height:28px;position: relative;text-align: left; color:#000;overflow:hidden;word-break: break-all;font-weight: 400;}
.vcon .img_dv .img_cap p{font-size:13px; line-height:18px; color:#333333;}
.vcon .img_dv .img_cap {padding:10px 20px; background:#f5f5f5;}


.ad01 a {display:block;}
.ad01 a img {display:block; width:100%;}

.vcon_btm {padding:20px;}
.vcon_btm_in {position:relative; border:1px solid #cccccc; background:#f5f5f5; padding:12px;height:71px;}
.vcon_btm_in:after {content:""; display:block; clear:both;}
.vcon_btm .w1 {position:absolute; top:12px; left:12px; width:70px;}
.vcon_btm .w1 img {border-radius:100%; display:block; width:70px; height:70px;}
.vcon_btm .w2 {margin-left:90px;}
.vcon_btm .w2 .e1 {font-weight:400; font-size:15px; line-height:21px; color:#121212; padding:2px 0;}
.vcon_btm .w2 .e2 a {font-weight:400; display:inline-block; color:#666666; font-size:14px; line-height:20px; padding:2px 0;}
.vcon_btm .w2 .e3 a {font-weight:400; display:inline-block; color:#0b308c; font-size:13px; line-height:20px; padding:2px 0;}

.vcopy {padding:18px 0 20px 0; /* border-bottom:1px solid #d4d4d4; */}
.vcopy p {text-align:center; color:#000000; font-size:15px; line-height:20px;}

.lpop_wrap {border-radius:5px; overflow:hidden;}
.pop_top {position:relative;}
.pop_top h2 {padding-top:15px; text-align:center; font-size:15px; line-height:20px; color:#000000; font-weight:400;}
.pop_top {height:50px; border-bottom:1px solid #e6e6e6;}
.pop_top .pop_close {display:block; width:40px; height:40px; position:absolute; top:5px; right:0; background:url(../img/ico_close01.png) center no-repeat; background-size:15px;}
.pop_sns_con .w1 {line-height:0px;}
.pop_sns_con a,.pop_sns_con a img{display:block; width:50px; height:50px;}
.pop_sns_con a {display:inline-block; margin:8px 5px;}
.pop_sns_con {padding:20px 25px;}

.pop_font_con .w1 {line-height:0px;}
.pop_font_con a,.pop_font_con a img{display:block; width:50px; height:50px;}
.pop_font_con a {display:inline-block; margin:8px 5px;}
.pop_font_con {padding:20px 25px;}
.pop_font_con a {background-image:url(../img/font_sp01.png); background-size:450px 300px;}
.pop_font_con a.font01 {background-position:0px 0px;}
.pop_font_con a.font02 {background-position:-67px 0px;}
.pop_font_con a.font03 {background-position:-134px 0px;}
.pop_font_con a.font04 {background-position:-201px 0px;}
.pop_font_con a.font05 {background-position:-268px 0px;}
.pop_font_con a.font06 {background-position:-335px 0px;}
.pop_font_con a.font01.on {background-position:0px -150px;}
.pop_font_con a.font02.on {background-position:-67px -150px;}
.pop_font_con a.font03.on {background-position:-134px -150px;}
.pop_font_con a.font04.on {background-position:-201px -150px;}
.pop_font_con a.font05.on {background-position:-268px -150px;}
.pop_font_con a.font06.on {background-position:-335px -150px;}

.top_sch_div {display:none; margin-top:1px;padding:10px 10px 10px 10px; background:#fff;}
.top_sch_in {border:1px solid #cccccc; position:relative;}
.top_sch_in input {line-height:20px; font-size:14px; padding:10px; width:100%; box-sizing:border-box; border:0px; }
.top_sch_inp {margin-right:40px;}
.top_sch_in a {position:absolute; top:0; right:0; display:block; padding:10px;}
.top_sch_in a img {display:block; width:20px;}

body.sch_on .top_sch_div {display:block;}
body.sch_on .top_sch_btn {background:url(../img/ico_close01.png) center no-repeat; background-size:15px;}

.list {background:#ffffff; margin-top:2px;}
.list ul {padding:0 20px;}
.list ul li {border-top:1px solid #e5e5e5;}
.list ul li:first-child {border-top:0px;}
.list ul li a {padding:12px 0;}
.list ul li a {display:table; width:100%;}
.list ul li a .e1 {display:table-cell; vertical-align:middle; width:120px; height:68px;}
.list ul li a .e1 img {display:block; width:120px; height:68px;}
.list ul li a .e2 {padding-left:16px; display:table-cell; vertical-align:top;}
.list ul li a .e2 .r1 span {height:42px; font-weight:400; display:block; font-size:16px; line-height:21px;}
.list ul li a .e2 .r1 {display:block;}
.list ul li a .e2 .r2 {margin-top:9px; display:block; color:#666666; font-weight:400; font-size:11px; line-height:18px;}

.mdv_paging {padding:15px 0; text-align:center;background:#ffffff; margin-top:2px;}
.mdv_paging a {display:inline-block;}
.mdv_paging a {width:28px; height:28px; line-height:28px; font-size:15px; font-weight:700; text-align:center; vertical-align:middle; color:#8d8d8d;}
.mdv_paging a.on {color:#195cc0; border:1px solid #195cc0; background:#ffffff;}
.mdv_paging .first {background:url(../img/pg/paging_first.png?pp=001) center no-repeat; background-size:12px 12px;}
.mdv_paging .prev {background:url(../img/pg/paging_prev.png?pp=001) center no-repeat; background-size:12px 12px;}
.mdv_paging .next {background:url(../img/pg/paging_next.png?pp=001) center no-repeat; background-size:12px 12px;}
.mdv_paging .last {background:url(../img/pg/paging_last.png?pp=001) center no-repeat; background-size:12px 12px;}