/**
 * Date : 2015-05-28 오전 10:50
 * Write : Seok-Min Kang
**/
@charset "utf-8";
@import url("./base.css?2015122401");
body{ background-color:#F0F0F0; }
.body_wrap{ background-color:white; min-width:980px; }
.kQueryPop{ position:fixed; top:-10000px; }
.focus_reset{ color:#A1A1A1; }
em{ color:black; font-style:normal !important; }
map > area{ outline:none; }
.dim{ background:url('/static/layout/ko/img/common/blank50.png'); position:fixed; top:0px; left:0px; width:100%; height:100%; }
.toolti{ border-radius:3px; padding:0 10px; color:white; background:#61B7B4; display:inline-block; line-height:27px; font-size:13px; }
.toolti:before{ content:''; display:block; position:absolute; top:24px; left:50%; margin-left:-10px; width:0px; height:0px; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #61B7B4; }
* ::selection{ background:#FFB4AC; }
* ::-moz-selection{ background:#FFB4AC; }
.underbar:hover{ text-decoration: underline;}
#header{ background:white; }
#header .logo_section{ }
#header .logo_section .inside{ height:75px; }
#header .logo_section .inside .logo{ position:absolute; top:18px; left:0px; }
#header .logo_section .inside .btn_new_story{ position:absolute; top:10px; right:6px; }
#header .logo_section .user_box{ position:absolute;top:24px;right:435px; }
#header .logo_section .user_box{ cursor:pointer; display:inline-block; }
#header .logo_section .user_box .nick_box{ vertical-align:middle; }
#header .logo_section .user_box .nick_box > *{ vertical-align:middle; display:inline-block; }
#header .logo_section .user_box .nick_box .badge{ width:28px; height:28px; }
#header .logo_section .user_box .nick_box .nick{ color:#444; font-size:13px; }
#header .logo_section .user_box .child_box{ display:none; font-size:12px; min-width:150px; position:absolute; top:33px; right:0px; border:1px solid #777; background-color:#FFF; z-index:99; }
#header .logo_section .user_box .child_box > a{ white-space:nowrap; padding-right:5px; display:block; line-height:29px; background-color:#F4F5F7; border-top:1px solid #E4E5E5; }
#header .logo_section .user_box .child_box > a.user{ background-color:white; color:#238DDE; }
#header .logo_section .user_box .child_box > a.user:hover .txt{ text-decoration:underline; }
/*#header .logo_section .user_box .child_box > a.user .txt{ border-bottom:1px solid #238DDE; }*/
#header .logo_section .user_box .child_box > a > .badge2{ margin-left:5px; margin-right:5px; width:28px; height:28px; display:inline-block; }
#header .logo_section .user_box .child_box > a > *{ vertical-align:middle; }
#header .logo_section .user_box .child_box > a .ic{ margin-left:10px; margin-right:10px; display:inline-block; width:22px; height:16px; background:url('/static/layout/ko/img/common/spr_user_box.png') no-repeat; }
#header .logo_section .user_box .child_box > a .ic.info{ background-position-x:-20px; }
#header .logo_section .user_box .child_box > a .ic.profile{ background-position-x:-50px; }
#header .logo_section .user_box .child_box > a .ic.logout{ background-position-x:-80px; }
#header .logo_section .user_box .down_arrow{ width:15px; height:16px; background:url('/static/layout/ko/img/common/spr_user_box.png') no-repeat; }
#header .logo_section .right_btn_box{ position:absolute; top:28px; right:9px; }
#header .logo_section .right_btn_box > *{ vertical-align:middle; }
#header .logo_section .right_btn_box > a{ margin-left:16px; }
.IE .login_box{ position:relative; top:-1px; }
#header .logo_section .right_btn_box .icbtns{ font-size:12px; color:#444; }
#header .logo_section .right_btn_box .icbtns > *{ display:inline-block; vertical-align:middle; }
#header .gnb_section{ position:relative; background:#8D0308 url("") no-repeat; }
#header .gnb_section .inside{ z-index:1; position:relative; height:44px; background:#C20D14 url("/static/layout/ko/img/common/header/bg_gnb.png") repeat-x; }
#header .gnb_section .inside .gnb_btn{ float:left; width:139px; height:44px; }
#header .gnb_section .inside .gnb_btn.gnb_btn_story{ background:url('/static/layout/en/img/common/gnb/story.png?201602') no-repeat; }
#header .gnb_section .inside .gnb_btn.gnb_btn_story.on,
#header .gnb_section .inside .gnb_btn.gnb_btn_story:hover{ background:url('/static/layout/en/img/common/gnb/story_hover.png?201602') no-repeat; }
#header .gnb_section .inside .gnb_btn.gnb_btn_song{ background:url('/static/layout/en/img/common/gnb/song.png?201602') no-repeat; }
#header .gnb_section .inside .gnb_btn.gnb_btn_song:hover{ background:url('/static/layout/en/img/common/gnb/song_hover.png?201602') no-repeat; }
#header .gnb_section .inside .gnb_btn.gnb_btn_game{ background:url('/static/layout/en/img/common/gnb/game.png?201602') no-repeat; }
#header .gnb_section .inside .gnb_btn.gnb_btn_game:hover{ background:url('/static/layout/en/img/common/gnb/game_hover.png?201602') no-repeat; }
#header .gnb_section .bg_left{ z-index:0; position:absolute; top:0px; left:0px; height:44px; width:50%; background:#C20D14 url("/static/layout/ko/img/common/header/bg_gnb.png") repeat-x; }
#header .gnb_section .search_input{ position:absolute; top:5px; right:46px; padding-left:5px; }
#header .gnb_section .search_input{ display:block; width:212px; height:34px; line-height:32px; border:2px solid #CA0F16; box-sizing:border-box; }
#header .gnb_section .btn_search{ position:absolute; top:11px; right:14px; }
#header .gnb_section .gnb_btn{ display:inline-block; }

/* added by myalee(2019.08.22) #9356 : 헤더 영역에 언어선택 드롭다운 메뉴 추가 */
#header .logo_section .right_btn_box { right:118px; }
#header .select_family { position:absolute; top:28px; right:0; width:94px; cursor:pointer; z-index:2; font-size:12px; color:#444; }
#header .select_family:after { content:''; display:block; width:7px; height:4px; position:absolute; top:12px; right:7px; background:url(../../img/common/icon_dropdown.png) no-repeat 0 -6px; }
#header .select_family .list_box > li { height:28px; padding:0 7px; border:1px solid #e1e1e1; box-sizing:border-box; background:#fff; }
#header .select_family .list_box > li > a { display:block; line-height:25px; padding-left:25px; background:no-repeat left center; }
#header .select_family .list_box > li.ko > a { background-image:url('../../img/common/icon_flag_kor.png'); }
#header .select_family .list_box > li.en > a { background-image:url('../../img/common/icon_flag_eng.png'); }
#header .select_family .list_box > li.drop { display:none; position:absolute; left:0; width:100%; top:100%; border-top:0; }
#header .select_family .list_box > li.drop:hover { background:#F4F5F7; }

#header .select_family.on:after,
#header .select_family:hover:after { background-position:0 0; }
#header .select_family.on .list_box > li.drop,
#header .select_family:hover .list_box > li.drop { display:block; }
/*--// added by myalee(2019.08.22) #9356 : 헤더 영역에 언어선택 드롭다운 메뉴 추가*/

.bg_footer_mark {
    background: url("//img.littlefox.com/static/layout/en_US/img/common/footer_mark.png?20151012") no-repeat;
    display: inline-block;
}
.ic_wrap .footer_social04 {
    background-position: -116px -110px;
    width: 32px;
    height: 37px;
}
.ic_wrap .footer_social03 {
    background-position: -76px -110px;
    width: 32px;
    height: 37px;
}
/* spr_btn_right */
.spr_btn_right{
	background-image:url('/static/layout/ko/img/common/header/right/spr_btn_right.png');
	background-repeat:no-repeat;
	display:block;
}
.spr_btn_right-btn0{
	width:17px;
	height:20px;
	background-position:-5px -5px;
}
.spr_btn_right-btn1{
	width:17px;
	height:20px;
	background-position:-5px -35px;
}
.spr_btn_right-btn2{
	width:21px;
	height:20px;
	background-position:-5px -65px;
}
.spr_btn_right-btn3{
	width:20px;
	height:20px;
	background-position:-5px -95px;
}
.spr_btn_right-btn4{
	width:19px;
	height:20px;
	background-position:-5px -125px;
}
/* 상단공지 [2015-06-03] */
.top_notice_section{ display:none; }
.top_notice_section{
	-webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.top_notice_section.on{ height:154px; }
.top_notice_section .small_wrap .small_pic{ display:block; }
.top_notice_section .big_wrap{ display:none; }
.top_notice_section .big_wrap .big_pic{ display:block; }
.top_notice_section .big_wrap .btn_close{ position:absolute; bottom:9px; right:2px; }
/* // 상단공지 [2015-06-03] */
.fix:after{content:'';display:block;clear:both;}
/* list_title_section [2015-06-15] */
.list_title_section .inside{ border-bottom:1px solid #C0C0C0; padding-bottom:9px; }
.list_title_section .inside #allChk{ position:absolute; top:3px; left:0px; }
.list_title_section .inside .btn_wrap{ margin-left:34px; font-size:0;}
.list_title_section .inside .btn_wrap .btn{ display:inline-block; margin-right:7px; }
.list_title_section .inside .btn_wrap .left{float:left;}
.list_title_section .inside .btn_wrap .right{float:right;}
.bg_list_txt {background: url('/static/layout/ko/img/song/contents_list/bg_list_txt.png') no-repeat;display: inline-block;}
.list_txt_list , #btn_list_view.on{background-position:-118px -90px;width:53px;height:30px;}
.list_txt_img , #btn_subject_view.on{background-position:-173px -90px;width:48px;height:30px;}
.list_txt_list_g{background-position:-118px -50px;width:53px;height:30px;}
.list_txt_img_g{background-position:-173px -50px;width:48px;height:30px;}
.list_txt_list span, .list_txt_img span, .list_txt_list_g span, .list_txt_img_g span{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.list_txt_cont{margin:7px 0 30px 0;border-top:1px solid #C0C0C0}

.thumb_wrap{position:relative;cursor:pointer;}
.thumb_wrap .thumb{vertical-align:top}
.thumb_wrap .ic_play {position:absolute;top:50%; left:50%;margin:-26px 0 0 -26px;display: none; width: 52px; height: 52px; background: url('/static/layout/ko/img/common/white_btn/btn_play_big.png') no-repeat}
.thumb_wrap.hover .ic_play{ display:block; }
.thumb_wrap.hover .ic_play:hover{background:url('/static/layout/ko/img/common/white_btn/btn_play_big_over.png') no-repeat !important;}

/*#contents{ min-height:712px; padding-bottom:50px; }*/
#contents{ padding-bottom:50px;}
#footer{ }
/* [D] edited by 조성미(2020.02.04) #9776 - 활용가이드 메뉴추가로 높이 변경 */
#footer .site_map_section{min-height:120px; background-color:#F6F6F6; border-top:1px solid #C1C1C1; }
#footer .site_map_section .inside {display:block; margin:0 auto; width:980px;}
#footer .site_map_section .inside:after {display:block; content:""; clear:both;}
#footer .site_map_section .inside .menu_wrap {float:left; padding:18px 0 0 0; box-sizing:border-box;}
#footer .site_map_section .inside .menu_wrap.mw0 {padding-left:43px;}
#footer .site_map_section .inside .menu_wrap.mw1 {padding-left:137px;}
#footer .site_map_section .inside .menu_wrap.mw2 {padding-left:152px;}
#footer .site_map_section .inside .menu_wrap.mw3 {padding-left:133px;}
/*#footer .site_map_section .inside .menu_wrap{ position:absolute; top:18px; left:0px; }
#footer .site_map_section .inside .menu_wrap.mw0{ left:43px; }
#footer .site_map_section .inside .menu_wrap.mw1{ left:299px; }
#footer .site_map_section .inside .menu_wrap.mw2{ left:565px; }
#footer .site_map_section .inside .menu_wrap.mw3{ left:831px; }
#footer .site_map_section .inside .menu_wrap.mw4{ left:877px; }
#footer .site_map_section .inside .menu_wrap.mw4 .fa{ font-size:15px; }*/
#footer .site_map_section .inside .menu_wrap li{ font-size:13px; color:#828282; margin-bottom:4px; }
#footer .site_map_section .inside .menu_wrap li:first-child{ margin-bottom:8px; letter-spacing:1px; font-weight:bold; color:#595959; }
#footer .site_map_section .inside .menu_wrap li > a{ display:block; box-sizing:border-box; }
#footer .site_map_section .inside .menu_wrap li > a > *{ box-sizing:border-box; vertical-align:middle; }
#footer .site_map_section .inside .menu_wrap li .ic_os{ display:inline-block; }
#footer .address_section{ min-height:121px; background-color:#F1F1F1; border-top:1px solid #DADADA }
#footer .address_section .address_wrap{ position:absolute; top:33px; left:0px; padding-left:91px; }
#footer .address_section .address_wrap .logo{ position:absolute; top:-9px; left:0px; }
#footer .address_section .address_wrap address{ font-style:normal; font-size:13px; color:#828282; }
#footer .address_section .address_wrap address > p{ margin-bottom:4px; }

#footer .address_section .select_family{ cursor:pointer; position:relative;}
#footer .address_section .select_family{ z-index:2; position:absolute; top:28px; right:0; /* left:780px; *removed by 조성미 (2019-11-12) : #9623 중국어사이트-푸터-운영하지 않는 SNS 아이콘 삭제 요청 */ font-size:12px; }
#footer .address_section .select_family .linkBtn{display:block;background:url('/static/layout/ko/img/common/footer/btn_l.png?20160427') left top no-repeat;padding-left:5px;}
#footer .address_section .select_family .linkBtn span{display:inline-block;padding:0 13px 0 8px;height:30px;line-height:28px;text-align:center;color:#666;font-size:13px;background:url('/static/layout/ko/img/common/footer/btn_r.png?20160427') right top no-repeat;}
#footer .address_section .select_family .linkBtn_ko{position:absolute;left:-100px;bottom:0;}
#footer .address_section .select_family .linkBtn_en{position:absolute;left:-134px;bottom:0;}
#footer .address_section .select_family .list_box{ display:none; }
#footer .address_section .select_family .list_box{ position:absolute; bottom:29px; right:0px; }
#footer .address_section .select_family .list_box{ border:1px solid #C9C9C9; background:white; width:148px; }
#footer .address_section .select_family .list_box a{ display:block; padding-left:13px; line-height:35px; }
#footer .address_section .select_family .list_box a:hover{ background:#F4F5F7; }
#footer .address_section .select_family .body_box{ border:1px solid #C9C9C9; background:white; width:148px; height:28px; }
#footer .address_section .select_family .body_box .site_name{ padding-left:13px; line-height:28px; }
#footer .address_section .select_family .body_box .ic_up{ float:right; margin-top:11px; margin-right:17px; }
#footer .address_section .ic_wrap{ position:absolute; top:27px; right:1px; }
#footer .address_section .ic_wrap > a{ display:inline-block; }

.spr_footer{
	background-image:url('/static/layout/ko/img/common/footer/spr_footer.png');
	background-repeat:no-repeat;
	display:block;
}
.spr_footer-ic{
	width:14px;
	height:14px;
	background-position:-5px -5px;
}
.spr_footer-ic_and{
	width:16px;
	height:18px;
	background-position:-5px -29px;
}
.spr_footer-ic_apple{
	width:15px;
	height:18px;
	background-position:-5px -57px;
}
.spr_footer-ic_blog{
	width:32px;
	height:40px;
	background-position:-5px -85px;
}
.spr_footer-ic_face{
	width:32px;
	height:40px;
	background-position:-5px -135px;
}
.spr_footer-ic_kakao_story{
	width:32px;
	height:40px;
	background-position:-5px -185px;
}
.spr_footer-ic_youtube{
	width:32px;
	height:40px;
	background-position:-5px -235px;
}
.spr_footer-logo{
	width:70px;
	height:36px;
	background-position:-5px -285px;
}
.section{ position:relative; }
/*.section .inside{ border:1px solid red; box-sizing:border-box; }*/
.section .inside{ position:relative; width:980px; margin:0 auto; }
.section .inside.full_inside{ width:100%; }
.ib{ display:inline-block; border:1px solid red; box-sizing:border-box; }
.cursor{ cursor:pointer; }
.hide{ display:none !important; }
.thumb_level{ font-weight:bold; text-align:center; font-size:13px; width:20px; height:22px; line-height:22px; position:absolute; bottom:4px; right:5px; background-image:url("/static/layout/ko/img/common/white50.png"); }
.btn_play{ background:url("/static/layout/ko/img/common/white_btn/btn_play.png") no-repeat; width:42px; height:42px; }
.btn_play:hover{ background:url("/static/layout/ko/img/common/white_btn/btn_play_on.png") no-repeat; }
.btn_list{ width:42px; height:42px; background:url("/static/layout/ko/img/common/white_btn/btn_list.png") no-repeat; }
.btn_list:hover{ background:url("/static/layout/ko/img/common/white_btn/btn_list_on.png") no-repeat; }
.btn_play2{ width:52px; height:52px; background:url("/static/layout/ko/img/common/white_btn/btn_play_big.png?20161125") no-repeat; background-size:100%; }
.btn_play2:hover{ background:url("/static/layout/ko/img/common/white_btn/btn_play_big_over.png?20161125") no-repeat; background-size:100%; }
.btn_list2{ width:52px; height:52px; background:url("/static/layout/ko/img/common/white_btn/btn_list2.png") no-repeat; }
.btn_list2:hover{ background:url("/static/layout/ko/img/common/white_btn/btn_list2_on.png") no-repeat; }
.btn_detail2{ width:52px; height:52px; background:url("/static/layout/ko/img/common/white_btn/btn_detail2.png") no-repeat; }
.btn_detail2:hover{ background:url("/static/layout/ko/img/common/white_btn/btn_detail2_on.png") no-repeat; }
.btn_org_circle{ width:52px; height:52px; background:url("/static/layout/ko/img/common/white_btn/btn_org.png?20151218") no-repeat; }
.btn_org_circle:hover{ background:url("/static/layout/ko/img/common/white_btn/btn_org_on.png?20151218") no-repeat; }
/* page_header [2015-06-18] */
.page_header{ padding-top:50px; padding-left:10px; padding-bottom:5px; border-bottom:1px solid #E4E4E4; }
/* history_section [2015-06-18] */
.history_section{ background-color:#EEE; border-top:1px solid #696969; }
.history_section .gray_border{ border-top:2px solid #CACACA; border-bottom:1px solid #E4E4E4; }
.history_section .gray_border .inside{ font-size:0; padding-left:5px; line-height:30px; height:30px; color:#999; font-size:12px; }
.history_section .gray_border .inside .ic_home{ margin-right:4px; }
/*.history_section .gray_border .inside .ic_home{ padding-bottom:5px; margin-right:4px; }*/
.history_section .gray_border .inside .arr{ margin:0 4px; }
.history_section .gray_border .inside > *{ vertical-align:middle; }
/* sub_tit [2015-06-18] */
.sub_tit{ margin-bottom:12px; padding-left:8px; position:relative; color:#444; font-size:15px; font-weight:bold; }
.sub_tit > *{ vertical-align:middle; }
.sub_tit .red{ background:#C02527; position:absolute; top:7px; left:0px; width:2px; height:10px; display:block; }
/* banner_wrap [2015-06-18] */
.banner_wrap .swiper-pagination{ width:100%; position:absolute; bottom:5px; left:0px; text-align:center; }
.banner_wrap .swiper-pagination span{ margin:0 2px; cursor:pointer; display:inline-block; background:url("/static/layout/ko/img/main/banner/pn.png") no-repeat; width:14px; height:13px; }
.banner_wrap .swiper-pagination span.on{ background:url("/static/layout/ko/img/main/banner/pn_on.png") no-repeat; }
/* paging_wrap [2015-06-15] */
.paging_wrap{ text-align:center; }
.paging_wrap > *{ vertical-align:middle; }
.paging_wrap .btn_page{ display:inline-block; }
.paging_wrap .btn_page_wrap{ text-align:center; box-sizing:border-box; display:inline-block; }
/*.paging_wrap .btn_page_wrap > a{ margin-right:2px; margin-left:2px; color:#4E4E4E; box-sizing:border-box; padding-right:2px; font-size:16px; text-align:center; display:inline-block; background:url("/static/layout/ko/img/story/contents_list/page/bg_page.png") no-repeat; }
.paging_wrap .btn_page_wrap > a.on{ color:white; background:url("/static/layout/ko/img/story/contents_list/page/bg_page_on.png") no-repeat; }*/
.paging_wrap a{margin-right:2px; margin-left:2px; color:#444; box-sizing:border-box;text-align:center;display:inline-block;width:30px;height:30px;border:1px solid #caccd1;background-color:#fcfcfc;font-size:13px;line-height:29px;}
.paging_wrap a.on{background-color:#f4f4f4;font-weight:bold;}
.paging_wrap a.btn_page{border:none;height:30px;}
.paging_wrap #btnPagePrev{margin-right:0 !important;}
.paging_wrap #btnPageNext{margin-left:0 !important;}
/* // paging_wrap [2015-06-15] */

/* level_bt */
.lev_bt{ height:13px; border-radius:1px; font-size:11px; color:#FFF; padding:0 4px 2px 3px; display:inline-block; line-height:15px }
.lev1{ border:1px solid #89AC37; background-color:#9DC04A }
.lev2{ border:1px solid #2F7DBA; background-color:#52A0DE }
.lev3{ border:1px solid #31977B; background-color:#4AC0B3 }
.lev4{ border:1px solid #2046AA; background-color:#4569C5 }
.lev5{ border:1px solid #5C30BF; background-color:#7A54CF }
.lev6{ border:1px solid #9729A7; background-color:#BF54CF }
.lev7{ border:1px solid #E88B1D; background-color:#EB9B00 }
.lev8{ border:1px solid #B0132D; background-color:#E60012 }
.lev9{ border:1px solid #6E4201; background-color:#834E00 }
/* list_section [2015-06-15] */

/*.list_section .inside .tab_child{ display:none; }*/
.list_section .inside #listView{ margin-bottom:40px; }
.list_section .inside #listView .list_wrap{ }
.list_section .inside #listView .list_wrap .item{ overflow:hidden; padding-left:180px; padding-right:320px; position:relative; height:93px; border-bottom:1px solid #C0C0C0; }
.list_section .inside #listView .list_wrap .item strong{ color:#22A9A3; }
.list_section .inside #listView .list_wrap .item .thumb_wrap{cursor:pointer; position:absolute; top:6px; left:34px; }
.list_section .inside #listView .list_wrap .item .thumb_wrap .thumb{ position:relative;display:block; border: 1px solid #d0d0d0;width:121px;height:83px;}
.list_section .inside #listView .list_wrap .item .thumb_wrap .ic_play{display:none;width:52px;height:52px;background:url('/static/layout/ko/img/common/white_btn/btn_play_big.png?20161125') no-repeat;}
.list_section .inside #listView .list_wrap .item .thumb_wrap:hover .ic_play{ display:block; z-index:100}
.list_section .inside #listView .list_wrap .item .thumb_wrap:hover .ic_play:hover{background:url('/static/layout/ko/img/common/white_btn/btn_play_big_over.png?20161125') no-repeat !important;}
.list_section .inside #listView .list_wrap .item .chk{ position:absolute; top:37px; left:0px; }
.list_section .inside #listView .list_wrap .item .tit{ width:100%; height:100%; font-size:14px; }
.list_section .inside #listView .list_wrap .item .tit td{ vertical-align:middle; line-height:21px;}
.list_section .inside #listView .list_wrap .item .tit td .story_title{ display:block; color:#575757; font-size:14px; cursor:pointer; }
.list_section .inside #listView .list_wrap .item .study_func_btns{ text-align:right; position:absolute; top:27px; right:0px; font-size:0; width:315px; box-sizing:border-box; }
.list_section .inside #listView .list_wrap .item .study_func_btns > a{ display:inline-block; margin-left:5px; margin-bottom:5px; }
.list_section .inside #listView .list_wrap .item .study_func_btns.series > a{ margin:0; }
.list_section .inside #subjectView{ }
.list_section .inside #subjectView .list_wrap{ content:""; display:block; clear:both; overflow:hidden; }
.list_section .inside #subjectView .list_wrap .item{ margin-right:15px; float:left; display:block; width:184px; height:207px; }
.list_section .inside #subjectView .list_wrap .item:nth-of-type(5n){ margin-right:0; }
.list_section .inside #subjectView .list_wrap .item .thumb_wrap{ cursor:pointer; position:relative; }
.list_section .inside #subjectView .list_wrap .item .thumb_wrap .thumb{ width:100%; display:block; }
.list_section .inside #subjectView .list_wrap .item .thumb_wrap .btn_play2{ display:none; position:absolute; top:49px; left:30px; }
.list_section .inside #subjectView .list_wrap .item .thumb_wrap .btn_detail2{ display:none; position:absolute; top:49px; left:101px; }
.list_section .inside #subjectView .list_wrap .item .thumb_wrap:hover .btn_play2{ display:block; }
.list_section .inside #subjectView .list_wrap .item .thumb_wrap:hover .btn_detail2{ display:block; }
.list_section .inside #subjectView .list_wrap .item .tit_wrap{ margin-top:5px; }
.list_section .inside #subjectView .list_wrap .item .tit_wrap > *{ vertical-align:middle; }
.list_section .inside #subjectView .list_wrap .item .tit_wrap .tit{ color:#4E4E4E; font-size:13px; }
/* // list_section [2015-06-15] */

/*이미지로 보기*/
.list_view_img ul {overflow: hidden; margin:30px 0 48px}
.list_view_img ul li {width:224px; height:230px;margin-right:28px;box-sizing: border-box;float:left; position: relative;}
.list_view_img ul li:nth-child(4n) {margin-right:0}
.list_view_img ul li.last {margin-right:0}
.list_view_img ul li img.thumb {width:224px; height: 155px}
/*.list_view_img ul li .ic_play{top:48px; left:94px; cursor:pointer}*/
.list_view_img ul li .more_icons {background: url('/static/layout/ko/img/song/contents_list/icons_open.png') no-repeat; width:33px; height:33px; display: block; position: absolute;top:114px; right:7px; display: block; cursor: pointer;}
.wrap_icons{ display:none;position:absolute;width:100%; height:100%;  top:0; left:0;background: url('/static/layout/ko/img/song/contents_list/bg_bk.png') repeat; z-index: 9;text-align: center;}

.wrap_icons .wrap_icons_li{display:table-cell;width:140px;height:155px;vertical-align:middle; text-align:center;padding-left:42px;}
.wrap_icons a {margin:10px 17px 0 0;position:relative;}
.wrap_icons a.ok:after{display:block;content:'';position:absolute;top:2px;right:4px;width:10px;height:10px;background:url("/static/layout/ko/img/story/contents_list/list_section/ic/icon_ok.png") left top no-repeat;background-size:100% 100%;}
.wrap_icons .close_icons {background: url('/static/layout/ko/img/song/contents_list/icons_close.png') no-repeat; width:33px; height:33px; display: block; position: absolute;top:114px; right:7px; display: block; cursor: pointer; z-index: 99}
.list_view_img .tit_area .list_img_cont_check {position: absolute;top:163px; left:0}
.list_view_img .tit_area .story_title {display: block; color: #575757; font-size: 14px; cursor: pointer; padding:0 10px 0 25px;text-align: center; margin-top:5px;}
.list_view_img .tit_area .story_title_en , .list_view_img .tit_area .song_title_en{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;width:85% !important;margin:5px auto 0;}

.switch_box{ display:inline-block; font-size:0; }
.switch_box .switch{ cursor:pointer; display:inline-block; width:44px; height:32px; }
.switch_box .switch.L{ background:url('/static/layout/ko/img/common/switch0.png') no-repeat; }
.switch_box .switch.L.on,
.switch_box .switch.L:active{ background-image:url('/static/layout/ko/img/common/switch0_active.png'); }
.switch_box .switch.R{ background:url('/static/layout/ko/img/common/switch1.png') no-repeat; }
.switch_box .switch.R.on,
.switch_box .switch.R:active{ background-image:url('/static/layout/ko/img/common/switch1_active.png'); }
/**/
.thumb_titl{ font-weight:bold; font-size:13px; z-index:1; color:#333; text-align:center; width:100%; }
.thumb_titl > div{ height:38px;padding-top:6px;padding-left:5px; text-overflow:ellipsis; /*white-space:pre-line;*/ overflow:hidden; }
/* detail_pop [2015-06-16] */
.detail_pop{ display:none; border-radius:5px; border:1px solid #9A9A9A; width:778px; height:613px; background-color:white; position:absolute; top:0; bottom:0; left:0; right:0; z-index:9999; }
.detail_pop .btn_prev{ position:absolute; top:275px; right:-52px; }
.detail_pop .btn_next{ position:absolute; top:275px; left:-52px; }
.detail_pop .pop_header{ letter-spacing:-0.5px; font-size:20px; border-radius:5px; color:#4C4C4C; padding-left:74px; background-color:#EEE; border-bottom:1px solid #D3D3D3; height:56px; line-height:56px; font-weight:bold; }
.detail_pop .pop_header .btn_close{ position:absolute; top:20px; right:20px; }
.detail_pop .pop_header .lev{ position:absolute; top:14px; left:-5px; padding-left:13px; font-size:14px; color:white; width:67px; height:33px; line-height:30px; background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_1.png") no-repeat; }
.detail_pop .pop_header .lev1{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_1.png") no-repeat; border:none; }
.detail_pop .pop_header .lev2{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_2.png") no-repeat; border:none; }
.detail_pop .pop_header .lev3{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_3.png") no-repeat; border:none; }
.detail_pop .pop_header .lev4{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_4.png") no-repeat; border:none; }
.detail_pop .pop_header .lev5{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_5.png") no-repeat; border:none; }
.detail_pop .pop_header .lev6{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_6.png") no-repeat; border:none; }
.detail_pop .pop_header .lev7{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_7.png") no-repeat; border:none; }
.detail_pop .pop_header .lev8{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_8.png") no-repeat; border:none; }
.detail_pop .pop_header .lev9{ background:url("/static/layout/ko/img/story/contents_list/detail_pop/lev/lev_9.png") no-repeat; border:none; }
.detail_pop .pop_body{ padding-top:20px; padding-left:24px; padding-right:24px; padding-bottom:15px; }
.detail_pop .pop_body .info{ box-sizing:border-box; padding-left:385px; height:274px; position:relative; }
.detail_pop .pop_body .info .thumb{ display:block; position:absolute; top:0px; left:0px; }
.detail_pop .pop_body .info .btn_box{ position:relative; }
.detail_pop .pop_body .info .btn_box .btn_face{ position:absolute; top:0px; right:0px; }
.detail_pop .pop_body .info .cont{ height:203px; margin-top:4px; padding:16px 13px; background-color:#F6F6F6; border-top:1px solid #C7C7C7; }
.detail_pop .pop_body .info .cont .t{ margin-bottom:5px; font-size:14px; font-weight:bold; }
.detail_pop .pop_body .info .cont .t > *{ vertical-align:middle; }
.detail_pop .pop_body .info .cont ul{ margin-bottom:16px; padding-bottom:9px; border-bottom:1px solid #C7C7C7; }
.detail_pop .pop_body .info .cont ul li{ box-sizing:border-box; line-height:23px; color:#444; font-size:13px; }
.detail_pop .pop_body .info .cont .chart{ box-sizing:border-box; padding-top:5px; padding-right:1px; padding-left:1px; width:316px; height:39px; background:url("/static/layout/ko/img/story/contents_list/detail_pop/bg_gragh.png") no-repeat; }
.detail_pop .pop_body .info .cont .chart table{ width:100%; }
.detail_pop .pop_body .info .cont .chart tr{ height:28px; }
.detail_pop .pop_body .info .cont .chart tr td:hover{ opacity:0.7; filter:alpha(opacity=70); }
.detail_pop .pop_body .info .cont .chart tr td:nth-of-type(1){ background:#4ED99A; }
.detail_pop .pop_body .info .cont .chart tr td:nth-of-type(2){ background:#74BBEB; }
.detail_pop .pop_body .info .cont .chart tr td:nth-of-type(3){ background:#F3AB57; }
.detail_pop .pop_body .info .cont .chart tr td:nth-of-type(4){ background:#EA9397; }
.detail_pop .pop_body .info .cont .chart tr td:nth-of-type(5){ background:#A991E5; }
.detail_pop .pop_body .info .cont .legend{ margin-top:7px; }
.detail_pop .pop_body .tit{ color:#3A3A3A; font-size:14px; font-weight:bold; }
.detail_pop .pop_body .tit_study_data{ margin-top:14px; border-bottom:1px solid #E1E1E1; padding-bottom:5px; margin-bottom:7px; }
.detail_pop .pop_body .study_func_btns{ margin-bottom:16px; }
.detail_pop .pop_body .thumb_wrap{ margin-top:5px; background-color:#F6F6F6; text-align:center; padding-top:5px; }
.detail_pop .pop_body .thumb_wrap .thumb{ margin-left:5px; font-size:0; position:relative; width:138px; border:1px solid #DDD; }
.detail_pop .pop_body .thumb_wrap .thumb:first-child{ margin-left:0; }
.detail_pop .pop_body .thumb_wrap .thumb .bg_tit{ width:100%; background:url("/static/layout/ko/img/common/white50.png"); text-align:center; position:absolute; top:0px; left:0px; height:38px; line-height:38px; font-size:11px; color:#414141; }
.detail_pop .pop_body .thumb_wrap .thumb:hover .bg_tit{ display:none; }
.detail_pop .pop_body .thumb_wrap .thumb .pic{ display:block; width:100%; }
.detail_pop .pop_body .thumb_wrap .thumb .ic{ position:absolute; bottom:4px; right:4px; }
.detail_pop .pop_body .thumb_wrap .thumb .btn_play2{ display:none; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.detail_pop .pop_body .thumb_wrap .thumb:hover .btn_play2{ display:block; }
/* // detail_pop [2015-06-16] */

.btn_scroll_top{position:fixed;bottom:80px;left:50%;margin-left:500px;z-index:999;display:none;background:url("//img.littlefox.co.kr/static/layout/global/img/common/bg_top.png") no-repeat;}
.top_tran{background-position:0 0;width:29px;height:30px}
.top_tran:hover{background-position:-50px 0}

.icon_tit{display:inline-block;width:2px;height:10px;margin:2px 7px 0 8px;background-color:#c50d14;}
.ic_checked {display:none; position:absolute;top:4px;right:6px; z-index:99;}
.selected {display:block}
.lf_tab{margin-bottom:30px;}
#searchButton{position:relative;top:-1px}

.btn_trans{font-size:0;z-index:10;width:80px;height:30px;overflow:hidden;position:absolute;}
.btn_trans span{display:inline-block;height:30px;cursor:pointer;overflow:hidden;}
.btn_trans .on img{position:relative;top:-30px;}
.btn_position {font-size: 13px;position:relative;float:left;}
.btn_position form {float:left}
.btn_position a {display:inline-block; float:left; margin-left:7px; }
.series_wrap, .short_wrap {float:left}

.list_view_chang_tap{float:left;margin-left:10px;}
.list_txt_lineup{height:28px;line-height:28px;padding:0 15px;border:1px solid #CCC;border-radius:3px;background:#FBFBFB;float:left; width:64px}
.short_wrap .list_txt_lineup {right:79px}
.lineup2 {width: 40px; right:0 !important}
.short_wrap .lineup2 {width: 40px; right:0 !important}
.list_txt_lineup_arrow {background: url("/static/layout/ko/img/ka_icon/back_arrow.png?201701021051") no-repeat; width:7px; height:4px; background-position:0 -7px; margin-left:8px; margin-bottom:2px}
.list_txt_lineup_r {background-position:0 0px;position: absolute;top:0; right: 0;width:64px}
.short_wrap .list_txt_lineup_r {right:79px}
.bg_list_txt{display:inline-block;}
.list_txt_lineup_pop{width:150px;border:1px solid #ca0f16;background-color:#FFF;position:absolute;top:29px;left:67px;z-index:100;padding:15px 0}
.short_wrap .list_txt_lineup_pop {right:79px; left: auto;}
.series_wrap .list_txt_lineup_pop {left:-96px }
.line_right {right:0 !important; }
.list_txt_lineup_pop li {padding:7px 8px; color:#333;cursor:pointer}
.list_txt_lineup_pop li.selected, .list_txt_lineup_pop li:hover {background:#f8eaea}
.selected_btn{ background:#fff; border:1px solid #ca0f16; border-radius:3px 3px 1px 1px; border-bottom:1px solid #ecb8bc; position:relative; z-index:13; position: absolute;top:0; right:0}
.short_wrap .selected_btn{right:79px;}
.list_txt_lineup_arrow_r {background-position:0 0px;}
.download_btn {height:30px !important;line-height:26px !important;width:53px;background:#f9f9f9 !important;position: absolute !important;top:0; right: 103px}
.short_wrap .download_btn {position: absolute;top:0; right:182px}
.download_btn:active{background:#fff !important}
.download_btn_on{background:#fff !important; border:1px solid #a49c9c !important; border-bottom:1px solid #cbcbcb !important; z-index:13; border-radius:3px 3px 1px 1px !important; position: absolute !important;top:0; right: 103px}
.short_wrap .download_btn_on {position: absolute;top:0; right:182px}
.download_btn_on .ka_list_down { background: url('/static/layout/ko/img/ka_icon/ka_list_download_on.png') no-repeat;}
.list_txt_files_pop{ width:150px; border:1px solid #a49c9c; background-color:#FFF; position:absolute; right:182px; top:29px; z-index:11; display:none }
.series_wrap .list_txt_files_pop {right:103px}
.list_txt_files_pop>ul {padding:7px 0}
.list_txt_files_pop>ul:first-child {border-bottom:1px solid #cbcbcb}
.list_txt_files_pop>ul>li{ line-height:1; vertical-align:middle; text-align:left; padding:10px 15px 10px 10px;  cursor:pointer; position: relative;background: url('/static/layout/ko/img/ka_icon/arrow.png') no-repeat 180px center}
.list_txt_files_pop>ul>li.selected, .list_txt_files_pop>ul>li:hover{ background-color:#f8eaea }
.list_txt_files_pop>ul>li.unselect_tit {font-weight: bold;color:#ca0f16;background: none}
.list_txt_files_pop>ul>li.unselect_tit:hover {background-color:#fff}
.download_detail {border:1px solid #a49c9c; background:#f8eaea; position: absolute;top:5px; right:-140px;box-shadow: 2px 3px 2px #c8c8c8;display:none; width:145px;box-sizing: border-box;}
.download_detail li{padding:8px 20px; line-height: 1; color:#333333; font-size: 13px; border-bottom:1px solid #d9cfcf}
.download_detail li:hover { font-weight: 600}
.download_detail li:last-child {border-bottom:0}
.list_txt_files_pop>ul>li:hover .download_detail {display: block}



@media print {
.top_notice_section{display:none !important;}
}

/*배지,상장 기능개선 17-09-07*/
.n_badges .layerpop_cont_img {position:relative; background:url('https://img-chinese.littlefox.com/static/layout/ko/img/profile/img_congra.png') no-repeat; text-align:center; font-size: 13px; width:685px; height:407px; margin: 0 auto;}
.n_badges .layerpop_cont_txt  {position:absolute;top:205px;left:56px; width:380px; box-sizing:border-box;}
.n_badges .layerpop_cont_txt {line-height: 20px;}
.n_badges .layerpop_cont_txt strong {line-height: 28px;}
.n_badges .layerpop_cont_txt.withbtns {font-size:14px}
.layerpop_cont_txt .b_tit {font-weight: bold; display:block; margin-bottom:15px}
.n_badges .badges_img {position:absolute;top:200px;right:82px; width:150px;}
.n_badges .badges_img_bg {position:absolute;top:198px;right:82px;}
.n_badges .goprofile {color:#fff; font-size:13px; background:#da3047; display: block; width:155px; height:30px; line-height: 30px; text-align: center; margin:25px auto 0; border-radius: 2px}
.n_badges .layerpop_cert_img {background:url('https://img-chinese.littlefox.com/static/layout/ko/img/profile/bg_certificate.png') no-repeat; width:700px; height:407px; margin:0 auto}
.n_badges .layerpop_cert_img .certificate_img {position:absolute;top:257px; left:156px; background:url('https://img-chinese.littlefox.com/static/layout/en/img/profile/tropy_paper_en.jpg') no-repeat; width:176px; height:131px  }
.n_badges .layerpop_cert_img .layerpop_cont_txt {top:265px; left:365px;}
.n_badges .layerpop_cert_img .goprofile {margin:25px 0 0}

.terms_select{text-align:left;position:relative;top:-35px;color:#444;font-size:13px;}
.terms_select:after{content:""; display:block; clear:both;}
.terms_select p{position:relative;float:right;border:1px solid #c9c9c9;padding:4px 0 0 16px;width:220px;height:24px}
.terms_select .btn_terms_select{position:absolute;right:6px;top:11px;cursor:pointer;display:inline-block;width:9px;height:7px;margin-left:15px;background: url('/static/layout/ko/img/common/ic_select.png') 0 0 no-repeat;}
.terms_select ul{display:none;max-height:159px;overflow-y:scroll;background-color:#fff;z-index:10;position:absolute;right:0;top:30px;width:220px;border:1px solid #c9c9c9;padding:6px 0 8px 16px;border-top:none;}
.terms_select ul li{cursor:pointer;padding:8px 0 9px;}
.terms_select ul li:hover{color:#4e86bf}

/*배지,상장 기능개선 17-09-22*/
.n_badges .contents_table {padding-top: 174px; width: 535px; margin: 0 auto;text-align: center}
.n_badges .contents_table .txt{text-align: center}
.n_badges .contents_table .table_wrap {width:100%; overflow: hidden; margin-top:12px;}
.n_badges .contents_table .table_wrap > div.w175 {float:left; width:175px; margin-right: 3px}
.n_badges .contents_table .table_wrap > div.w264 {float:left; width:264px; margin-right: 3px}
.n_badges .contents_table .table_wrap > div.w534 {float:left; width:534px;}
.n_badges .contents_table .table_wrap > div span {display: block}
.n_badges .contents_table .table_wrap > div .th {background:#45b8a6; color:#fff; width:100%; text-align: center; display: block; height: 35px; line-height: 35px}
.n_badges .contents_table .table_wrap > div .td {border:1px solid #7bcdc0; border-top:0;text-align: center; display: block;height: 35px; line-height: 35px; color:#000;font-size: 15px}



/* [D] added by 조성미(2020.01.22) #9776 - Tab디자인 수정 */
/* .ch_tab_menu */
.ch_tab_menu {display:table; width:100%; table-layout:fixed;}
.ch_tab_menu a {display:table-cell; position:relative; width:100%; text-align:center; box-sizing:border-box;}
.ch_tab_menu a:first-child {border-left-width:0;}
.ch_tab_menu a.on:after {display:none; content:""; position:absolute;}
.ch_tab_menu.col3 a {width:33.3%;}
.ch_tab_menu.col3 a.on {width:33.4%;}
.ch_tab_menu.col5 a {width:20%;}
/* .ch_tab_menu.type1 */
.ch_tab_menu.type1 a {padding:7px 0 9px; height:33px; color:#fff; font-size:15px; line-height:18px; font-weight:600; border-left:1px solid #fff; background:#b5b5b5;}
.ch_tab_menu.type1 a.on {background:#e20001;}
.ch_tab_menu.type1 a.on:after {display:block; left:50%; bottom:-6px; margin-left:-6px; width:0px; height:0px; border-top:6px solid #e20001; border-bottom:6px solid none; border-right:6px solid transparent; border-left:6px solid transparent;}
/* .ch_tab_menu.type2 */
.ch_tab_menu.type2 a {padding:17px 0 19px; height:58px; color:#333; font-size:20px; line-height:23px; border:1px solid #d5d5d5; border-left-width:0; background:#f7f7f7;}
.ch_tab_menu.type2 a:first-child {border-left-width:1px;}
.ch_tab_menu.type2 a.on {font-weight:bold; border-bottom-width:0; background:#fff;}
.ch_tab_menu.type2 a.on:after {display:block; left:0; top:-1px; width:100%; border-top:2px solid #e20001;}


/* 플래시 플레이어 지원 종료 안내 레이어팝업 */
.layer_wrap {display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);}
.layer_content {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.layer_wrap.flash_stop .layer_content { width:510px; height:655px; border:0; border-radius:0; }
.layer_wrap.flash_stop .cont { position:relative; width:510px; height:610px; line-height:1.3; background:url('/static/layout/en/img/common/20201016_flash_stop_bg.png') 0 0 no-repeat; }
.layer_wrap.flash_stop .cont p { color:#fff; text-align:center; }
.layer_wrap.flash_stop .cont p.message1 { padding-top:50px; font-size:32px; letter-spacing:-1px; }
.layer_wrap.flash_stop .cont p.message1 span { font-size:28px; }
.layer_wrap.flash_stop .cont p.message1 strong { color:#fff024; }
.layer_wrap.flash_stop .cont p.message1 strong.pink { display:inline-block; color:#fff; background:#e85677; }
.layer_wrap.flash_stop .cont p.message2 { padding-top:275px; font-size:16px; }
.layer_wrap.flash_stop .cont .btn_detail { position:absolute; left:50%; bottom:30px; margin-left:-166.5px; width:333px; height:64px; color:#fff; font-size:26px; line-height:64px; border-radius:30px; font-weight:bold; text-align:center; background:#424bad; }
.layer_wrap.flash_stop .btn { display:block; width:100%; }
.layer_wrap.flash_stop .btn button { float:left; width:100%; color:#fff; font-size:16px; line-height:45px; border:none; text-align:center; box-sizing:border-box; background:#3e3e3e; }
.layer_wrap.flash_stop .btn button + button { border-left:1px solid #80888c; }