@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
body { font-family:'Noto Sans KR','¸¼Àº °íµñ', Malgun Gothic, 'µ¸¿ò', Dotum,'Apple SD Gothic Neo', Helvetica, AppleGothic, Sans-serif;-webkit-text-size-adjust:none; }

dl,ul,ol { list-style:none; }
* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
ul {margin:0; padding:0;}


a, img, input, button { selector-dummy: expression(this.hideFocus=true); }

.time {font-family:tahoma; font-size:8pt; letter-spacing:0px;color:#777777} 
a.wmenu1:link,a.wmenu1:visited{ font-size: 9pt; text-decoration:none;color:#FFFFFF}
a.wmenu1:hover{ color:#FFFFCC}
a.wmenu1:active{ color:#00CCFF}



.box { BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #777777 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #777777 1px solid; FONT-SIZE: 9pt } 
.sbox { background-color: #FFFFFF; BORDER: #FFFFFF 0px solid; FONT-SIZE:12px;width:140px;height:28px;color:#222222;padding:3px 0 0 10px;margin:0px;font-weight:bold; } 
.nbox { BORDER: #e1e1e1 1px solid; padding:10px;} 

.tab_go		{ letter-spacing:-1px; font-weight:bold; color:#006efd; }
.tab_gf	{ letter-spacing:-1px; color:#767676; }
.input_login { border:1px #CCCCCC solid; padding:4px 0px 0px 5px;width:150px;height:25px;background-color:#FFFFFF; }


.hcTable { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-collapse: collapse; font-size:11px; font-family:µ¸¿ò; width:190px; }
.hcTitle { padding-left:15px; padding-right:15px; }
.hcControlBar { font-size:13px; }
.hcTable th { background-color:#f0efec; padding:6px 0px 3px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #CCCCCC; }
.hcTable td { padding:4px 5px 4px 5px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align:center; background-color:#FFFFFF; color:#626262; }
.hcPrev,.hcNext { cursor:pointer; }
.hcTable select { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px;
			 color: #6C6C6C; font-family: ??,Dotum, AppleGothic, sans-serif; }
.hcTable .mouseOver { background-color:#D9ECFF; cursor:arrow; }
.hcTable .hcSun { color:#FF0000; }
.hcTable .hcSat { color:#0080C0; }
.hcTable .selectDay { background-color:#FFC8E4; }
.hcPrev { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px; color: #6C6C6C; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; }
.hcNext { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px; color: #6C6C6C; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; }
.hcToday { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px; color: #6C6C6C; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; }
.hcToday { margin-right:25px; }
.hcTable .noSelect { background-color:#EAEAEA; }
#sDateCal , #eDateCal { margin-bottom:-2px; }



.top_gnbBG {height:28px;background-color:#f4f4f4; border-bottom:1px solid #d7d7d7}
.top_gnb2 {clear:both; width:1100px; margin:0 auto; background-color:#ff0099}

.fsite2 {display:inline-block; float:left; width:631px; font-size:12px; color:#000; letter-spacing:-1px; text-align:left; margin:0;}
.fsite2 li {float:left; padding-right:15px; padding-top:4px;}
.fsite2 li a {text-decoration:none;}

.top_login {float:right;display:inline-block;}
.top_login li {float:left; padding-left:15px; padding-top:4px; text-align:right;}
.top_login li a {text-decoration:none;}

#hearder_wrap {width:100%;background-color:#FFF;height:160px; }
#header {width:100%;background-color:#FFF;height:132px; }
#logo {clear:both; width:1100px; margin:0 auto;height:85px;padding-top:20px;}
#logo:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#logo span { float:right;font-size:12px;margin-top:-16px;padding-right:20px}
.jbFixed {position: fixed;top:0;margin-top:0!important;background:#cc0000!important;width:100%;;z-index:999999999}
.jbFixed a { color:#FFFFFF!important}
.jbFixed li:not(:last-of-type) a:after { background:#fee4e7!important }


#topmenu_bg {margin-top:10px;text-align:center;height:50px;background:#FFF;border-top:1px solid #e1e6e9;border-bottom:1px solid #e1e6e9 }
#topmenu_bg:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#topmenu {clear:both; width:1100px;margin:0 auto;}
#topmenu:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


.topmenu {float:left; width:1060px; font-size:17px; color:#000; font-weight:bold; letter-spacing:-1px; text-align:left; margin:0;}
.topmenu ul{margin:0;padding:0;height:50px;}
.topmenu li {float:left;height:50px;position:relative}
.topmenu li a {color:#000; font-size:20px;font-weight:500; padding:7px 16px 5px;display:block;text-decoration:none;letter-spacing:1px;}
.topmenu li a:hover {color:#cc0000;text-decoration:none}
.topmenu li.ov{padding-right:20px; padding-top:10px;} 
.topmenu li.sec_s a {color:#f54c49;}
.topmenu li.event {padding-right:0; color:#f54c49;position:relative;}
.topmenu li.event a {color:#f54c49;}
.topmenu_gubun {width:13px;height:45px;background:url('/img/gu.png')no-repeat;padding:0px}


.topmenu li:not(:last-of-type) a:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #9d9d9d;
    position: absolute;
    right: -2px;
	border-radius:2px;
    top: 20px;
}


.search {width: 40px;
    float: right;
    height: 40px;
    margin-top: 4px;
    cursor: pointer;}

#submenu {background-color:#0088cd;height:40px;border-top:2px solid #0671a8;margin-bottom:10px }
#smenu {clear:both; width:1200px;height:40px;margin:0 auto;padding-top:5px;}

#imsi {background-color:#222222;height:5px;clear:both; width:1200px;margin:0 auto; }


a.sec_ttl:link,a.sec_ttl:visited{font-size:16px;font-weight:bold;color:#000000;letter-spacing:-1px;text-decoration:none;}
a.sec_ttl:hover{color:#000000;}
a.sec_ttl:active{color:#000000;}

.sec_ttl{font-size:18px;font-weight:bold;color:#000000;letter-spacing:0px;}

.rttl { padding:7px 0 5px 24px;margin-bottom:5px;box-sizing:border-box;border-bottom:2px solid #ECECEC;position:relative}
.rttl span {width:35px;height:34px;float:right;margin-right:0;background:url('/img/section_more.png')no-repeat;}
.rttl a { font-size:22px;color:#000;font-weight:400;text-decoration:none; }
.rttl:before {width:14px;height:14px;background: #dd2e03;display: block;position: absolute;top:18px;left:0;content: ""; }

.sttl { font-size:18px;height:46px;padding:7px 0 10px 15px;margin:0 0 5px 0;box-sizing:border-box;background:url('/img/sttl_bg.png')no-repeat;}
.sttl span {width:35px;height:34px;float:right;margin-right:15px;background:url('/img/section_more.png')no-repeat;}
.sttl a { text-decoration:none; }


#big_movie_bg {background-color:#ECECEC;padding:20px 0 20px 0;}
#big_movie_bg1 {background-color:#ECECEC;background:url('/img/bg11.jpg')repeat-x center;border-top:1px solid #222222;padding:40px 0 40px 0;}
#big_movie_bg:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#movie_box {width:1100px;margin:0 auto;background-color:#000000;background:url('/img/bg1.jpg')repeat-x center;padding:5px;}
#movie_box:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


.youtube {float:left;}
.article {float:left;margin-left:20px;padding:20px 10px 0 0;height:447px;width:275px}
.aticle_title {font-size:16px;color:#ff9900;}
.zoom {color:#F4F4F4;text-align:right;font-size:12px;margin:10px 0;letter-spacing:0px;}
.zoom img {margin-right:10px;}
.summary { width:265px; height:340px; overflow:auto; scrollbar-3dlight-color:#222222;
  scrollbar-arrow-color:#000000;
  scrollbar-track-color:#222222;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#444444;
  scrollbar-highlight-color:#111111;
  scrollbar-shadow-color:#000000;
  font-size:12px;color:#CCCCCC;padding:5px;margin-top:10px}

#content {width:1100px;margin:10px auto;overflow:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;min-height:1000px}
#main_movie{width:772px;float:left;overflow:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#movies {width:760px;float:left;overflow:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#movies:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}

.movie_list li {position:relative;float:left;width:31.33333%;margin:2% 3% 3% 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;overflow:hidden }
.movie_list li:nth-child(3n+3) {margin-right:0px; }
.movie_list li a {text-decoration:none;display:block}
.movie_list li p {font-size:16px;text-align:center;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#000;}
.movie_list li a div {position:relative;height:133px;overflow:hidden;}
.movie_list li a div img { width:100%;transform:scale3d(1, 1, 1); transition:all 0.5s ease 0s;}
.movie_list::after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
.movie_list li:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
.movie_list a:hover div img {width:100%;transform:scale3d(1.2, 1.2, 1); transition:all 0.3s ease 0s;}
.movie_list li a div span {position:absolute;z-index:5;top:46px;left:102px;width:35px;height:39px;background:url('/img/play.png');opacity: 0.7;transition: all 0.3s;transition-timing-function:ease}
.movie_list li:hover a span { background:url('/img/play1.png');opacity:1;transition: all 0.3s;transition-timing-function:ease  }



.summary_style li {padding:15px 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;overflow:hidden;border-bottom:1px dotted #CCC }
.summary_style li p {font-size:20px;font-weight:400;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#000;}
.summary_style li a{text-decoration:none;display:block}
.summary_style li a div {position:relative;width:200px;height:113px;overflow:hidden;float:left;margin-right:30px;position:relative;}
.summary_style li a div img { width:100%;transform:scale3d(1, 1, 1); transition:all 0.5s ease 0s;}
.summary_style::after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
.summary_style li a dt {font-size:13px;line-height:1.6em;letter-spacing:-1px; text-decoration:none; color:#666666;text-align: justify;}
.ellipsis{
  min-width: 10px;
  white-space:nowrap;
  text-overflow:ellipsis;  /* IE, Safari */
  -o-text-overflow:ellipsis;  /* Opera under 10.7 */
  overflow:hidden;   /* "overflow" value must be different from "visible" */ 
  -moz-binding: url('ellipsis.xml#ellipsis');
 }

.summary_style li:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
.summary_style li:hover a div img {transform:scale3d(1.2, 1.2, 1); transition:all 0.3s ease 0s;}
.summary_style span { position:absolute;z-index:5;top:36px;left:82px;width:35px;height:39px;background:url('/img/play.png');opacity: 0.7;transition: all 0.3s;transition-timing-function:ease  }
.summary_style li:hover a span { background:url('/img/play1.png');opacity:1;transition: all 0.3s;transition-timing-function:ease  }

.summary_style li:hover a p { color:#cc0000}

a.stitle:link,a.stitle:visited{font-family: ¸¼Àº °íµñ, Dotum, Verdana, AppleGothic, Sans-serif;text-decoration:none;font-weight: bold; font-size:17px; color:#202020}
a.stitle:hover{ color:#da0309}
a.stitle:active{ color:#0099FF}


a.summary:link,a.summary:visited{font-size: 12px;line-height:1.3em;letter-spacing:-1px; text-decoration:none; color:#666666;text-align: justify;}
a.summary:hover{ color:#000000;text-decoration:none; }
a.summary:active{ color:#000099;text-decoration:none; }


#right_conetnt { float:right;width:300px;margin-left:28px;overflow:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

a.menu:link,a.menu:visited{ font-size:12px; text-decoration:none;letter-spacing:-1px;  color:#555555}
a.menu:hover{color:#ff0066}
a.menu:active{ color:#cc0000}

#pages {margin:10px auto 30px;padding-top:20px;text-align:center;border-top:1px dotted #CCC;clear:both}
#pages:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


#footer_bg{ background:#FFF;height:200px;border-top:1px solid #000000;margin-top:15px; }
#copyright { width:1100px;margin:0 auto;height:150px;color:#222;font-size:13px;padding-top:30px;font-weight:none}
#copyright .footer_logo{float:left;width:300px }
#copyright .copy{float:left;margin-left:30px;width:750px; }
#copyright a{color:#222;text-decoration:none }
.copy_text { }
.copy_text li{ color:#222;font-size:13px;padding:4px 0 }


#top_view { margin-top:10px }
#top_view li a img { width:100%;margin-bottom:3px }
#top_view li a { display:block;text-decoration:none  }
#top_view li a p { font-size: 13px;line-height:1.4em;letter-spacing:-0.5px;text-decoration: none;color: #000;font-weight: 300;text-align: justify;padding:0;margin:0;text-overflow: ellipsis;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-wrap: break-word;height:36px}
#top_view li { width:48%;margin:0 4% 4% 0;float:left }
#top_view li:nth-child(2n+2) {margin-right:0 }
#top_view:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


#top_view1 {border:1px solid #ccc;padding:10px 10px 15px;margin-top:10px }
#top_view1 img { width:25%;float:left; }
#top_view1 a { float:left;width:70%;margin-left:10px; }
#top_view1 li {border-bottom:1px dotted #ccc;padding:10px 0; }
#top_view1 li:nth-child(15n+1) {padding:0 0 10px 0 }
#top_view1 li:nth-child(16n+16) {border-bottom:0px solid #FFF;padding:10px 0 0 0 }
#top_view1 li:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#top_view1:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


#new_notice { margin-top:4px }
#new_notice li {border-bottom:1px dotted #ccc;padding:6px 0; }
#new_notice li a {display:block;box-sizing:border-box;font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#000;}
#new_notice li a:hover { color:#cc0000}
#new_notice:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#new_notice li:last-child { border:0 }


#new_movie {border:1px solid #ccc;padding:10px 10px 15px;margin-top:10px }
#new_movie img { width:25%;float:left; }
#new_movie a { float:left;width:70%;margin-left:10px; }
#new_movie li {border-bottom:1px dotted #ccc;padding:10px 0; }
#new_movie li:nth-child(4n+1) {padding:0 0 10px 0 }
#new_movie li:nth-child(5n+5) {border-bottom:0px solid #FFF;padding:10px 0 0 0 }
#new_movie li:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#new_movie:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


#kjnotice {border:1px solid #ccc;padding:10px;margin-top:10px }
#kjnotice img { width:25%;float:left; }
#kjnotice a { float:left;width:60%;margin-left:10px; }
#kjnotice li {border-bottom:1px dotted #ccc;padding:10px 0; }
#kjnotice li:nth-child(2n+2) {border-bottom:0px solid #FFF;padding:10px 0 0 0 }
#kjnotice li:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#kjnotice:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}



#social { position:fixed;right:20px;width:50px;top:160px;}
#social li {margin-bottom:5px}
#social li img {width:100%; }


.read_title_frame { margin:5px 0 20px;border-bottom:1px solid #CCC  }
.read_title { font-size:24px;font-weight:bold }
.read_youtube { background:#000;padding:20px;text-align:center }
.jul { margin-top:20px;font-size:15px;line-height:1.6em }

.read_zoom {color:#444;text-align:right;font-size:12px;margin:10px 0;letter-spacing:0px;}
.read_zoom img {margin-right:10px;}



.search_wrap {display:none;height:147px;width:100%;background:#f4f4f5; padding:0;position:fixed;top:0;box-sizing:border-box;border-bottom:2px solid #222;z-index:999999999999999}
.search_wrap fieldset {width:1100px;margin:0 auto;border:0;padding:0; position:relative; padding-top:45px;}
.search_wrap fieldset div { width:180px;float:left }
.search_wrap > form > fieldset > div:nth-child(1) > img { width:160px;margin-top:10px }
.search_wrap > form > fieldset > .search_close2 { padding:0;width:20px;height:20px;position:absolute;top:10px;right:-50px;z-index:1000;cursor:pointer }
.search_wrap input, .search_wrap button {border:0; font-family:inherit; font-size:1em;}
.search_wrap .search_input {padding:0 10px; width:710px; height:60px;padding-left:30px;font-size:18px;font-weight:300;box-sizing:border-box;border:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.search_wrap .search_btn {width:200px;height:60px; background:#022a68; font-size:18px;color:#fff; border:0;position:absolute; right:0; top:45px; font-weight:500;appearance: none;}


.new_news_list_ttl { border-top:2px solid #000;margin-top:30px;padding:10px;font-size:20px;font-weight:500 }
.new_news_list_ttl > span { color:#cc0000;font-weight:600 }

.new_news_list {position: relative;padding-top: 15px;border-top: 1px solid #eee }
.new_news_list:before {position: absolute;left:148px;top: 30px;bottom: 20px;width: 1px;background-color: #ddd;content: ''; }
.new_news_list li {overflow: hidden;padding: 6px 0 10px 14px;}
.new_news_list li .txt_time { float: left;width:120px;font-family: helvetica;font-weight: bold;line-height: 24px;font-style: normal;font-size:14px }
.new_news_list li .ico_circle {float: left;position: relative;z-index: 10;width: 11px;height: 11px;margin: 5px 14px 0 10px;border: 1px solid #ddd;border-radius: 6px;background-color: #fff; }
.new_news_list li .tit_timenews {float: left;font-weight: normal;font-size: 16px;line-height: 21px;overflow: hidden}
.new_news_list li .tit_timenews a {text-decoration:none;color:#000;font-weight:400}
.box_timenews .paging_news { margin-top: 10px; padding-top: 24px; border-top: 1px solid #eee; }
.box_timenews .link_viewall {position: absolute; right: 0; bottom: 0; font-size: 12px;line-height: 14px; padding: 7px 0;}

.side_ttl {font-size:20px;font-weight:500;margin-top:20px }


.search_form { width:100%;background:#f4f4f5; padding:20px;box-sizing:border-box;border-bottom:2px solid #222;z-index:999999999999999;margin-bottom:30px;position:relative;}
.search_form form { margin:0 }
.search_form input, .search_form button {border:0; font-family:inherit; font-size:1em;}
.search_form .search_input { width:900px;margin:0; height:60px;padding-left:30px;font-size:18px;font-weight:300;box-sizing:border-box;border:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.search_form .search_btn {width:200px;height:60px; background:#022a68; font-size:18px;color:#fff; border:0;position:absolute; right:20px;top:20px; font-weight:500;appearance: none;}