@charset "utf-8";

#content-container #pageRightT {
	position:absolute;
	width:100% !important;
	left:0;
	z-index:1;
}
.end {
	border-right:0;
}
/* ///////////////////////////////// main_GNB */
#hd_gnb li.active .gnb2dep {
	display:block;
}
.gnb2dep {
	position:absolute;
	left:-277px;
	z-index:10;
	overflow:hidden;
	background:#002d56;
	width:995px;
	text-align:left;
	border-bottom:3px solid #24435f;
	color:#FFF;
	/* These three lines are for transparency in all browsers. */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=90);
	opacity:.9;
	display:none;
}
.gnb2dep a {
	color:#FFF;
}
.gnb2dep dl,
.gnb2dep ul {
	float:left;
	border-right:1px solid #0c4f8e;
	border-left:1px solid #06232a;
	padding:20px 15px 0 20px;
	height:200px;
}
.gnb2dep dl.end,
.gnb2dep ul.end {
	border-right:0;
}
#hd_gnb2dep01 dl {
	width:16%;
}
#hd_gnb2dep02 dl,
#hd_gnb2dep02 ul {
	width:29.5%;
}
#hd_gnb2dep03 dl {
	width:29.5%;
}
#hd_gnb2dep04 dl {
	width:12.7%;
	height:380px;
}
#hd_gnb2dep04 dl dd {
	line-height:16px;
	background:url("../../../mycodyimages/main_new/gnb_bar.gif") right 8px no-repeat;
}
#hd_gnb2dep05 dl {
	width:21%;
}
#hd_gnb2dep06 ul {
	width:100%;
	height:80px !important;
}


#hd_gnb2dep06 ul a{
	font-size:12px !important;
}
.gnb2dep dl.first {
	border-left:0;
}
.gnb2dep dl dt,
.gnb2dep ul li {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
	white-space:nowrap;
}
.gnb2dep dl dt a:hover,
.gnb2dep ul li a:hover {
	text-decoration:none !important;
}
.gnb2dep ul li {
	margin:0 20px 20px 0 !important;
}
.gnb2dep dl dd {
	display:inline-block;
	zoom:1;
	*display:inline;
	*margin-right:5px;
	*letter-spacing:-1px;
	background:url("../../../mycodyimages/main_new/gnb_bar.gif") right 18px no-repeat;
	padding-right:5px;
	line-height:36px;
	white-space:nowrap;
}
.gnb2dep dl dd.end{
	background:none !important;
	margin:0;
	padding:0;
}


/* ///////////////////////////////// footer_golist */
#ft_top_wrap {
	background:#403f3f;
	color:#b1b1b1;
	font-size:12px;
	position:relative;
	width:100%;

}
#ft_top_wrap .ft_link {
	width:995px;
	margin:0 auto;
	background:url("../../../mycodyimages/main_new/ft_link_bg.gif") right top repeat-y;
	overflow:hidden;
}
#ft_top_wrap .ft_link dl {
	background:url("../../../mycodyimages/main_new/ft_link_bg.gif") left top repeat-y;
	padding:30px 36px;
	float:left;
	line-height:22px;
	height:175px;
}
#ft_top_wrap .ft_link dl.end {
	float:right;
}
#ft_top_wrap .ft_link dt {
	font-size:14px;
	font-weight:bold;
	background:url("../../../mycodyimages/main_new/ft_link_bullet.gif") left 5px no-repeat;
	padding-left:7px;
}
#ft_top_wrap .ft_link dd {
	background:url("../../../mycodyimages/main_new/ft_link_bullet2.gif") left 9px no-repeat;
	padding-left:7px;
}
#ft_top_wrap .ft_link dd a {
	color:#b1b1b1;
}


/* ///////////////////////////////// main_visual */


/* ///////////////////////////////// Hot Link */
#hotlink_wrap {
	background:url("../../../mycodyimages/main_new/hotlink_bg.gif") left top repeat-x;
	height:40px;
}
#hotlink {
	position:relative;
	width:995px;
	margin:0 auto;
	z-index:9999;
}
#hotlink ul.hl_left {
	float:left;
}
#hotlink ul li span {
	cursor:pointer;
}
#hotlink .link_list {
	display:none;
	position:absolute;
	bottom:36px;
	width:343px;
	height:421px;
	/* These three lines are for transparency in all browsers. */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=90);
	opacity:.9;
	color:#FFF;
	z-index:9999999999999;
}
#hotlink p.link_title {
	position:relative;
}
#hotlink p.link_title span {
	position:absolute;
	right:15px;
	top:14px;
	font-size:0;
	line-height:0;
	background:url("../../../mycodyimages/main_new/btn_close.png") left top no-repeat;
}
#hotlink p.link_title span a {
	display:block;
	width:16px;
	height:14px;
}
#hotlink .link_list ul li a {
	color:#FFF;
	display:inline-block;
}
#hotlink .link_list ul li a:hover,
#hotlink .link_list ul li.active {
	color:#deff00;
}
#hotlink #hot_link01 {
	left:0;
	background:#2287a0;
}
#hotlink #hot_link01 ul {
	padding:10px 23px;
	overflow-y:auto;
	height:350px
}
#hotlink #hot_link01 ul li {
	clear:both;
	white-space:nowrap;
	line-height:24px;
	font-size:11px;
	padding-left:7px;
	background:url("../../../mycodyimages/main_new/hot_link_bullet.gif") left 10px no-repeat;
}
#hotlink #hot_link02 {
	right:0;
	background:#2b68a7;
}
#hotlink #hot_link02 ul {
	padding:1px 20px;
	overflow:hidden;
	float:left;
}
#hotlink #hot_link02 ul.list02R {
	float:right;
	margin-right:10px;
}
#hotlink #hot_link02 ul li {
	clear:both;
	white-space:nowrap;
	line-height:21px;
	font-size:11px;
	padding-left:7px;
	background:url("../../../mycodyimages/main_new/hot_link_bullet.gif") left 10px no-repeat;
}
#hotlink ul.hl_right {
	float:right;
}
#hotlink li {
	float:left;
	position:relative;
	z-index:2;
}
#hotlink .link_list02 {
	display:none;
	z-index:99999999;
	position:absolute;
	bottom:36px;
	left:0;
	width:284px;
	height:172px;
	background:url("../../../mycodyimages/main_new/hot_link02_bg.gif") left top repeat-y #efefef;
	border:1px solid #2b68a7;
	color:#808080;
	padding:15px 15px 15px 40px;
	overflow:hidden;
}
#hotlink #hot_link04 {
	left:-112px;
}
#hotlink #hot_link05 {
	left:-225px;
}
#hotlink .link_list02 a.close_btn {
	position:absolute;
	top:10px;
	left:5px;
	z-index:10;
	display:block;
}
#hotlink .link_list02 p {
	background:url("../../../mycodyimages/main_new/hot_link02_tit.png") left top no-repeat;
	height:26px;
	font-size:0;
	line-height:0;
	margin-bottom:10px;
}
#hotlink .link_list02 li,
#hotlink .link_list02 li a {
	white-space:nowrap;
	letter-spacing:-0.5px;
	/*margin:0 2px;*/
	color:#808080;
	line-height:24px;
}
#hotlink .link_list02 li a:hover {
	color:#0090ac;
}
#hotlink .link_list02 p.link_title02 {
	background-position:left -26px;
}
#hotlink .link_list02 p.link_title03 {
	background-position:left -52px;
}

/* ///////////////////////////////// main contents */
#main_contentsWrap {
	width:995px;
	margin:25px auto 70px auto;
	position:relative;
	overflow:hidden;
}
#main_contentsWrap .end {
	margin-right:0 !important;
	float:right !important;
}
#main_contentsWrap p.n_title {
	margin:10px 0 3px 0;
}
.notice_box01 {
	float:left;
	background:#f3f3f3;
	width:280px;
	height:175px;
	border:1px solid #ccc;
	padding:0 20px;
	margin:0 14px 10px 0;
	overflow:hidden;
}
#main_contentsWrap .bimg {
	background:url("../../../mycodyimages/main_new/notice_img.gif") right top no-repeat #f3f3f3;
}
.notice_box02 {
	float:left;
	width:280px;
	height:280px;
	border:1px solid #ccc;
	padding:0 20px;
	margin:0 14px 10px 0;
	overflow:hidden;
}

.img_board{
	clear:both;	
	height:66px;
	margin:10px 0 0 0;
	font-size:11px;
	overflow:hidden;
}
.img_board img{
	float:left;	
	margin-right:15px;
}
.img_board_title{
	display:block;
	font-weight:bold;
}

.img_board a:link{
	color:#4b4b4b;

}
.main_board{
	padding: 20px 0 0 0;
	font-size:11px;
	}

.main_board li{
	background:url("../../../mycodyimages/main_new/board_bullet.gif") left 8px no-repeat;
	padding:0 0 0 10px;
	line-height:19px;
}
.main_board .date{
	float:right;
	*margin-top:-18px;
}

.main_board a:link{
	color:#575757;
}
.main_board a:hover, a:active{
	color:#333333;
}

.board_more0101{
	position:absolute;
	top: 15px;
	left:277px;
}
.board_more0102{
	position:absolute;
	top: 15px;
	left:613px;
}
.board_more0103{
	position:absolute;
	top: 15px;
	left: 948px;
}

.board_more0201{
	position:absolute; 
	top:203px; 
	left:277px;
}
.board_more0202{
	position:absolute; 
	top:203px; 
	left:613px;
}
.board_more0203{
	position:absolute; 
	top:203px; 
	left:948px;
}
#main_contentsWrap .bt01 {
	border-top:3px solid #7aa5a1;
}
#main_contentsWrap .bt02 {
	border-top:3px solid #1496b9;
}
#main_contentsWrap .bt03 {
	border-top:3px solid #a680a5;
}
.notice_box03 {
	float:left;
	background:#f3f3f3;
	width:280px;
	height:125px;
	border:1px solid #ccc;
	padding:0 20px;
	margin:0 14px 10px 0;
	overflow:hidden;
}
.mobileBg {
	background:url("../../../mycodyimages/main_new/m_title07_bg.gif") left top no-repeat #f3f3f3;
	padding-left:55px;
	margin-top:20px;
}
.mobileBg p {
	color:#787878;
	letter-spacing:-0.5px;
	white-space:nowrap;
}
.mobileBg p a {
	color:#787878;
}
.mobileBg ul li {
	float:left;
	margin:10px 5px 0 0;
}
.notice_box04 {
	float:left;
	background:#f3f3f3;
	width:320px;
	height:125px;
	border:1px solid #ccc;
	margin:0 14px 10px 0;
	overflow:hidden;
}
.listBannerArea {
	position:relative;
	overflow:hidden;
	clear:both;
	margin-bottom:15px;
}
.listBannerArea ul li {
	float:left;
}
.listBannerArea ul.lb_L {
	float:left;
	width:328px;
}
.listBannerArea ul.lb_L li {
	margin:0 5px 5px 0;
}
.listBannerArea ul.lb_R {
	float:right;
	width:328px;
}
.listBannerArea ul.lb_R li {
	margin:0 0 5px 5px;
}
.listBannerArea .movieBox01 {
	position:absolute;
	top:0;
	left:336px;
}
.listBannerArea02 {
	overflow:hidden;
}
.listBannerArea02 li {
	float:left;
	margin-right:7px;
}
.rollingWrap {
	position:relative;
	overflow:hidden;
	height:125px;
}
.rolling_imgarea .roll_cont {
	width:100%;
}
.rolling_imgarea .roll_cont_list {
	overflow:hidden;
	position:relative;
	padding:25px 15px 15px 170px;
}
.rolling_imgarea .roll_cont_list li {
	color:#9e9e9e;
	line-height:21px;
}
.rolling_imgarea .ro01 {
	background:url("../../../mycodyimages/main_new/roll_banner_0101.gif") left top no-repeat;
	height:125px;
}
.rollingWrap .rolling_Btn {
	position:absolute;
	right:10px;
	top:10px;
	z-index:5;
}
.rollingWrap .rolling_Btn li {
	float:left;
	background:#94b1ce;
	margin-left:2px;
}
.rollingWrap .rolling_Btn li a {
	width:7px;
	height:7px;
	font-size:0;
	line-height:0;
	display:block;
}
.rollingWrap .rolling_Btn li a:hover {
	background:#2b68a7;
}
.layerpop_wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	display:none;
	z-index:99999999
}
.layerpop_wrap .layerBg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:.5;
}
.layerpop_wrap .layer_movieWrap {
	position:absolute;
	top:50%;
	left:50%;
	background:#FFF;
	padding:20px;
}

.layerpop_wrap02 {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	display:none;
	z-index:99999999
}
.layerpop_wrap02 .layerBg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:.5;
}
.layerpop_wrap02 .layer_movieWrap {
	position:absolute;
	top:50%;
	left:50%;
	background:#FFF;
	padding:20px;
}

/*  ���� �����̽� ��� 2��*/
#mainnews .webwidget_slideshow_dot{
    padding: 0px;
    margin: 0px;
    position: relative;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
}
#mainnews .webwidget_slideshow_dot a{
    text-decoration: none;
}
#mainnews .webwidget_slideshow_dot a:hover{
    text-decoration: underline;
}
#mainnews .webwidget_slideshow_dot .slides_box{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
}

#mainnews .webwidget_slideshow_dot .title_thumb_box{
    width: 100%;
    position: absolute;
    bottom: 0px;
}



#mainnews .webwidget_slideshow_dot .title_thumb_box .thumb_box{
    text-align: center;
	position:absolute;
	top:-100px;
	right:5px;
}
#mainnews .webwidget_slideshow_dot .title_thumb_box .thumb_box span{
    margin-right: 2px;
    margin-left: 2px;
}
#mainnews .webwidget_slideshow_dot .title_thumb_box .thumb_box span img{
    cursor: pointer;
}


#mainnews .webwidget_slideshow_dot img{
    padding: 0px;
    margin: 0px;
    border: none;
}
#mainnews .webwidget_slideshow_dot ul{
    padding: 0px;
    margin: 0px;
    position: absolute;
    list-style: none;
}
#mainnews .webwidget_slideshow_dot ul li{
    padding: 0px;
    margin: 0px;
    float: left;
}
#mainnews .webwidget_slideshow_dot ul li a{
    display: block;
}

#mainnews #m_kspecial{
	float:left;
}
#mainnews #m_ntoday{
	float:left;
	margin-left:0px;
}
#mainnews #demo1{
	margin-top:5px;
}
#mainnews #demo2{
	margin-top:5px;
}
#mainnews{} /*float: left; width:650px; height:121px; margin-left: 51px;  font-size:12px;*/

.title_box{visibility: hidden !important;}
#mainnews .webwidget_slideshow_dot .title_thumb_box{background:none !important;}

.slideshow2{position:relative; width:320px; height:120px;}  
.slideshow2 .recentlist2{position:absolute; right:5px; top:7px; z-index:9;}  
.slideshow2 .recentlist2 li a{float:left;  width:8px; height:7px; margin-right:2px; background-color:#93afc9}
.slideshow2 .recentlist2 li .current{background-color:#2b68a7}
.slideshow2 .recentlist2 li {float:left}
.slideshow2 div{width:320px; height:120px;}
.slideshow2 div .list{position:absolute; margin:30px 0 0 165px}
.slideshow2 div .list a{color:#787878; background:url(/user/hufs/mycodyimages/main_new/main_dot.png) 0 2px  no-repeat; padding-left:10px; line-height:12px:}
.slideshow2 div .list a:hover{color:#2b68a7}

.slideshow{position:relative; width:100%;}
.slideshow .recentlist{position:absolute; right:5px; top:7px; z-index:9;} 
.slideshow .recentlist li a{float:left;  width:8px; height:7px; margin-right:2px; background-color:#93afc9}
.slideshow .recentlist li .current{background-color:#2b68a7}
.slideshow .recentlist li {float:left}

.slideshow3{position:relative; width:100%;}
.slideshow3 .recentlist3{position:absolute; right:5px; top:7px; z-index:9;} 
.slideshow3 .recentlist3 li a{float:left;  width:8px; height:7px; margin-right:2px; background-color:#93afc9}
.slideshow3 .recentlist3 li .current{background-color:#2b68a7}
.slideshow3 .recentlist3 li {float:left; margin-right:2px;}
.slideshow3 div{width:660px;}

/* //������ */
.wrap { width: 993px; margin:0 auto;}
.carousel { height: 420px; overflow: hidden; background:gray; }
.carousel .wrap { position: relative; }
.slide-caption { position: relative; z-index: 9; float: left; width: 376px; min-height: 280px; padding: 68px 40px 0; background-image: url(../../a/screen/vignette.png); background-position: left top; background-repeat: no-repeat; }
.carousel-image { position: absolute; right: 0; }
.carousel-item { position: relative; }	
.carousel-item-secondary { display: none; }
.carousel-controls { position: absolute; z-index: 9; left: 50%; bottom: 43px; width: 300px; height: 32px; margin-left: -449px; font-size:0px;}
.carousel .prev-image { position: absolute; left: -990px; top: 0; opacity: 0.6;  /* ie 6,7,8 bug fix */ filter:alpha(opacity=60);}
.carousel .next-image { position: absolute; top: 0; right: -993px; opacity: 0.6;  /* ie 6,7,8 bug fix */ filter:alpha(opacity=60);}
.v_tit{position:absolute; top:217px; left:2px}
.visual_r_bg{height:420px; width:500px; background-color:#000; position:absolute;  top:-345px; left:50%; margin-left:-695px; z-index:1; opacity: 0.6;  /* ie 6,7,8 bug fix */ filter:alpha(opacity=60)}
.visual_l_bg{height:420px; width:500px; background-color:#000; position:absolute;  top:-345px; left:50%; margin-left:795px; z-index:1; opacity: 0.6;  /* ie 6,7,8 bug fix */ filter:alpha(opacity=60);}
.carousel-controls .pause{position:absolute; top:43px;left:-3px; width:25px; height:22px; background:url('/user/hufs/mycodyimages/main_new/button_playall.png') -78px 0 no-repeat;}
.carousel-controls .play{position:absolute; top:43px;left:-3px; width:25px; height:22px; background:url('/user/hufs/mycodyimages/main_new/button_playall.png') -26px 0 no-repeat;}	

/*������*/
.m_pop{display:none;left:0; top:0; width:100%; height:100%;position:fixed;  background:url(/user/hufs/mycodyimages/main_new/tran_black_bg.png) repeat; z-index:99999999; overflow:hidden !important;}
.m_pop_area{width:675px; height:445px; position:absolute; top:130px; left:50%; margin:0px 0 0 -345px;  border-top:5px solid #0090ac; padding:25px 15px; background-color:#fff;}
.close_m{position:absolute; right:10px; top:10px; margin-bottom:10px}

/*popup_zone*/
#popup_zone{position:absolute; left:50%; top:0; margin-left:156px; z-index:999;}
.pop_open{position:absolute; z-index:998; left:50%; top:0; margin-left:388px; }
#popup_zone #popup_01{ z-index:1; display:none !important; position:absolute; width:340px; height:418px; top:0px; right:0px; }
#popup_zone #popup_01 img{position:absolute; border:1px solid red; top:0; right:0;}
.close{ z-index:999; position:absolute; left:10px; top:10px;}
.close_day{position:absolute; bottom:-3px; width:330px; left:0; background-color:#fff; padding:5px;}
.txt_close {position:absolute; right:10px; top:5px}
#mc_wrap{*position:relative;}
#hotlink_wrap{*position:relative;}

.m_banner01 {height:122px; overflow:hidden; width:322px; position:relative}
.m_banner01 .sliderkit-nav{position:absolute;z-index:9; left:280px; top:5px;}
.m_banner01 .sliderkit-nav-clip ul li{float:left;margin:0 0px 0 0; }
.m_banner01 .sliderkit-nav-clip ul li a{width:9px;height:6px;display:block;overflow:hidden; background-color:#93afc9; margin-right:2px;}
.m_banner01 .sliderkit-nav-clip ul li.sliderkit-selected a{ background-color:#2b68a7; }
.m_banner01 .sliderkit-panels    {height:122px;}
.m_banner01 .sliderkit-panel{z-index:1;position:absolute; height:122px; width:100%; overflow:hidden;}
.m_banner01 .sliderkit-panel{z-index:1;position:absolute; height:122px; width:100%; overflow:hidden;}
.m_banner01 .sliderkit-panel-active{z-index:5;}
.m_banner01 .sliderkit-panel-old{z-index:4;}
.m_banner01 .sliderkit-panels img{position:absolute; left:0; right:0;}
.m_banner01 .sliderkit-panels .panel01{background:url(/user/hufs/mycodyimages/main_new/roll_banner_0101_bg.gif) top  no-repeat;}
.m_banner01 .sliderkit-panels .panel02{background:url(/user/hufs/mycodyimages/main/list02_bg.gif) top no-repeat;}
.m_banner01 .sliderkit-panels .panel03{background:url(/user/hufs/mycodyimages/main/list03_bg.gif) top no-repeat;}

.m_banner01 .list{position:absolute; margin:30px 0 0 165px; z-index:999; display:block}
.m_banner01 .list a{color:#787878; background:url(/user/hufs/mycodyimages/main_new/main_dot.png) 0 2px  no-repeat; padding-left:10px; line-height:12px:}
.m_banner01 .list a:hover{color:#2b68a7}

.m_banner02 {height:122px; overflow:hidden; width:322px; position:relative}
.m_banner02 .sliderkit-nav{position:absolute;z-index:9; left:280px; top:5px;}
.m_banner02 .sliderkit-nav-clip ul li{float:left;margin:0 0px 0 0; }
.m_banner02 .sliderkit-nav-clip ul li a{width:9px;height:6px;display:block;overflow:hidden; background-color:#93afc9; margin-right:2px;}
.m_banner02 .sliderkit-nav-clip ul li.sliderkit-selected a{ background-color:#2b68a7; }
.m_banner02 .sliderkit-panels    {height:655px;}
.m_banner02 .sliderkit-panel{z-index:1;position:absolute; height:655px; width:100%; overflow:hidden;}
.m_banner02 .sliderkit-panel{z-index:1;position:absolute; height:655px; width:100%; overflow:hidden;}
.m_banner02 .sliderkit-panel-active{z-index:5;}
.m_banner02 .sliderkit-panel-old{z-index:4;}

.m_banner03 {height:179px; overflow:hidden; width:660px; position:relative;}
.m_banner03 .sliderkit-nav{position:absolute;z-index:9; left:610px; top:10px}
.m_banner03 .sliderkit-nav-clip ul li{float:left;margin:0 0px 0 0; }
.m_banner03 .sliderkit-nav-clip ul li a{width:9px;height:6px;display:block;overflow:hidden; background-color:#93afc9; margin-right:2px;}
.m_banner03 .sliderkit-nav-clip ul li.sliderkit-selected a{ background-color:#2b68a7; }
.m_banner03 .sliderkit-panels    {height:655px;}
.m_banner03 .sliderkit-panel{z-index:1;position:absolute; height:655px; width:100%; overflow:hidden;}
.m_banner03 .sliderkit-panel{z-index:1;position:absolute; height:655px; width:100%; overflow:hidden;}
.m_banner03 .sliderkit-panel-active{z-index:5;}
.m_banner03 .sliderkit-panel-old{z-index:4;}