﻿.gnb_wrap {
	width: 100%;
	height: 31px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dfdfdf;
	background: #fbfbfb
}
.gnb {
	width: 980px;
	margin: 0 auto;
	position: relative
}
.gnb .fn_set {
}
.gnb .fn_set ul li {
	float: left;
	display: inline;
}
.gnb .fn_set ul li.last {
}
.gnb .fn_set ul li a {
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 0 3px;
	height: 23px;
}
.gnb .fn_set ul li a img {
	vertical-align: top;height:24px;padding:3px 10px 0 0;
}
.gnb .svc {
	position: absolute;
	top: 0px;
	right: 0px;
}
.gnb .svc ul li {
	float: left;
	display: inline;
	height: 21px;
	padding: 10px 6px 0 6px;
	letter-spacing: -1px;
	line-height: 15px;/*background: url(../images/common/bg_gnb_bar.gif) no-repeat left top;*/
}
.gnb .svc ul li.log_box {
	float: left;
	width: 90px;
	height: 30px;
	background: url(../images/newre/bg_logbox.gif) no-repeat 4px 5px;
}
.gnb .svc ul li.log_box a {
	font-size: 11px;
	color: #929292;
}
.gnb .svc ul li a {
	font-size: 12px;
	text-decoration: none;
	height: 23px;
	color: #383838;
}
.gnb .svc ul li a span {
	font-weight: bold;
	margin:0 3px;
}
.gnb .svc ul li a img {
	vertical-align: top
}


/* 팝업 */
.bottom2 {
height:15px;
    left: 0px;
    width: 277px;
    background: #eee;
    padding: 8px 10px 6px;
    border: 1px solid #ccc;
	position:relative;
}


.bottom2 p {
    font-size: 11px;
    display: inline-block;
    color: #666;
    line-height: 16px;
    color: #fff;
}
.bottom2 p.txt {
 position:absolute;bottom:5px;right:60px;
    vertical-align: middle;
}

.bottom2 p.close {
    position:absolute;bottom:5px;right:5px;
}
.btn_chk_style1 {
    background-position: 0 -120px;
    width: 13px;
    height: 13px;
}
.btn_chk_style1 {
    background:url(../images/newre/btn_ch.gif) no-repeat;
    display: inline-block;
    vertical-align: top;
}
.slide_btn{position:absolute;bottom:6px;left:10px;}
.slide_btn a{padding:0 2px 0 2px;}



#wrap {
	width: 980px;
	margin: 0 auto;
}
#header {
	float: left;
	width: 990px;

	/*margin-bottom: 5px;*/
	padding-top: 5px;
	position: relative;
}
#header h1{float:left;margin-left:80px;margin-top:15px;}

#header .top_banner {
	float: left;
	width: 250px;
	height: 80px;
	border: 1px solid #dfdfdf;
}

#header .option_area {
	float:left;
	top: 68px;
	right: auto;
	left: 350px;
	width: 230px;
}
.option_area {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 1;
	padding-left: 40px;
}


#header .dateweather{float:right;}


#header #div_time {
	font-family: "돋움";
	color: #666;
	font-size:12px;
}
#header .weather {
}
#header .lag {
    float: none;
    position: absolute;
    z-index: 2;

    top: 0;
    right: -10px;
}
#header .sns {
    position: absolute;
    top: 25px;
    right:0;
}
#header .sns ul {
    zoom: 1;
}
#header .sns ul li {
    float: left;
    margin-left: 4px;
}

#header #sch {
    top: 60px;
}
.imc_area #sch {
    width: 255px;
    right: 35px;
}
#sch {
    zoom: 1;
    position: absolute;
    right: 0;
    top: 42px;

}
.imc_area #sch input.txt {
    width: 203px;
}
#sch input.txt {
    width: 210px;
    height: 17px;
    border: 1px solid #c8c8c8;
    border-right: 0;
    padding: 6px 4px 5px;
    font-size: 12px;
}
#sch input.btn {
    margin-left: -5px;
}

#container {
	float:left;width:980px;
	margin-top:10px;

}

#footer {
	clear:both;
	width: 100%;
	padding: 40px 0 50px;
    margin: 0;
    background:#051f49;
	box-sizing:border-box
}
#footer .link {
	width: 1100px;
	margin: 0 auto;

}
#footer .link h2{float:left;width:226px;margin-top:10px;}

#footer .link ul {
	float: left;
	margin-left:10px;
	width:750px;
	position: relative;
	overflow: hidden
}
#footer .link ul li {
	float: left;
	font-size: 12px;color:#FFFFFF;line-height:13px;padding:5px 0;
}
#footer .link ul li a{color:#FFFFFF;}
#footer .link ul li span {
	color: #c9c9c9;
	padding: 0 8px 0 6px;
}
#footer .link ul li span.col_b{color:#63ceff;}

#footer .link ul li.last {
	color: #cc0000;
	font-weight: bold;
	position: absolute;
	top: -4px;
	right: 20px
}
#footer .link ul li.last img {
	vertical-align: middle
}



#footer .link:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}


#mainService {
	float:left;
	position: relative;
	width: 990px;

	margin-top:20px;
	/*margin-bottom: 5px;*/
	border-top:3px solid #2d2d2d;
	border-bottom:2px solid #0095da;
	z-index:10;

}
#mainService .menu {
	position: relative;
	height: 32px;
}
#mainService .menu:after {
	display: block;
	clear: both;
	content: ""
}
#mainService .menu ul.top_menu li.list {
	float: left;
	width:85px;
	text-align:center;
	line-height:32px;

}
#mainService .menu ul.top_menu li.list> a {

color:#000;
font-size:16px;

}
#mainService .menu ul.top_menu li.list .hover{float:left;width:85px;height:35px;}




#mainService .menu ul.top_menu li.list .submenu {
	position: absolute;
	top: 34px;
	left: 0;
	float:left;
	width: 980px;
	height: 34px;
	background:#FFF;
	border-top:2px solid #0095da;
	border-bottom:1px solid #222;
	z-index:100000;

}
#mainService .list_style .main_list_li {float:left;width:980px;}
#mainService .list_style .main_list_li .tap_style{float:left;padding:0 13px }
#mainService .list_style .main_list_li .tap_style a{color:#000;font-size:14px}
#mainService .list_style .main_list_li .tap_style a:hover{color:#0095da;text-decoration:none;font-weight:bold}

#mainService .menu ul li .submenu .over_list .menu_right{position:absolute;right:0;top:100px;}
#mainService .menu ul li .submenu .over_list .menu_left{position:absolute;left:0;top:100px;}

#submenu2 {padding-left:50px;box-sizing:border-box }
#submenu3 {padding-left:200px;box-sizing:border-box }
#submenu4 {padding-left:280px;box-sizing:border-box }
#submenu6 {padding-left:300px;box-sizing:border-box }
#submenu7 {padding-left:480px;box-sizing:border-box }
#submenu8 {padding-left:580px;box-sizing:border-box }
/* 리스트 첫번째 */
#mainService .menu ul li .submenu .over_list .list01 {
    float: left;
    width: 200px;
    height: 290px;
    border-right: 1px solid #c7c7c7;
    margin-left: 5px;
	margin-top:10px;
	text-align:center
	padding:0 5px;
}
#mainService .menu ul li .submenu .over_list .list01 h3 {
    float: left;
    width: 195px;border:1px solid #0095da;
}
#mainService .menu ul li .submenu .over_list .list01 h3 a {
    color: #000;
}
#mainService .menu ul li .submenu .over_list .list01 ul {
    float: left;
    width: 195px;
	margin-top:10px;
	text-align:center;

}
#mainService .menu ul li .submenu .over_list .list01 li.first {
    float: left;
    width: 195px;
    height: 103px;
    padding-top: 0;text-align:center;
}
#mainService .menu ul li .submenu .over_list .list01 li.two_line {
    float: left;
	 width: 195px;
	 height:60px;
    border-bottom: 1px solid #c7c7c7;
	font-size:13px; letter-spacing:-1px;
	line-height:26px;
}
#mainService .menu ul li .submenu .over_list .list01 .list_rangking{    float: left;
	 width: 200px;font-size:13px; text-align:left;}
#mainService .menu ul li .submenu .over_list .list01 .list_rangking span{margin:0 3px;}


#mainService .menu ul li .submenu .over_list .list01 li a {
    color: #000;

}

/* 리스트두번째 */
#mainService .menu ul li .submenu .over_list .list02 {
    float: left;
    width: 410px;
    height: 290px;
    border-right: 1px solid #c7c7c7;
    margin-left: 15px;
	margin-top:10px;
	text-align:center;
	padding:0 5px;
}
#mainService .menu ul li .submenu .over_list .list02 h3 {
    float: left;
    width: 390px;border:1px solid #0095da;
}
#mainService .menu ul li .submenu .over_list .list02 h3 a {
    color: #000;
}
#mainService .menu ul li .submenu .over_list .list02 ul {
    float: left;
    width: 195px;
	margin-top:10px;
	text-align:left;
	line-height:25px;

}
#mainService .menu ul li .submenu .over_list .list02 li.first {
    float: left;
    width: 195px;
    height: 103px;
    padding-top: 0;text-align:center;
}
#mainService .menu ul li .submenu .over_list .list02 li.two_line {
    float: left; width: 195px;
    border-bottom: 1px solid #c7c7c7;
	font-size:13px; letter-spacing:-1px;
}



#mainService .menu ul li .submenu .over_list .list02 li a {
    color: #000;

}


/* 리스트 세번째 */
#mainService .menu ul li .submenu .over_list .list03 {
    float: left;
    width: 210px;
    height: 290px;
    border-right: 1px solid #c7c7c7;
    margin-left: 5px;
	margin-top:10px;
	text-align:center
	padding:0 5px;
}
#mainService .menu ul li .submenu .over_list .list03 h3 {
    float: left;
    width: 200px;border:1px solid #0095da;
}
#mainService .menu ul li .submenu .over_list .list03 h3 a {
    color: #000;
}
#mainService .menu ul li .submenu .over_list .list03 ul {
    float: left;
    width: 195px;
	margin-top:10px;
	text-align:center;

}
#mainService .menu ul li .submenu .over_list .list03 li.first {
    float: left;
    width: 195px;
    height: 103px;
    padding-top: 0;text-align:center;
}
#mainService .menu ul li .submenu .over_list .list03 li.two_line {
    float: left;
	 width: 195px;
	 height:60px;
    border-bottom: 1px solid #c7c7c7;
	font-size:13px; letter-spacing:-1px;
	line-height:20px;
}
#mainService .menu ul li .submenu .over_list .list03 .list_rangking{    float: left;
	 width: 200px;font-size:13px; text-align:left;}



#mainService .menu ul li .submenu .over_list .list03 .list_rangking span{margin:0 3px;}

#mainService .menu ul li .submenu .over_list .list03 .list_rangking h4{ width: 195px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}


#mainService .menu ul li .submenu .over_list .list03 li a {
    color: #000;

}





#mainService .movie{position:absolute;right:5px;top:7px;}
#mainService .unsae{position:absolute;right:120px;top:7px;}







.bottomLink {
	clear: both;
	height: 53px;

	background: #ededed;

}
.bottomLink .pos {
	position: relative;
	width: 980px;
	height: 43px;
	padding-top: 10px;
	margin: 0 auto
}
.bottomLink .pos #btLink {
	width: 900px;
	margin: 0 auto;
	overflow: hidden
}
.bottomLink .pos #btLink.scroll-img ul {
	width: 2800px;
	margin: 0 auto
}
.bottomLink .pos #btLink.scroll-img ul li {
	float: left;

	margin-right: 20px;
	height: 53px
}
.bottomLink .pos #btLink.scroll-img ul li a {
}
.bottomLink .pos #btLink-btn {
	width: 980px;
	padding-top: 10px;
	cursor: pointer
}
.bottomLink .pos #btLink-backward {
	position: absolute;
	top: 10px;
	left: -4px;
}
.bottomLink .pos #btLink-forward {
	position: absolute;
	top: 10px;
	right: -6px;
}
/* 한라tv 슬라이드 */

.hanTvSlide .tab_ct_1, .hanTvSlide .tab_ct_2, .hanTvSlide .tab_ct_3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 265px;
}
.hanTvSlide .pic {
	width: 265px;
	height: 143px
}
.hanTvSlide .thumScript {
	width: 245px;
	padding: 9px 0 7px 20px;
	height: 12px;
	text-align: left;
	background: #000 url(../images/icon/ic_bu_4.gif) no-repeat 10px 13px;
}
.hanTvSlide .thumScript a {
	font-size: 11px;
	color: #fff;
}
.hanTvSlide ul li div.ico_play1 {
	display: inline-block;
	background: url("../images/common/ic_tvPlay2.png") no-repeat scroll left top;
	left: 102px;
	position: absolute;
	top: 60px;
	z-index: 9999;
	width: 48px;
	height: 32px;
	line-height: 32px;
	cursor: hand;
	cursor: pointer;
}
.hanTvSlide ul li div.ico_play1 a {
	display: block;
	cursor: pointer;
	width: 48px;
	height: 32px;
}
.hanTvSlide>div.ico_play1 {
	display: inline-block;
	background: url("../images/common/ic_tvPlay2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	left: 102px;
	position: absolute;
	top: 60px;
	z-index: 9999;
	width: 48px;
	height: 32px;
	line-height: 32px;
	cursor: hand;
	cursor: pointer;
}
.hanTvSlide>div.ico_play1 a {
	display: block;
	cursor: pointer;
	width: 48px;
	height: 32px;
}
/* 퀵 광고 */

#quick_menu {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left:520px;

}
#quick_menu div {
	margin-bottom: 10px !important;
}
#quick_menu .adBanner_1 {
	margin-top: 10px;
}
#quick_menu .adBanner_2 {
	margin-top: 7px
}
#quick_menu .goTop {
	margin-top: 300px;
	    position: absolute;
    top: 500px;
}
#quick_menu_2 {
	position: absolute;
	top: 282px;
	right: 50%;
	margin-right: -620px;
}
#quick_menu_2 .adBanner_1 {
	margin-top: 10px;
}
#quick_menu_2 .adBanner_2 {
	margin-top: 7px
}
#quick_menu_2 .goTop {
	margin-top: 300px
}
#quick_left_menu {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -620px
}
#quick_left_menu2 {
	position: absolute;
	top: 150px;
	left: 50%;
margin-left: -660px;
}
#quick_left_menu2 div {
	margin-bottom: 10px;
}

/* 기사목록 날짜 추가 */
.subCol_01 .halla_lst_01 dl dd.input {
	padding-top: 5px;
	color: #787878;
}
.subCol_01 .halla_lst_01 dl dd.input span {
	font-size: 12px;
	padding-left: 10px;
}
.subCol_01 .halla_lst_01 dl dd.input2 {
	padding-top: 5px;
	padding-left: 106px;
	color: #787878;
}
.subCol_01 .halla_lst_01 dl dd.input2 span {
	font-size: 12px;
	padding-left: 10px;
}
/* 개인정보동의 */
.frm_agree_box {
	padding: 20px;
	border-style: solid;
	border-color: #e4e4e4;
	border-width: 1px;
}
.frm_agree_title {
	margin: 0 0 10px;
	color: #282828;
}
.frm_agree {
	padding: 20px;
	border: 1px solid #ddd;
	background-color: #f6f8f7;
	color: #96969e;
	line-height: 1.7em;
}
.frm_agree {
	overflow: hidden;
	overflow-y: scroll;
}
.frm_agree_check {
	margin: 10px 0 0;
	font-weight: bold;
	color: #565b5f;
}
.info02 {
	z-index: 0;
}
.checkbox {
	display: inline-block;
	width: 12px;
	height: 12px;
}
.frm_agree_check {
	margin: 10px 0 0;
	font-weight: bold;
	color: #565b5f;
}
.input_replace_tag {
	margin: 0 5px 3px 0;
	padding: 0;
	vertical-align: middle;
	border: 1px solid;
}


/* 실시간뉴스 */

.newsplay{width:990px;box-sizing:border-box;clear:both;height:30px;line-height:32px;border:1px solid #b5b5b5; border-top:none;}
.newsplay h2{float:left;width:75px;padding-left:10px;background:url(../images/newre/ico_news.gif) no-repeat right center;}
.newsplay ul{float:left;margin-left:5px;}

.head1_relate { margin:5px 0 }
.head1_relate li {  }

.head5_relate { float:right;width:280px;margin-top:3px }
.head5_relate li { }

.txtbox {BORDER-BOTTOM: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; font: 9pt 굴림; color:#222222; background-image:url(/homeimg/line.gif); background-position:0 -1; background-color:white; line-height:210%; width:99%; overflow:auto;}

.mobile { width:80%;margin:20px auto 40px;padding:30px 0;text-align:center;background:#cc0000;color:#FFF;font-size:3em;font-weight:500 }