@charset "UTF-8";
@import'reset.css';
@import'btn.css';
/*@import url("../font/NotoSansKR/fonts.css");*/
@import url("../font/SCDream/fonts.css");
@import url("../font/TitilliumWeb/fonts.css");
@import url("../font/XEIcon-2.3.3/xeicon.css");

#wrapper{position:relative;width:100%;margin:0 auto -75px;padding:0}
#header{position:relative;width:100%;height:75px;border-bottom:3px solid #f81026;background:#fff;z-index:1000}
#gnb, #body{width:1200px;margin:0 auto}
#footer .footerInner{position:relative;width:1200px;margin:0 auto}
#article{float:left;width:824px;margin-bottom:50px}
#article_pic{width:100%;height:538px}
#article_ebook{float:left;width:100%;height:598px}
#aside{float:right;width:316px;margin:-16px 0 40px}
#container, #body{position:relative;min-height:750px;*zoom:1}
#container:before, #container:after{content:"";display:table;clear:both}

_:-ms-input-placeholder, #container, #body{position:relative;min-height:754px;*zoom:1} /* Only works in IE10 이상  */

/* FireFox */
@-moz-document url-prefix(){
	#container, #body{position:relative;min-height:650px;*zoom:1}
}

/* Header */
#gnb{position:relative}
#gnb .logo{position:absolute;top:14px;left:0}

.kf_mbNav{display:none}
.search{position:absolute;top:20px;right:63px;margin-right:5px}
.searchBtn2{position:absolute;top:1px;right:1px;cursor:pointer}
.search input.searchAll{width:180px}
.detailSearch{position:absolute;top:0;right:-68px}
.searchAll{padding:0 12px;margin-right:-4px;width:230px;height:34px;line-height:34px;font-size:12px;border:1px solid #d7d7d7;color:#adadad}
.btn_search{position:relative;width:60px;height:34px;line-height: 34px;background:url('../../image/btn-search-detail.gif') no-repeat;border:none;border-radius:4px;cursor:pointer;transition: all .5s ease}
.btn_search:hover{background-color: #606060;transition: all .5s ease}
.searchType{padding:0 6px;margin-left:10px;margin-right:-4px;width:200px;height:32px;line-height:32px;border:1px solid #d7d7d7;color:#adadad}
.btn_search_list{width:32px;height:32px;background:url('../../image/btn_search_list.gif') no-repeat;border:none;cursor:pointer}

/* 모바일 메뉴 */
.cbp-spmenu {background:#fff;position:fixed}
.cbp-spmenu a {display:block;color:#303030;font-size:1.125em;font-weight:bold}
.cbp-spmenu a:hover {color:#ed1846;background:#F7F7F7}
.cbp-spmenu a:active {background:#F9F9F9;color:#db0d39}
.cbp-spmenu-vertical {width:240px;height:100%;top:0;z-index:1000}
.cbp-spmenu-vertical a {border-bottom:1px solid #e3e3e3;padding:1em}
.cbp-spmenu-right {right:-640px}
.cbp-spmenu-left.cbp-spmenu-open {left:0}
.cbp-spmenu-right.cbp-spmenu-open {right:0}
.cbp-spmenu,.cbp-spmenu-push {top:104px;border-left:1px solid #EBEBEB;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease}
.cbp-spmenu-push{display:none}

/* 글로벌 네비게이션 */
#mobileNav{display:none}
.topNav{margin:0 auto;text-align:center}
.gnbNav ul.gnbMain{display:block;margin:0 auto;width:670px;z-index:1}
.gnbNav ul.gnbMain li.gnbM1, .gnbNav ul.gnbMain li.gnbM2, .gnbNav ul.gnbMain li.gnbM3, .gnbNav ul.gnbMain li.gnbM4, .gnbNav ul.gnbMain li.gnbM5, .gnbNav ul.gnbMain li.gnbM6{float:left;width:120px;margin:24px 0 0;font-weight:bold;font-family:'Noto Sans CJK KR', 'Noto Sans KR', Nanum Gothic, 나눔고딕, sans-serif;font-size:17px;color:#505050}
.gnbNav ul.gnbMain li a.selected{color:#ed1846}

/* Container */
#metaBox{padding:30px 0 0}
#metaBox .nav{margin-bottom:18px;font-size:12px;color:#999}
#metaBox .titSelect{display:none}
.nav{font-size:11px}
.nav .cate{margin:0 6px}
.titEvent{margin:6px 0}
.titEvent h2{overflow:hidden;font-weight:bold;font-size:32px;font-family:'Noto Sans KR', sans-serif;color:#000;line-height:38px;word-break:keep-all;letter-spacing: -0.04em}
.metaInfo{margin-bottom:18px;color:#797979;font-size:11px}
.metaInfo ul li{float:left;margin-right:20px}
.ico_meta{display:inline-block;width:4px;height:4px;margin-right:3px;background:url('../../image/sprite_icon.png') -27px -9px no-repeat;vertical-align:middle}

/* 메인 페이지 */
#mainVisual{height:510px;background:#000}
#mainVisualView{position:relative;height:510px;margin-bottom:30px;text-align: right;z-index:1}
#mainVisualView .viewImage{overflow:hidden;position:relative;height:510px;object-fit:cover;object-position:top;z-index:400}
#mainVisualView .Lfloat{position:absolute;top:0;left:0;width: 600px;height: 510px;background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,1) 60%, rgba(255,255,255,0) 100%);z-index:500;}
#mainVisualView .Rfloat{position:absolute;top:0;right:0;width: 400px;height: 510px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 98%);z-index:500}
#mainVisualView .play{position:absolute;top:42%;right:40%;z-index:500}

.layerTit{position:absolute;top:80px;left:0;max-width:520px;z-index:600}
.layerTit h4{overflow: hidden;height:148px;margin-bottom:26px;font-weight:700;font-size:44px;font-family: 'Noto Sans CJK KR', 'Noto Sans KR', sans-serif;line-height:50px;letter-spacing: -0.04em;text-align:left;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:keep-all}
.layerTit p{width:480px;font-size:1.083em;line-height:20px;color:#bdbdbd;letter-spacing: -0.04em;word-break:keep-all;text-align: left;z-index: 1;}
.layerTit .data{margin-top:80px;text-align:left}
.layerTit .data p{margin-bottom:10px}
.layerTit span{color:#bdbdbd}

.ico_runtime_m{display:inline-block;width:14px;height:15px;margin:0 6px 10px 0;text-indent:23px;background:url('../../image/sprite_icon.png') -89px 1px no-repeat;vertical-align:top}
.ico_cal_m{display:inline-block;width:14px;height:18px;margin-right:6px;text-indent:23px;background:url('../../image/sprite_icon.png') -104px 0 no-repeat;vertical-align:middle}

.latestBox{display:block;margin-bottom:20px}
.latestBox ul li{float:left;width:286px;height:256px;margin-right:18.5px;background:#f0f0f0;text-align:center}
.latestBox ul li:nth-child(4n){margin-right:0}
.latestBox ul li .Lfloat{float: left;display:block;width:calc(100% - 12px);margin:0 0 10px 12px;text-align: left;}
.latestBox ul li .Rfloat{display:block;margin:0 12px 0 0}
.latestBox ul li .img-box{overflow: hidden;float: left;display:flex;width: 100%;height: 180px;line-height: 180px;text-align: center;background: #e0e0e0;}
.latestBox ul li img{position:relative;top:0;left:0;bottom:0;right:0;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;vertical-align: middle;object-fit: cover;object-position: center;}
.latestBox b.tit{overflow:hidden;display:block;width:calc(100% - 12px);height:34px;margin:8px 0 6px;line-height:16px;color:#303030;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.latestBox h3{display:inline-block;margin-bottom:10px;font-weight:700;font-size:15px}
.latestBox a b{transition:all .5s ease}
.latestBox a:hover b{color:#db0d39;transition:all .5s ease}
.latestBox .more,  .latestBox2 .more,  .eBook .more, .latestMov .more{float:right;color:#b5b5b5;text-align:center}
.latestBox .more a, .latestBox2 .more a, .eBook .more a, .latestMov .more a{display:block;width:16px;height:14px;line-height:12px;margin-top:3px;font-weight:700;font-size:14px;font-family:Arial, verdana, sans-serif;border:1px solid #dedede}
.latestBox .more a:hover, .latestBox2 .more a:hover, .eBook .more a:hover, .latestMov .more a:hover{border:1px solid #db0d39}

.latestBox2{display:table;position:relative;float:left;width:586px;margin:30px 0 0;clear:left}
.latestBox2.rt{float:right;margin:10px 0 20px 25px;clear:right}
.latestBox2 ul li{float:left;width:138px;height:210px;margin-right:11px;background:#f0f0f0;text-align:center}
.latestBox2 ul li:nth-child(4n){margin-right:0}
.latestBox2 ul li img{position:relative;top:0;left:0;bottom:0;right:0;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;vertical-align: middle;object-fit: cover;object-position: center;}
.latestBox2 ul li .img-box{overflow: hidden;float: left;display:flex;width: 138px;height: 210px;line-height: 210px;text-align: center;background: #f0f0f0;}
.latestBox2 b.tit{display:block;margin:10px 12px 10px 12px;font-size:13px;color:#303030}
.latestBox2 h3{display:inline-block;margin-bottom:10px;font-weight:700;font-size:15px}
.latestBox2 .more{float:right}

.eBook{position:relative;display:block;float:left;width:586px;margin:30px 0 0;clear:left}
.eBook ul li{float:left;margin-right:11px}
.eBook ul li a{display:block;width:100%;margin-top:-1px;background: #f0f0f0;}
.eBook ul li:nth-child(4n){margin-right:0}
.eBook ul li img{position:relative;top:0;left:0;bottom:0;right:0;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;vertical-align: middle;object-fit: cover;object-position: center;}
.eBook ul li .img-box{overflow: hidden;float: left;display:flex;width: 138px;height: 190px;line-height: 190px;text-align: center;background: #f0f0f0;border:1px solid #d9d9d9}
.eBook b.tit{display:block;margin:10px 12px 10px 12px;font-size:13px;color:#303030}
.eBook h3{display:inline-block;width:100%;padding-bottom:14px;margin-bottom:13px;font-weight:700;font-size:15px;border-bottom:1px solid #dedede}
.eBook .more{position:absolute;top:0;right:0;float:right}

.koreanBook{display:inline-block;width:446px;heights:236px;margin-top:30px;clear:left;}
.koreanBook.rt{float:left;padding-top:20px;margin:13px 0 50px 26px;clear:right;background:#f2f2f2;border:1px solid #d9d9d9}
.koreanBook ul li{float:left;margin-right:5px}
.koreanBook ul li:nth-child(4n){margin-right:0}
.koreanBook ul li img{width:102px;height:140px;border:1px solid #fff;object-fit:cover;object-position:top}
.koreanBook h3{position:absolute;display:inline-block;padding:4px 8px;margin:-33px 0 5px -1px;font-weight:700;font-size:15px;background:#d93a5a;color:#fff}
.koreanBook .txt{overflow: hidden;height: 50px;margin:6px 10px 0;line-height:16px;color:#808080;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align: justify;word-break:keep-all}
ul.bg_koreanBook{width:585px;height:158px;margin-top:0;padding:6px 0 0 10px}

.online_korean{display:inline-block;width:130px;height:236px;margin-top:30px;clear:left;}
.online_korean.rt{float:right;padding-top:20px;margin:13px 0 50px;clear:right;background:#f2f2f2;border:1px solid #d9d9d9}
.online_korean ul li{float:left;}
.online_korean ul li img{width:102px;height:140px;border:1px solid #fff;object-fit:cover;object-position:top}
.online_korean h3{position:absolute;display:inline-block;padding:4px 8px;margin:-33px 0 5px -1px;font-weight:700;font-size:15px;background:#d93a5a;color:#fff}
.online_korean .txt{margin:6px 10px 0;line-height:18px;color:#808080;text-overflow:ellipsis;word-break:keep-all}
ul.bg_online_korean{height:172px;margin-top:0;padding:18px 0 0 12px}

.latestMov{display:inline-block;float:left;margin:10px 0 0}
.latestMov ul li{float:left;width:290px;height:212px;margin-right:6px;background:#f4f4f4;text-align:center}
.latestMov ul li:nth-child(2n){margin-right:0}
.latestMov ul li a{display: block;overflow:hidden;width: 100%;text-align: center;background:#e0e0e0}
.latestMov ul li img{position:relative;top:0;left:0;bottom:0;right:0;width:100%;max-width:100%;height:auto;max-height:100%;margin:auto;vertical-align: middle;object-fit: cover;object-position: top;}
.latestMov ul li .img-box{overflow: hidden;float: left;display:flex;width: 290px;height: 152px;line-height: 152px;text-align: center;background: #e0e0e0;}
.latestMov b.tit{overflow:hidden;display:block;height: 34px;margin:10px 15px;font-weight:normal;line-height:18px;color:#303030;text-align: center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.latestMov h3{display:inline-block;margin-bottom:7px;font-weight:700;font-size:15px}
.latestMov .more{float:right}
.latestMov .more_mb, .latestBox .more_mb, .latestBox2 .more_mb, .koreanBook .more_mb, .eBook .more_mb{display:none}

/* 탭 메뉴 */
#tab_menu, #tab_menu_pos{margin:0 0 20px;border-bottom:1px solid #db0d39}
#tab_menu ul li, #tab_menu_pos ul li{float:left;width:300px;height:47px;line-height:44px;font-size:15px;font-family:'Noto Sans KR', sans-serif;text-align:center;color:#303030}
#tab_menu ul li a, #tab_menu_pos ul li a{display:block;height:47px;line-height:44px;font-weight:bold;color:#ABABAB;background:#F9F9F9;border-left:1px solid #dedede;border-top:1px solid #dedede;border-right:1px solid #dedede;box-shadow:inset 4px 0 12px 0 rgba(175,175,175,0.3);border-radius:8px 8px 0 0}
#tab_menu ul li a:hover, #tab_menu ul li a.selected, #tab_menu_pos ul li a:hover, #tab_menu_pos ul li a.selected{margin-top:0;height:48px;line-height:46px;font-weight:bold;border-top:1px solid #db0d39;border-left:1px solid #db0d39;border-right:1px solid #db0d39;border-bottom:none;background:#fff;color:#db0d39;box-shadow:none;border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;-ms-border-radius:8px 8px 0 0}
#tab_menu ul li .num, #tab_menu_pos ul li .num{display:inline-block;height:47px;margin:0 0 0 2px;font-size:12px;font-weight:normal;vertical-align:middle}

_:-ms-input-placeholder, :root #tab_menu ul li a:hover, #tab_menu ul li a.selected, #tab_menu_pos ul li a:hover, #tab_menu_pos ul li a.selected{margin-top:1px;height:48px;line-height:46px;font-weight:bold;border-top:1px solid #db0d39;border-left:1px solid #db0d39;border-right:1px solid #db0d39;border-bottom:none;background:#fff;color:#db0d39;box-shadow:none;border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;-ms-border-radius:8px 8px 0 0}/* Only works in IE10 이상*/

#tab_menu_mb{display:none;margin:0 0 20px;border-bottom:1px solid #db0d39}
#tab_menu_mb ul li{float:left;width:300px;height:47px;line-height:44px;font-size:15px;font-family:'Noto Sans KR', sans-serif;text-align:center;color:#303030}
#tab_menu_mb ul li a{display:block;height:47px;line-height:44px;font-weight:bold;color:#ABABAB;background:#F9F9F9;border-left:1px solid #dedede;border-top:1px solid #dedede;border-right:1px solid #dedede;box-shadow:inset 4px 0 12px 0 rgba(175,175,175,0.3);border-radius:8px 8px 0 0}
#tab_menu_mb ul li a:hover, #tab_menu_mb ul li a.selected{margin-top:0;height:48px;line-height:46px;font-weight:bold;border-top:1px solid #db0d39;border-left:1px solid #db0d39;border-right:1px solid #db0d39;border-bottom:1px solid #fff;background:#fff;color:#db0d39;box-shadow:none;border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;-ms-border-radius:8px 8px 0 0}
#tab_menu_mb ul li .num{display:inline-block;margin:0 0 3px 2px;font-size:12px;font-weight:normal;vertical-align:middle}

/* 주요 타이틀 바 */
.titBar{position:relative;height:42px;line-height:42px;text-indent:0;border-bottom:2px solid #dedede}
.titBar h3{font-size:14px;color:#000;letter-spacing: -0.04em}
.titBar .num{display:inline-block;margin:0 0 3px 0;font-size:12px;font-weight:normal;color:#303030;vertical-align:middle}
.btn_fold{position:absolute;display:block;top:6px;right:0;width:24px;height:32px;background:url('../../image/sprite_button.png') -200px 0 no-repeat}
/*.btn_fold:hover{position:absolute;display:block;top:6px;right:0;width:32px;height:32px;background:url('../../image/sprite_button.png') -200px 0 no-repeat}*/

/* Contents */
#description{float:left;width:824px;margin-top:24px}
#description .opennuri{display:inline-block;width:100%;padding:10px;margin-top:50px;background:#f5f5f5}
#description .opennuri img{width:160px;float:left}
#description .opennuri .txt{float:left;margin-top:12px;margin-left:15px;font-size:11px;line-height:18px}
.descCont{margin:40px 0 60px;line-height:22px}
.descCont p{font-size:13px !important;line-height:24px !important;text-align:justify;word-break:break-all}
.descCont h3, .descCont h4{font-size:13px !important;line-height:24px !important}
.descCont p span, .descCont div, .descCont td{font-size:13px !important;line-height:24px !important;font-family:NanumGothic, 나눔고딕, dotum, sans-serif !important}
.descCont table{width:100% !important}
.descCont td{float:left}

#contView .movCont{position:relative}
#contView .movCont img{border:1px solid #e1e1e1;z-index:10}
#contView .playButton{position:absolute;top:207px;width:824px;text-align:center;z-index:200}
#contView .playButton img{border:none}
#contView .movOverlay{position:absolute;display:block;top:0;left:0;width:824px;height:515px;background:url('../../image/movOverlay.png') no-repeat;z-index:100}
#contView .movView{height:515px}
#contView .contInfo{position:absolute;top:370px;left:42px;z-index:300}
#contView .contInfo h3.tit{margin:0 42px .5em 0;line-height:34px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;font-size:28px;color:#fff}
#contView .contInfo .meta li{color:#fff;margin-bottom:6px}
#contView .contInfo_mb{display:none}
#contView .ico_runtime{display:inline-block;width:14px;height:14px;margin-right:3px;background:url('../../image/sprite_icon.png') 0 -29px no-repeat;vertical-align:middle}
#contView .ico_num{display:inline-block;width:13px;height:16px;margin:0 3px 0 10px;background:url('../../image/sprite_icon.png') -27px -29px no-repeat;vertical-align:middle}
#contView .ico_cal{display:inline-block;width:16px;height:16px;margin:0 5px 0 10px;background:url('../../image/sprite_icon.png') -50px -29px no-repeat;vertical-align:middle}

.btnArea{margin-top:12px}
.btnArea ul li{float:left;margin-right:10px}
.btnArea p{padding-top:8px;text-align:center;color:#808080}
.btnArea ul.Rfloat li span{display:inline-block;margin:8px 7px 0 0;font-family:verdana, tahoma, sans-serif;color:#a1a1a1}
.btnArea ul.Rfloat{margin-right:-10px}
.btnArea_pic{float:left;width:644px;margin-top:10px}
.btnArea_pic ul li{float:left;margin-right:10px}
.btnArea_pic p{padding-top:8px;text-align:center;color:#808080}
.btnArea_pic p.zoom{display:inline-block;padding:6px 0 0 200px;text-align:center}
.btnArea_pic p.zoom img{width: 12px;vertical-align: middle;}
.btnArea_pic p.zoom span{font-weight: 600;font-size:12px;vertical-align:middle}
.btnArea_pic ul.Rfloat li span{display:inline-block;margin:8px 7px 0 0;font-family:verdana, tahoma, sans-serif;color:#a1a1a1}
.btnArea_pic ul.Rfloat{margin-right:-10px}

.zoom{font-weight: 600}
.zoom img{width: 14px;vertical-align: middle;letter-spacing: -0.04em}

.btn_listHome{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') 0 0 no-repeat}
.btn_twitter{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -42px 0 no-repeat}
.btn_facebook{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -84px 0 no-repeat}
.btn_download{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -126px 0 no-repeat}

.imgListhome{padding-right:10px}
#relatedMov .more, #relatedCont .more{display:none}
ul#relatedMovie li a.selected{border: 2px solid #db0d39}

/* 포스터 상세페이지 */
.posterCont{display:inline-block;width:824px;border:1px solid #dedede}
.posterCont .Lfloat img{width:444px;height:auto;object-fit:cover;object-position:top}
.posterCont .Rfloat{width:316px;margin:60px 20px 0 0}
.posterCont .Rfloat b.tit{overflow:hidden;display:block;padding-bottom:40px;margin-bottom:40px;font-weight:bold;font-size:32px;font-family:'Noto Sans KR', sans-serif;line-height:36px;letter-spacing:-0.04em;color:#303030;border-bottom:1px dotted #CCC;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}
.posterCont .Rfloat ul li{float:left;width:50%;margin-bottom:20px}

/* 사진 상세페이지 */
.picCont{display:block;width:100%}
.picView{display:table;position:relative;float:left;width:644px;height:448px;padding:10px;border:1px solid #e0e0e0;text-align:center}
.picView .cell{display:table-cell;vertical-align:middle}
.picView .inner{*position:absolute;*top:50%;*height:448px;*margin-top:-224px}
.picView img{max-width:100%;object-fit:cover;object-position:top}
.picList{float:right;width:530px;height:498px;border:1px solid #e0e0e0}

.mphoto_lt{display:block;position:absolute;left:1em;top:45%;z-index:9999}
.mphoto_rt{display:block;position:absolute;right:1em;top:45%;z-index:9999}

.wrapList{float:left;width:100%;background:#fff}
.wrapList .titList{float:left;padding:14px 0 0 14px;font-weight:bold;font-size:14px;color:#000}
.wrapList .titList .num{display:inline-block;height:24px;margin-left:2px;font-weight:normal;font-size:12px;vertical-align:middle}
.wrapList .page{float:right;padding:12px 14px 0 0}
.wrapList .page .currentPage{color:#f81026}

.picThumb{overflow:hidden;position:relative;display:inline-block;width:100%;height:454px;padding-left:9px;}
.picThumb .thumbImg{display:-webkit-flex;display:flex; /* Flexbox로 지정 */-webkit-align-items:center;align-items:center; /* 세로 중앙정렬 */-webkit-justify-content:center;justify-content:center; /* 가로 중앙정렬 */ float:left;display:table-cell;vertical-align:middle}
.picThumb .thumbImg a{position:relative;display:inline-block;width:124px;height:79px;line-height:79px;margin:9px 3px 2px 0;vertical-align:middle;text-align:center;background: #e0e0e0}
.picThumb .thumbImg .selected{border:2px solid #f81026}
.picThumb .thumbImg a img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #f81026;opacity:0;transition:all .2s ease-in-out;}
.picThumb .thumbImg a:hover img:before{opacity:1;}
.picThumb .thumbImg img{position:relative;top:0;left:0;bottom:0;right:0;width:100%;max-width:100%;height:auto;max-height:100%;margin:auto;vertical-align: middle;object-fit: cover;object-position: center;}

.picThumb .thumbLt{position:absolute;left:0;top:0;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:center;z-index:300}
.picThumb .thumbLt a{display:block;width:34px;height:48px;background:url('../../image/thumbLt_on.png') no-repeat}
.picThumb .thumbLt a:hover{display:block;width:34px;height:48px;background:url('../../image/thumbLt_off.png') no-repeat}
.picThumb .thumbRt{position:absolute;right:0;top:0;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:center;z-index:300}
.picThumb .thumbRt a{display:block;width:34px;height:48px;background:url('../../image/thumbRt_on.png') no-repeat}
.picThumb .thumbRt a:hover{display:block;width:34px;height:48px;background:url('../../image/thumbRt_off.png') no-repeat}

/* 교재 상세페이지 */
.bookCont{width:824px;min-height:558px;border:1px solid #dedede}
.bookCont .Lfloat{padding:20px;background:#F9F9F9}
.bookCont .Lfloat img{width:377px;height:516px;object-fit:cover;object-position:top}
.bookCont .Rfloat{width:343px;margin:60px 20px 0 0}
.bookCont .Rfloat b.subtit{display:block;margin-bottom:10px;font-weight:bold;font-size:20px;font-family:Arial, sans-serif;color:#23a3de;}
.bookCont .Rfloat b.tit{display:block;padding-bottom:40px;margin-bottom:40px;font-weight:bold;font-size:28px;line-height:34px;font-family:'Noto Sans KR', sans-serif;color:#000;border-bottom:1px solid #e9e9e9;letter-spacing: -0.04em}
.bookCont .Rfloat ul li{float:left;width:50%;margin-bottom:20px;font-family:tahoma, dotum, 돋움, verdana, sans-serif;color:#797979}
.bookCont .Rfloat .dn{margin-top:20px}

.ebookCont{width:824px;min-height:558px;border:1px solid #dedede}
.ebookCont .Lfloat img{position:relative;top:auto;bottom:auto;left:auto;right:auto;vertical-align:middle; width:100%;height:auto;max-width:100%;object-fit:cover;object-position:top;}
.ebookCont .Lfloat{display:flex;align-items:center;padding:20px;background:#f0f0f0;text-align:center;width:417px;height:556px}
.ebookCont .Rfloat{width:343px;margin:60px 20px 0 0}
.ebookCont .Rfloat b.subtit{display:block;margin-bottom:10px;font-weight:bold;font-size:18px;font-family:Arial,'Noto Sans KR',sans-serif;color:#23a3de;}
.ebookCont .Rfloat b.tit{display:block;padding-bottom:40px;margin-bottom:40px;font-weight:bold;font-size:28px;line-height:34px;font-family:'Noto Sans KR', sans-serif;color:#000;border-bottom:1px solid #e9e9e9;letter-spacing: -0.04em}
.ebookCont .Rfloat ul li{float:left;width:50%;margin-bottom:20px;font-family:tahoma, dotum, 돋움, verdana, sans-serif;color:#797979}
.ebookCont .Rfloat .dn{margin-top:20px}
.ebookCont .Rfloat .dn li{float:left;width:auto;margin-right:10px}
.ebookCont .btnArea ul{background:none;margin-top:90px}
.ebookCont .btnArea ul li{width:auto}

/* 목록 */
.titType, .titType_result{margin:10px 0}
.titType h3{font-weight:800;font-size:18px}
.titType h4, .titType_result h4{font-size:14px;color:#000}
.titType h4.agora{font-size:18px;color:#000}
.titType .num{font-size:15px;font-weight:normal;color:#303030;vertical-align:top}
.sortBox{width:100%;padding:10px 0;margin:10px 0;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;text-align:right}
.sortBox select{margin-right:10px;height:32px}
.pageNum{display:block;float:right}
.pageNum a{display:inline-block;width:20px;height:26px;line-height:22px;font-weight:bold;font-size:16px;text-align:center;vertical-align:middle}
.pageNum .currentNum{width:32px;padding:4px;font-weight:500;text-align:center;font-family:verdana, tahoma, sans-serif}
.pageNum_result{padding-top:5px;text-align:right}
.pageNum_result a{display:inline-block;width:20px;height:26px;line-height:26px;font-weight:bold;font-size:16px;text-align:center;vertical-align:middle}
.pageNum_result .currentNum{width:32px;padding:4px;font-weight:500}

.resultForm{margin-bottom:-60px}

.pageBox{display:inline-block;width:100%;margin:6px 0 44px;text-align:center}
.pageBox input{width:12%;height:42px;margin:0 6px;padding:0 20px;font-weight:bold;font-size:13px;border:1px solid #CCC;background:#fff;color:#000;border-radius:24px;letter-spacing: -0.04em;transition: all .5s ease}
.pageBox input:hover{font-weight:bold;border:1px solid #db0d39;background:#fff;color:#db0d39;cursor:pointer;transition: all .5s ease}
.pageBox.wt input{width:16%}

.sortBoxmb{display:none}/* 모바일 전용 */
.menuMove{float:left}
.menuMove span{margin-right:6px;font-size:14px}

.subMenu{display:none;width:16%;height:100%;max-height:100%;float:left} /* e-book, 교재 전용  */
.subMenu h3{margin:40px 0;font-size:25px;text-indent:20px;color:#db0d39;font-family:'Noto Sans KR', sans-serif}
.subMenu ul li{float:left;width:100%;font-family:'Noto Sans KR', sans-serif;background-color:#F5F5F5}
.subMenu ul li a{display:block;padding:10px 0 11px;text-indent:30px;font-weight:normal;font-size:14px;color:#000}
.subMenu ul li a.selected, .subMenu ul li a:hover, .subMenu ul li a.active{display:block;padding:10px 0 11px;font-weight:bold;background:#db0d39;color:#fff;text-indent:30px}
#contentsArea.ebook_rt{min-height:595px}
.ebook_rt{width:100%} /* e-book, 교재 전용 */
_:-ms-input-placeholder, :root #contentsArea.ebook_rt{min-height:605px}/* Only works in IE11 */

/* Aside */
#relatedMov, #relatedPoster{margin-top:10px}
#relatedMov_mb{display:none}
#relatedPoster_mb{display:none}
#relatedMov_pc{display:block}
.runningTime{display:block;margin:10px 0 2px;font-size:12px;color:#666}
.titCont{overflow:hidden;display:block;width:100%;font-size:12px;line-height:16px;font-weight:bold;color:#303030;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
ul.movList{margin:10px 0 20px}
ul.movList li .Lfloat, ul.movList li .Rfloat{overflow:hidden;display:block;width:50%;text-align:center}
ul.movList li .Rfloat a{display:block;background:#f0f0f0}
ul.movList li{display:inline-block;width:100%;padding-bottom:14px;margin-bottom:10px;border-bottom:1px solid #e2e2e2}
ul.movList li p.Lfloat{width:150px;text-align:left}

ul.contList{margin:10px 0 20px}
ul.contList li{display:inline-block;width:100%;margin-bottom:20px;text-align:center}
ul.contList li .tit{overflow:hidden;display:block;width:100%;margin:6px 0;line-height:18px;font-weight:bold;font-size:12px;text-align:left;color:#303030;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
ul.contList li .cell{vertical-align:middle}
ul.contList li .cell .inner{*position:absolute;*top:50%;*height:180px;*margin-top:-90px;height:180px;line-height:180px;background:#f0f0f0}
ul.contList li a{width:100%;height:180px;line-height:180px;background:#f0f0f0}
ul.contList li img{position:relative;top:-1px;max-height:180px;object-fit:cover;object-position:center;vertical-align:middle}
ul.contList li:hover b.tit, ul.posterList li:hover b.tit, ul.posterList2 li:hover b.tit{color:#db0d39}

.ico_time{display:inline-block;width:14px;height:14px;margin-top:4px;margin-right:5px;background:url('../../image/sprite_icon.png') 0 -3px no-repeat;vertical-align:top}
.ico_pic{display:inline-block;width:14px;height:14px;margin-top:4px;margin-right:5px;background:url('../../image/sprite_icon.png') -73px -1px no-repeat;vertical-align:top}
.ico_pos{display:inline-block;width:12px;height:14px;margin-top:4px;margin-right:5px;background:url('../../image/sprite_icon.png') -59px -1px no-repeat;vertical-align:top;}
.ico_book{display:block;width:22px;height:14px;margin:6px 5px 12px 0;background:url('../../image/sprite_icon.png') -36px -1px no-repeat;vertical-align:middle;text-indent:28px}
.ico_book_list{display:inline-block;width:22px;height:16px;margin-top:2px;margin-right:5px;background:url('../../image/sprite_icon.png') -36px 0 no-repeat;vertical-align:top;text-indent:28px}
.ico_cont{display:inline-block;width:16px;height:16px;margin-right:2px;background:url('../../image/sprite_icon.png') -72px -29px no-repeat;vertical-align:middle}
.ico_cal{display:inline-block;width:16px;height:16px;margin-top:3px;margin-right:5px;background:url('../../image/sprite_icon.png') -72px -45px no-repeat;vertical-align:top}

ul.posterList{margin:10px 0 20px}
ul.posterList li{display:inline-block;float:left;width:48%;margin-right:2%;margin-bottom:10px}
ul.posterList li .cell{vertical-align:middle}
ul.posterList li .cell .inner{*position:absolute;*top:50%;*height:220px;*margin-top:-110px;height:220px;line-height:220px}
ul.posterList li a{display:block;width:100%;border:1px solid #dedede;background:#f0f0f0}
ul.posterList li img{position:relative;top:0;max-height:222px;min-height:222px;object-fit:cover;object-position:center;vertical-align:middle;}
ul.posterList li:nth-child(2n){float:right;margin-right:0;text-align:right}

ul.posterList2{margin-top:12px}
ul.posterList2 li{display:inline-block;width:48%;float:left;margin-bottom:20px;text-align:center}
ul.posterList2 li:nth-child(2n){float:right;margin-left:0}
ul.posterList2 li img{position:relative;top:0;max-height:200px;object-fit:cover;object-position:center;vertical-align:middle;}
ul.posterList2 li a{display:block;width:100%;height:200px;background:#f0f0f0}
ul.posterList2 li .cell{vertical-align:middle}
ul.posterList2 li .inner{*position:absolute;*top:50%;*height:200px;*margin-top:-100px;height:200px;line-height:200px}
ul.posterList2 b.tit{overflow:hidden;display:block;float:left;width:100%;margin:6px 0 0;height:34px;max-height:34px;font-weight:bold;font-size:12px;line-height:16px;text-align:left;color:#303030;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}

ul.photoList{float:left;width:100%;margin:20px 0 10px}
ul.photoList li{position:relative;float:left;width:184px;height:185px;margin:0 19px 30px 0;text-align:center}
ul.photoList li:nth-child(6n){margin-right:0}
ul.photoList li .tit{overflow:hidden;display:block;float:left;width:100%;height:34px;max-height:34px;margin:6px 0 6px;line-height:18px;font-weight:bold;font-size:12px;color:#303030;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
ul.photoList li .cell{vertical-align:middle}
ul.photoList li .cell .inner{*position:absolute;*top:50%;*height:120px;*margin-top:-55px;height:120px;line-height:120px}
ul.photoList li a{display:block;width:100%;height:120px;background:#f0f0f0}
ul.photoList li a:hover, ul.photoList li:hover b.tit, ul.posterList_thumb li:hover b.tit, ul.ebookList li:hover b.tit{color:#db0d39}
ul.photoList li img{position:relative;top:-1px;max-height:120px;object-fit:cover;object-position:center;vertical-align:middle}

ul.posterList_thumb{float:left;width:100%;margin:20px 0 10px}
ul.posterList_thumb li{position:relative;float:left;width:184px;height:285px;margin:0 19px 30px 0;text-align:center}
ul.posterList_thumb li:nth-child(6n){margin-right:0}
ul.posterList_thumb li .tit{overflow:hidden;display:block;float:left;width:100%;height:34px;max-height:34px;margin:6px 0;line-height:18px;font-weight:bold;font-size:12px;color:#303030;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
ul.posterList_thumb li .cell{vertical-align:middle}
ul.posterList_thumb li .cell .inner{*position:absolute;*top:50%;*height:220px;*margin-top:-110px;height:220px;line-height:220px}
ul.posterList_thumb li a{display:block;width:100%;height:220px;background:#f0f0f0}
ul.posterList_thumb li img{position:relative;top:-1px;max-height:220px;margin:0 auto;object-fit:cover;object-position:center;vertical-align:middle}
ul.posterList_thumb li a:hover b.tit, ul.photoList li a:hover b.tit, ul.posterList2 li a:hover b.tit, ul.ebookList li a:hover b.tit{color:#db0d39;cursor:pointer}

/* FireFox */
@-moz-document url-prefix(){
	ul.contList li img{display:inline;position:relative;top:-1px;height:180px;max-height:180px;object-fit:cover;object-position:center;vertical-align:middle}
	ul.photoList li img{display:inline;position:relative;top:-1px;height:120px;max-height:120px;object-fit:cover;object-position:center;vertical-align:middle}
	ul.posterList li img{display:inline;position:relative;top:0;height:222px;max-height:222px;min-height:222px;object-fit:cover;object-position:center;vertical-align:middle}
	ul.posterList2 li img{display:inline;position:relative;top:0;height:222px;max-height:220px;object-fit:cover;object-position:top}
	ul.posterList_thumb li img{display:inline;position:relative;top:-1px;height:220px;max-height:220px;margin:0 auto;object-fit:cover;object-position:center;vertical-align:middle}
}

/* Only works in IE10 이상 */
_:-ms-input-placeholder, :root ul.contList li img{position:relative;top:-2px;max-height:100%;object-fit:cover;object-position:center;vertical-align:middle}

ul.ebookList{float:left;width:100%;margin:20px 0 10px}
ul.ebookList li{overflow:hidden;position:relative;float:left;width:224px;min-height:350px;margin:0 20px 15px 0;text-align:center}
ul.ebookList li:nth-child(5n){margin-right:0}
ul.ebookList li .tit{overflow:hidden;display:block;float:left;width:100%;height:34px;max-height:34px;margin:6px 0;line-height:18px;text-align:left;font-weight:bold;font-size:12px;color:#303030;text-overflow:ellipsis;word-break:break-all}
ul.ebookList li .cell{vertical-align:middle}
ul.ebookList li .cell .inner{*position:absolute;*top:50%;*height:280px;*margin-top:-140px;height:280px;line-height:280px}
ul.ebookList li a{display:block;width:100%;height:280px;background:#f0f0f0}
ul.ebookList li img{position:relative;top:-1px;max-height:280px;margin:0 auto;object-fit:cover;object-position:center;vertical-align:middle}

ul.ebookList_result li{float:left;width:224px;margin:10px 20px 20px 0}
ul.ebookList_result li:nth-child(5n){margin-right:0}
ul.ebookList_result li .tit{overflow:hidden;display:block;min-height:34px;max-height:34px;margin:6px 0;line-height:18px;font-weight:bold;font-size:12px;color:#303030;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
ul.ebookList_result li img{height:auto}

/* 교재 */
ul.seriesList{float:left;margin-top:12px}
ul.seriesList li{width:122px;float:left;margin-right:18px;height: 250px;}
ul.seriesList li:nth-child(6n){margin-right:0}
ul.seriesList li.end, ul.seriesList li:last-child{margin-right:0}
ul.seriesList li img{width:122px;height:168px;object-fit:cover;object-position:top}
ul.seriesList li a{display:block;border:1px solid #e2e2e2}
ul.seriesList li a:hover, ul.seriesList li a.selected{display:block;border:1px solid #e82e34}
ul.seriesList li a:hover b.tit, ul.seriesList li a.selected b.tit{width:100%;line-height:18px;color:#db0d39}
ul.seriesList b.tit{float:left;margin:5px 0;font-size:12px;line-height:18px;color:#303030}

ul.relatedList{margin:10px 0 20px}
ul.relatedList li{display:inline-block;float:left;width:48%;margin-bottom:20px}
ul.relatedList li:nth-child(2n){float:right}

ul.relatedList li .image-box {position:relative;width:100%;height:206px}
ul.relatedList li .image-box img{position:absolute;left:0;top:50%;transform:translateY(-50%);   width:100%;height:auto;max-height:206px;margin:0 auto;object-fit:cover;object-position:center;vertical-align:middle}

ul.relatedList li img{position:relative;top:-1px;width:152px;height:206px;max-height:206px;margin:0 auto;object-fit:cover;object-position:center;vertical-align:middle}
ul.relatedList li a{display:block;width:100%;height:206px;background:#f0f0f0}
ul.relatedList li a:hover b.tit, ul.relatedList li a:hover b.titMaz, ul.posterList2 li a:hover b.tit{color:#db0d39;cursor:pointer}
ul.relatedList li .cell {vertical-align:middle}
ul.relatedList li .cell .inner{*position:absolute;*top:50%;*height:206px;*margin-top:-103px;height:206px;line-height:206px}
ul.relatedList b.tit{overflow:hidden;float:left;width:100%;height:30px;margin:5px 0 0;color:#303030;font-weight:bold;font-size: 12px;line-height: 14px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
ul.relatedList b.titMaz{float:left;width:100%;height:34px;margin:5px 0;max-height:34px;line-height:18px;color:#303030;text-align:left;}
ul.relatedList p{font-size:11px}

/* 통합검색 */
.resultText b{font-size:14px}
.resultBox{display:inline-block;width:100%;margin-bottom:30px;padding:0;border:1px solid #CCC}
.resultBox ul{padding:0 20px}
.resultBox h4{display:inline-block;margin-left:20px}
.resultBox .more{float:right;margin:-2px 14px 0 0}
.resultBox .more a{display:block;width:20px;height:20px;font-weight:bold;font-size:20px;font-family:Arial, verdana, sans-serif}
.resultBox .viewAll{width:100%;border-top:1px solid #e3e3e3;text-align:center}
.resultBox .viewAll a{display:inline-block;width:100%;margin-top:-20px;padding:10px 0;font-weight:bold;font-size:13px;background:#f5f5f5;color:#808080}
.resultBox .viewAll a:hover{background:#f0f0f0;color:#000}
.resultBox ul.photoList li{width:176px}
.resultBox ul.ebookList li{width:215px}
.resultBox ul.ebookList li:nth-child(4n){margin-right:20px}
.resultBox ul.ebookList li:nth-child(5n){margin-right:0}
.resultBox ul.posterList_thumb li{width:184px;margin-right:10px}
.resultBox ul.posterList_thumb li:nth-child(6n){margin-right:0}

/* 상세 검색 */
legend{display:none}
.resultForm i{display:block;float:left;margin:5px 0;font-style:normal}
.resultForm table{width:100%;margin-bottom:20px;border:0;border-top:2px solid #e3e3e3}
.resultForm table th{padding:14px 0;text-indent:20px;border-bottom:1px solid #e3e3e3;text-align:left;background:#f9f9f9;color:#303030;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resultForm table td{padding:10px 0;text-indent:12px;border-bottom:1px solid #e3e3e3;text-align:left}
.resultForm table label{margin-right:15px;font-size: 12px}
.resultForm table .inputText{width:96%;height:30px;line-height:30px;padding:0 6px;margin-right:-4px;border:1px solid #c8c8c8}
.resultForm table .selectYear{width:20%;height:30px;line-height:30px;padding:0 5px}
.resultForm table textarea{width:96%;margin:8px 0;padding:6px;font-size:12px;border:1px solid #c8c8c8}
.btnBox{display:block;padding:20px 0 70px}
.btnBox input{width:100%;height:40px;font-weight:bold;font-size:1.083em;border:1px solid #ccc;color:#3030330;background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px}
.btnBox input:hover{font-weight:bold;border:1px solid #db0d39;color:#db0d39;background:#fff;cursor:pointer}

/* 저작권 정책 */
.contText{margin:10px 0 50px}
.contText p{display:block;padding:50px 0;margin-bottom:20px;width:100%;background:#f9f9f9;text-align:center}
.contText p img{text-align:center}
.contText i{display:block;margin-top:8px;text-align:center}
.contText ul li{float:left;padding-bottom:20px;font-size:13px;line-height:24px}
.contText ul li b{font-weight:bold;color:#ed1846}

.textAgora{margin:10px 0;line-height:20px}

/* ERROR PAGE */
#errorBox{position:relative;left:50%;width:560px;margin:140px 0 -240px -280px;background:url('../../image/bg_error.png') no-repeat 100% 100%}
#errorBox .errorName{display:inline-block;margin-left:3px;padding:0 12px;height:28px;line-height:28px;font-size:14px;text-align:center;background:#ABABAB;color:#fff}
#errorBox h1{margin-top:-0.5em;font-weight:bold;font-size:40px;font-family:'Noto Sans KR', sans-serif;color:#303030}
#errorBox p{margin:20px 0 2em;font-size:1.210em;line-height:22px;color:#666}
#errorBox p b{font-weight:bold;font-size:14px;letter-spacing:normal;color:#808080}

/* FireFox */
@-moz-document url-prefix(){
	#errorBox{position:relative;left:50%;width:560px;padding-top:120px;margin:38px 0 0 -280px;background:url('../../image/bg_error.png') no-repeat 100% 100%}
}

.btn_back.pre{display:inline-block;margin-right:5px;padding:10px 18px;text-indent:14px;font-weight:bold;font-size:13px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #bababa;text-decoration:none;background:-moz-linear-gradient( center top, #fff 5%, #f5f5f5 100% );background:-ms-linear-gradient( top, #fff 5%, #f5f5f5 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5');	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #f5f5f5) );background:#fff url('../../image/ico_pre.png') 11% 50% no-repeat;color:#505050;text-shadow:1px 1px 0px #fff;-webkit-box-shadow:inset 1px 1px 11px 0px #fff;-moz-box-shadow:inset 1px 1px 11px 0px #fff;box-shadow:inset 1px 1px 11px 0px #fff}
.btn_back.pre:hover{background:-moz-linear-gradient( center top, #f5f5f5 5%, #fff 100% );background:-ms-linear-gradient( top, #f5f5f5 5%, #fff 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#fff');	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f5f5f5), color-stop(100%, #fff) );color:#000;background:#F9F9F9 url('../../image/ico_pre.png') 10% 50% no-repeat;border:1px solid #808080}
.btn_back.home{display:inline-block;padding:10px 22px;text-indent:16px;font-weight:bold;font-size:13px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #bababa;text-decoration:none;background:-moz-linear-gradient( center top, #fff 5%, #f5f5f5 100% );background:-ms-linear-gradient( top, #fff 5%, #f5f5f5 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5');	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #f5f5f5) );background:#fff url('../../image/ico_home.png') 12% 50% no-repeat;color:#505050;text-shadow:1px 1px 0px #fff;-webkit-box-shadow:inset 1px 1px 11px 0px #fff;-moz-box-shadow:inset 1px 1px 11px 0px #fff;box-shadow:inset 1px 1px 11px 0px #fff}
.btn_back.home:hover{background:-moz-linear-gradient( center top, #f5f5f5 5%, #fff 100% );background:-ms-linear-gradient( top, #f5f5f5 5%, #fff 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#fff');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f5f5f5), color-stop(100%, #fff) );color:#000;background:#F9F9F9 url('../../image/ico_home.png') 11% 50% no-repeat;border:1px solid #808080}
.btn_back.pre:active, .btn_back.home:active{position:relative;top:1px}

.searchNo{float:left;display:block;width:100%;height:300px;line-height:300px;text-align:center;background: #f5f5f5}
.searchNo p{font-size:14px;letter-spacing:-0.04em;color: #808080}

ul.photoList li a.no-image{position:relative;display:block;width:100%;height:120px;background:#e7e7e7}
ul.posterList_thumb li a.no-image{position:relative;display:block;width:100%;height:220px;padding-top:40%;background:#e7e7e7}
ul.ebookList li a.no-image{position:relative;display:block;width:100%;height:305px;padding-top:40%;background:#e7e7e7}
ul.photoList li a.no-image img, ul.posterList_thumb li a.no-image img, ul.ebookList li a.no-image img{position:absolute;top:0;left:0;width:auto;height:auto;padding-top:0;border:none}
.no-image{display:block;background:#e7e7e7;text-align:center}

/* 레이어 팝업 (2016-09-08) */
#movLayerPopup{position:absolute;width:824px;height:515px;background:#f0f0f0;z-index:9999}
.wrapPopup{position:relative;margin:0 auto}
.closePopup{position:absolute;top:0;right:-55px}
.playerBox{height:515px}

.no_result_box{float:left;width:100%;height:300px;line-height:300px;margin:40px 0;text-align:center;}
.no_result_box img{width: 18px;vertical-align: middle}
.no_result_box p{font-size:14px;color:#808080;letter-spacing: -0.04em;background: #f5f5f5}
.no_result_box span{display:inline-block;height:100%;line-height:100%;padding:6px 0 0 6px;}

/* VIDEO PLAYER */
.video-js .vjs-tech{z-index:auto !important}
.video-js .vjs-big-play-button{font-size:2em !important}
.video-js .vjs-progress-control .vjs-mouse-display{white-space:nowrap}
.video-js .vjs-time-control{min-width:1.8em !important;line-height:40px !important;padding-left:0 !important;padding-right:0 !important}
.video-js .vjs-time-control.vjs-current-time{margin-left:0 !important}
.video-js .vjs-time-control .vjs-current-time-display{white-space:nowrap}
.vjs-time-control .vjs-time-divider{width:auto !important;min-width:auto !important;padding:0 !important;margin:0 !important}

/* ADD (2021-06-11) */
.sr-only {position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0)}

.top_link, #gnb .dep01_tit, #gnb .dep01, #fullMenu.dep01 {font-size:0;line-height:0}
#header h2 {position:absolute;left:50%;margin-left:-860px}
.top_util, #fullmenuClose {position:absolute;right:50%;margin-right:-860px}
.container, .sub_container, .top_util a, .top_util .fullmenu span, .top_link a, .top_link:before, .top_link .linklst > li.lang .lst a:before, .kfPluslst ul a p:before, .searchFull .wrap .btnClose, #gnb a, #gnb :before, #gnb .dep01 > li, #gnb .dep01 > li > a:before, #gnb .dep01 > li > a:after, #gnb .dep03 > li > a span:before, #gnb .dep04 > li > a span:before, .fullMenuBox .nav a, #fullMenu.dep01 li, #fullMenu.dep01 :before, #footer .ftBtn_wrap .ftBtn > button, #footer .ftBtn_wrap .ftBtn > button i, #footer .moveTop, #lnb :before, #lnb :after, #lnb a, #lnb ul, #lnb li, .snsBox button {transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s}
#container {border-top:1px solid #ddd}
.sub_container {position:relative;width:96%;max-width:60rem;margin:0 auto}
.sub_container:after {display:block;clear:both;content:""}

/* slick common */
.slick-slider {-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-slide {display:none;height:100%;min-height:1px;vertical-align:middle}
.slick-list {overflow:hidden}
.slick-list.dragging {cursor:pointer}
.slick-initialized .slick-slide {display:inline-block;overflow:hidden}
.slick-arrow.slick-hidden {display:none}
.slick-current {opacity:1;display:block}
.slick-track {position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.fixSlide {top:2.65rem;display:none;position:absolute;left:0;width:100%;height:calc(100% - 3.5rem);z-index:102}
.fixblind {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:0}
.gnbblind {display:none;position:fixed;left:0;top:7rem;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:1}

/* header */
#top-header {position:relative;width:100%;padding:0;background:#fff;border-bottom:1px solid #ddd;z-index:2000}
#top-header h1 {float:left;margin-top:0.6rem;line-height:1.5rem}
/*#top-header h1 img {width:auto;height:27.5px;margin-top: -3px;vertical-align:top}*/
#top-header h1 img  { width: auto; height:1.87rem; vertical-align: top; }
#top-header h1 em{/*font-size:.85rem;*/font-size:14px;padding-left:.25rem;vertical-align:top;letter-spacing:-0.25px;font-weight:600;line-height: 2.2;color:#000}
#top-header h2 {top:3.6rem;z-index:20}
#top-header .container {position:relative;width:1200px;margin:0 auto}
#top-header .container:after {display:block;clear:both;content:""}

/* top Util */
.top_util {top:3.8rem;z-index:20}
.top_util a {display:inline-block;font-size:1.25rem}
.top_util a:hover, .top_util a:focus {color:#f00}
.top_util .fullmenu {width:3.5rem;height:1.75rem;padding:0.4rem 1.1rem;margin-left:2px;overflow:hidden;font-size:0;line-height:0;vertical-align:top}
.top_util .fullmenu span {display:block;float:right;width:100%;height:1px;background:#000}
.top_util .fullmenu span + span {margin-top:0.35rem}
.top_util .fullmenu span:nth-child(2) {width:80%}
.top_util .fullmenu:hover span, .top_util .fullmenu:focus span {background:#f00;width:100% !important}

/* top Link */
.top_link {text-align:right}
.top_link a:hover, .top_link a:focus {text-decoration:underline;color:#f00}
.top_link > * {position:relative;display:inline-block;vertical-align:middle;font-size:0.75rem;line-height:1.1rem}
.top_link > *:not(.popBtn) {margin:.75rem 0}
.top_link .linklst > li a {font-size:15px}
.top_link .snslst > a:hover {color:#ff0000}

.top_link .linklst > li {position:relative;display:inline-block;padding:0 1rem;line-height:1.2rem;border-left:1px solid #ddd;color:#444}
.top_link .linklst > li.lang {padding-right:2rem;text-transform:uppercase}
.top_link .linklst > li.lang_Google {padding:0 2.3rem 0 0.7rem;background:url('/images/web/kf/main/lang_Google.png') no-repeat right 1.3rem center}
.top_link .linklst > li.lang:before {content:"\e942";position:absolute;right:0.5rem;top:0;font-family:'xeicon'}
.top_link .linklst > li.lang.active:before {transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.top_link .linklst > li.lang .lst {position:absolute;left:-10%;top:1.6rem;width:120%;padding:0.5rem 0.75rem;background:#fff;border:1px solid #333;display:none;z-index:201}
.top_link .linklst > li.lang .lst li {text-align:left;padding:0.25rem 0;line-height:1.2}
.top_link .linklst > li.lang .lst a {position:relative;display:block;padding-right:0.5rem}
.top_link .linklst > li.lang .lst a:before {content:"\e93f";position:absolute;right:0;top:-1px;font-family:'xeicon';color:#111}
.top_link .linklst > li.lang .lst a:hover:before, .top_link .linklst > li.lang .lst a:focus:before {right:-0.25rem;color:#f00}
.top_link .snslst {padding:0 1rem;border-left:1px solid #ccc}
.top_link .snslst > a {font-size:19px;display:inline-block;color:#000}
.top_link .snslst > a + a {margin-left:0.5rem}
.top_link .kfPlus {padding:0 1.25rem 0 1rem;border-left:1px solid #ccc;font-weight:600}
.top_link .kfPlus a {display:block;font-size:14.25px;color:#000}
.top_link .kfPlus a:hover {color:#f00}
.top_link .kfPlus a:before {content:"\e942";position:absolute;right:0;top:50%;width:0.9rem;height:0.9rem;line-height:0.9rem;margin-top:-0.5rem;border-radius:50%;background:#333;color:#fff;text-align:center;font-size:0.6rem;font-weight:600;font-family:'xeicon'}
.top_link .kfPlus.active a {color:#f00}
.top_link .kfPlus.active a:before {background:#f00}
.top_link .popBtn {display:table;width:3.5rem;height:3.5rem;border-left:1px solid #ccc;float:right;text-align:center}
.top_link .popBtn > a {display:table-cell;font-size:0.6rem;font-weight:600;vertical-align:middle}
.top_link .popBtn > a:before {content:"\e936";display:block;color:#f00;line-height:0.5rem;font-size:0.9rem;font-family:'xeicon'}
.top_link .popBtn > a:hover, .top_link .popBtn > a:focus {background:#f00;color:#fff;text-decoration:none}
.top_link .popBtn > a:hover:before, .top_link .popBtn > a:focus:before {color:#fff}
.top_link .popBtn > a.on:before {transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}

/* KF PLUS */
.top_link > *:not(.popBtn) {margin:.96rem 0}
.kfPluslst.fixSlide {z-index:1020}
.kfPluslst .wrap {position:absolute;width:100%;border-top:1px solid #ddd;background:#fff;z-index:9999}
.kfPluslst ul {max-width:1200px;margin:0 auto;overflow:hidden;border-left:1px solid #ddd}
.kfPluslst ul li {display:table;width:20%;height:7.5rem;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;table-layout:fixed}
.kfPluslst_eng ul li {width:25%}
.kfPluslst ul a {display:table-cell;vertical-align:middle;padding:0 1rem}
.kfPluslst ul a p {position:relative;padding-right:1.5rem;color:#555;margin-top:0.5rem;line-height:1.3;font-size:0.7rem}
.kfPluslst ul a p:before {content:"\e907";position:absolute;right:0;top:0;font-family:'xeicon';font-size:1rem}
.kfPluslst ul a img {max-width:100%;height:auto}
.kfPluslst ul a:hover p:before, .kfPluslst ul a:focus p:before {right:-0.5rem}

.blockUI.blockPage{top:9% !important;left:0 !important;width:60% !important;margin:0 20% !important}
#largePopUpImage img{max-width: 100% !important;max-height: 760px !important}

/* footer */
/*#footer {clear:both;position:relative;width:100%;padding:2rem 0 1.5rem;background:#f6f6f6;border-top:1px solid #ddd;z-index:101}
#footer a:hover {text-decoration:underline}
#footer .ft_wrap {display:none;height:3.5rem;margin-bottom:1.5rem;border-bottom:1px solid #ddd}
#footer .ft_wrap ul.lst {padding:0.5rem 1rem 0.5rem 0;overflow:hidden}
#footer .ft_wrap ul.lst li {margin:0 0.75rem;line-height:2.5rem;float:left;color:#333;font-weight:400;font-size:0.8rem}
#footer .ftBtn_wrap {position:absolute;right:0;top:0;z-index:10}
#footer .ftBtn_wrap .ftBtn {width:15rem}
#footer .ftBtn_wrap .ftBtn > button {width:100%;text-align:left;height:3.5rem;line-height:3.5rem;padding:0 1.5rem;color:#333;border:1px solid #ddd;border-top:none;background:#f1f1f1;font-size:0.8rem}
#footer .ftBtn_wrap .ftBtn > button i {float:right;line-height:2.5rem;margin:0.5rem 0}
#footer .ftBtn_wrap .ftBtn > button:hover {background:#4a4a4a;color:#fff}
#footer .ftBtn_wrap .ftBtn.on button {background:#4a4a4a;color:#fff}
#footer .ftBtn_wrap .ftBtn > div {display:none;position:absolute;left:1px;bottom:3.5rem;width:calc(240px - 2px);max-height:7.5rem;padding:0.5rem 0;overflow:auto;background:#fff;border:2px solid #4a4a4a}
#footer .ftBtn_wrap .ftBtn > div ul {margin-left:0.5rem;overflow:hidden}
#footer .ftBtn_wrap .ftBtn > div a {display:block;position:relative;padding-left:1rem;margin:0.45rem 0;font-weight:600;font-size:0.8rem;color:#333}
#footer .ftBtn_wrap .ftBtn > div a:before {content:"";position:absolute;left:0.5rem;top:0.5rem;width:3px;height:3px;border-radius:50%;background:#333}
#footer .ftBtn_wrap .ftBtn.on i {transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#footer .ft_box {position:relative;padding-left:10rem;padding-right:0;font-size:.75rem}
#footer .ft_box .logo {position:absolute;left:0;top:0;display:block}
#footer .ft_box address{padding-right:20rem}
#footer .ft_box address span {display:block;padding:0 0 0.35rem;line-height:1.4}
#footer .ft_box address span strong {font-family:"SCDream";color:#666}
#footer .ft_box address span.fsSCD {font-family:"SCDream";font-weight:700;color:#666}
#footer .ft_box address span em{display:inline-block;padding-right:.5rem}
#footer .ft_box .foot_mark {position:absolute;right:0;top:0}
#footer .ft_box .foot_mark li {display:inline-block;text-align:center;padding:0 0 0.5rem;vertical-align:top}
#footer .ft_box .foot_mark li span {display:block;color:#666;font-size:0.6375rem;margin-top:0.5rem;line-height:1.3;letter-spacing: normal;}
#footer .ft_box p {color:#9fa09b}
#footer .moveTop {position:absolute;right:1rem;top:4rem;width:3rem;height:3rem;line-height:3rem;text-align:center;color:#000;border:1px solid #333;font-size:1.2rem}
#footer .moveTop:hover {line-height:2rem;color:#e50039;border-color:#e50039}
*/
/* Footer */
#footer{clear:both;width:100%;height:140px;margin:0 auto;border-top:1px solid #dbdbdb;background:#f1f1f1}
#footer .footerInner{position:relative;padding:20px 0}
#footer .copyright{padding-top:16px;font-size:11px;line-height:16px;color:#949494}
#footer .sns_channel{position:absolute;top:21px;left:242px}
#footer .sns_channel b{display:block;margin-bottom:6px;font-weight:bold;font-size:11px;color:#7e7e7e}
#footer .sns_channel ul li{float:left;margin-right:10px}
#footer .btn_twitter{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -42px -42px no-repeat}
#footer .btn_facebook{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -84px -42px no-repeat}
#footer .btn_blog{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -126px -42px no-repeat}
#footer .btn_youtube{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') 0 -42px no-repeat}
#footer .btn_twitter:hover{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -42px 0 no-repeat}
#footer .btn_facebook:hover{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -84px 0 no-repeat}
#footer .btn_blog:hover{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') -126px -84px no-repeat}
#footer .btn_youtube:hover{display:block;width:32px;height:32px;background:url('../../image/sprite_button.png') 0 -84px no-repeat}
#footer .bigFooter{margin-top:10px}
#footer .bigFooter ul{background:url('../../image/sprite_icon.png') -142px 0 no-repeat;vertical-align:middle}
#footer .bigFooter ul li{margin-bottom:15px}
#footer .bigFooter ul li b{display:block;float:left;width:118px;margin-left:16px}
#footer .bigFooter ul li a{margin-right:16px}
#footer_menu{display:none}
_:-ms-fullscreen, :root .video-js .vjs-tech{top:0 !important;left:0 !important;z-index:auto !important}
_:-ms-fullscreen, :root #footer .ft_box address span.fsSCD, #footer .ft_box address span strong{font-weight:600;}
_:-ms-fullscreen, :root .fixblind {position: absolute;top:auto;height: 100vh;}