@charset "utf-8";

#root { overflow: hidden; width: 100%; height: auto; }
#header, .featured, .contents, #footer { position: relative; width: 100%; }

/*-------- 모바일 헤더 --------*/
#m_header { display: none; position: relative; z-index: 1; }
#m_header:after { content: ""; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #e9e9e9; }
#m_header .fn_heder { position:relative; width:100%; height:50px; background-color:#fff; }
#m_header .fn_heder .tit_fnnews { display: block; width:auto; margin:0 55px; height:48px; text-align:center; }
#m_header .fn_heder .tit_fnnews a.link_fn { display:block; overflow:hidden; width:220px; height:48px; margin:0 auto; }
#m_header .fn_heder .tit_fnnews a.link_fn .fn_logo { width:220px; height:auto; margin-top:16px; }
#m_header .fn_heder .btn_side { position:absolute; top:0; left:0; width:46px; height:50px; }
#m_header .fn_heder .btn_side .ico_side { display:block; overflow:hidden; position:absolute; top:16px; left:13px; width:19px; height:19px; background-position:-98px -10px; text-indent:-9999px; }
#m_header .fn_heder .btn_sch { position:absolute; top:0; right:0; width:46px; height:50px; }
#m_header .fn_heder .btn_sch .ico_sch { display:block; overflow:hidden; position:absolute; top:16px; left:13px; width:19px; height:19px; background-position:-69px -10px;  text-indent:-9999px; }
/* 이벤트 로고 */
.tit_fnnews_evt { width:auto; margin:0 55px; height:50px; text-align:center; }
.tit_fnnews_evt a.link_fn { display:block; overflow:hidden; width:250px; height:50px; margin:0 auto; }
.tit_fnnews_evt a.link_fn .fn_logo { width:220px; height:auto; }


/* 모바일 검색바 */
.m_sch_bar { position:fixed; top: 0; left: 0; width: 100%; height: 50px; padding: 0 0 1px; background-color: #0068b2; z-index: 9999; }
.m_sch_bar:before { content:""; display: block; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); z-index: -1;  }
.m_sch_bar .inner_sch_bar { height: 50px; padding-left: 46px; background: #fff; }
.m_sch_bar .sch_back { position: absolute; top: 0; left: 0; width: 46px; height: 50px;  }
.m_sch_bar .sch_back .btn_back { display: block; width:100%; height: 100%;  }
.m_sch_bar .sch_back .btn_back .ico_ui { display: block; position: absolute; top: 15px; left: 13px;  width: 13px; height: 19px; text-indent: -9999px; font-size: 0; background-position: -98px -35px;  }
.m_sch_bar .inner_schall { margin: 0 46px 0 0; height: 50px; background-color: #fff; }
.m_sch_bar .inner_schall .tf_keyword { width:100%; height:24px;  border:0 none; font-size:16px; line-height:25px; background-color:transparent; color:#000; vertical-align:top; -webkit-appearance:none; outline:0; letter-spacing:-1px; }
.m_sch_bar .inner_schall .box_sch { position:relative; padding:12px 0 0 0; background-color:#fff; }
.m_sch_bar .inner_schall .box_sch .btn_sch { position: absolute; top: 0; right: -46px; width: 46px; height: 50px; }
.m_sch_bar .inner_schall .box_sch .btn_sch .ico_sch { display:block; overflow:hidden; position:absolute; top:16px; right:13px; width:19px; height:19px; background-position:-69px -35px;  text-indent:-9999px; }

/* 모바일 사이드 네비 */
.aside { position: fixed; top: 0; left: 0; width: 100%; height: 100% !important; background-color: rgba(0, 0, 0, 0.4); z-index:999; display:none; }
.m-hropen {display:none;}
.wrap_aside { overflow: hidden auto; position: relative; width: 100%; height: 100%; }
.aside aside { position: relative; width: 280px; height: auto; min-height: 100%; background-color: #fafafa; }
.aside aside:after { content: ""; clear: both; display: block; }
.aside aside .hd { position: relative; width: 100%; height: 50px; background-color: #efefef; border-bottom: 1px solid #e2e2e2; }
.aside aside .hd a { display: block; width: 100%; height: 50px; }
.aside aside .hd .logo_fn { display: block; position: absolute; top: 19px; left: 15px; width: 169px; height: 14px; text-indent: -999px; font-size: 0; background: url(/resources/images/logo_basic.png) no-repeat; background-size: cover; }
.aside aside .hd .btn_close { display: block; position: absolute; top: 16px; right: 20px;  width: 19px; height: 19px; background-position: -10px -10px; text-indent: -999px; font-size: 0; }

.aside .wrap_sch { margin-top: 15px; }
.aside .inner_schall { margin: 0 15px; padding: 0 0 8px; border-bottom: 2px solid #343434; }
.aside .inner_schall .tf_keyword { width:100%; height:24px;  border:0; font-size:16px; line-height:25px; background-color:transparent; color:#000; vertical-align:top; -webkit-appearance:none; outline:0; letter-spacing:-1px; }
.aside .inner_schall .box_sch { position: relative; margin-right: 30px; }
.aside .inner_schall .box_sch .btn_sch { position: absolute; top: -6px; right: -30px; width: 30px; height: 38px; }
.aside .inner_schall .box_sch .btn_sch .ico_sch { display:block; overflow:hidden; position:absolute; top: 10px; right: 0; width: 19px; height: 19px; background-position: -39px -10px;  text-indent:-9999px; }

.aside .event_cate { margin: 15px 15px 5px; font-size: 18px; }
.aside .event_cate a { display: block; padding: 5px 0; text-align: center; color: #fff; }

.aside .wrap_cate { overflow: hidden; margin-bottom: 15px; }
.aside .wrap_cate .list_cate { display: block; margin: 0 15px; }
.aside .wrap_cate .list_cate li { font-size: 19px; text-align: center; border-top: 1px solid #d7d7d7; }
.aside .wrap_cate .list_cate li:first-child { border-top: none; }
.aside .wrap_cate .list_cate li a { display: block; padding: 12px 0; }

.aside .wrap_section { overflow: hidden; }
.aside .wrap_section .list_section { display: block; overflow: hidden; font-size: 0; border-top: 1px solid #393b40; }
.aside .wrap_section .list_section:first-child { border-top: none; }
.aside .wrap_section .list_section li { position: relative; display: inline-block; width: 50%; text-align: center; font-size: 15px; background-color: #2a2c31; }
.aside .wrap_section .list_section li:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #393b40; }
.aside .wrap_section .list_section li:last-child:after { display: none; }
.aside .wrap_section .list_section li a { display: block; padding: 12px 0; color: #fff; }

.aside .ft { overflow: hidden; }
.aside .ft .list_ft { display: block; overflow: hidden; font-size: 0; }
.aside .ft .list_ft li { position: relative; display: inline-block; width: 50%; font-size: 12px; text-align: center; }
.aside .ft .list_ft li:after { content: ""; display: block; position: absolute; top: 19px; right: 0; width: 1px; height: 14px; background-color: #d6d6d6; }
.aside .ft .list_ft li:last-child:after { display: none; }
.aside .ft .list_ft li a { display: block; padding: 17px 0; }

/*-------- PC header --------*/
#header { max-width: 100%; margin: 0 auto 40px; background-color: #fff; }
.header_gnb { width: 100%; height: 30px; border-bottom: 1px solid #ddd; background-color: #f4f4f4; }
.header_gnb .gnb_inner { overflow: hidden; width: 100%; max-width: 1170px; margin: 0 auto; }
.header_gnb .gnb_inner .wrap_naverch { float: left; width:137px; height: 20px; margin-top: 4px; border: 1px solid #03cf5d; border-radius: 3px; background: #fff; }
.header_gnb .gnb_inner .wrap_naverch .link_naverch { line-height: 12px; }
.header_gnb .gnb_inner .wrap_naverch .link_naverch:hover { text-decoration: none;  }
.header_gnb .gnb_inner .wrap_naverch .box_btn { display: block; height: 100%; padding-left: 28px; font-size: 12px; line-height: 20px; color: #555; background: url(/resources/images/icon_naverch.png) no-repeat 6px 3px; }
.header_gnb .gnb_inner .family_site { float:right; margin-top:9px; }
.header_gnb .gnb_inner .family_site .list_family { overflow: hidden; }
.header_gnb .gnb_inner .family_site .list_family li { float: left; position: relative; padding:0 10px; font-size: 12px; line-height: 13px; }
.header_gnb .gnb_inner .family_site .list_family li:last-child { padding-right: 0;}
.header_gnb .gnb_inner .family_site .list_family li:after { content: ""; display: block; position: absolute; top: 1px; right: 0; width: 1px; height: 90%; background: #ccc;}
.header_gnb .gnb_inner .family_site .list_family li:last-child:after { display: none; }
.header_gnb .gnb_inner .family_site .list_family li a { color: #777; }

/* 메인헤더 */
.header_inner { position: relative; width: 100%; max-width: 1170px; height: auto; margin: 0 auto; }
.header_inner .head { overflow: hidden; position:relative; height:114px; }
.header_inner .head .logo_wrap { width: 363px; height: 30px; margin: 47px auto 0; background:url('/resources/images/logo_basic.png') no-repeat 0 0; }
.header_inner .head .logo_wrap a.link_logo { display: block; width: 100%; height: 100%; text-indent: -999px; font-size: 0; }

/* 이벤트 로고 */
.header_inner .head .logo_evt_wrap { width: 425px; height: 114px; margin: 0 auto;  }
.header_inner .head .logo_evt_wrap a { display: block; width: 100%; height: 100%; text-indent: -999px; font-size: 0;  }

/* 20주년 로고
.header_inner .head .logo_wrap { width: 423px; height: 78px; margin: 6px auto 0; background:url('../images/fn20th_ani.gif') no-repeat 0 0; }
.header_inner .head .logo_wrap a { display: block; text-indent: -999px; font-size: 0;  }
.header_inner .head .logo_wrap a.link_logo { float: left; width: 300px; margin-top: 37px;height:54px; margin-top: 37px;}
.header_inner .head .logo_wrap a.link_greeting { float: right; width: 123px; height:54px; margin-top: 37px;}
.header_inner .sub_head .sub_logo_wrap { position: absolute; top: 31px; left: 0; width: 313px; height: 39px; background:url('../images/logo_sub_fn20th.png') no-repeat 0 0; }
.header_inner .sub_head .sub_logo_wrap a { display: block; text-indent: -999px; font-size: 0; }
.header_inner .sub_head .sub_logo_wrap .link_logo { float: left; width: 227px; height:54px; }
.header_inner .sub_head .sub_logo_wrap .link_greeting { float: right; width: 86px; height:54px; }
*/

/* 서브헤더 */
.header_inner .sub_head { overflow: hidden; position: relative; height: 95px; }
.header_inner .sub_head .sub_logo_wrap { position: absolute; top: 45px; left: 0; width: 245px; height: 19px; background:url('/resources/images/logo_basic_sub.png') no-repeat 0 0; }
.header_inner .sub_head .sub_logo_wrap .link_logo { display: block; width: 100%; height: 100%; text-indent: -999px; font-size: 0; }
.header_inner .sub_head .wrap_sub_tit { display: block; padding-top: 24px; text-align: center; }
.header_inner .sub_head .wrap_sub_tit .tit_subtitle { font-family: 'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans',Dotum,'돋움',sans-serif; font-size:38px; font-weight: normal; }
#header .sub_head .wrap_sub_tit .tit_subtitle a { color:#232323; }

/* 섹션타이틀 */
.header_inner .head .section_tit { padding-top:35px; font-family: 'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans',Dotum,'돋움',sans-serif; font-weight:bold; letter-spacing:-2px; }
.header_inner .head .section_tit h2 { font-size:38px; font-weight:bold; text-align:center; }
.header_inner .head .section_tit h2 a { color:#252525; }

/* 네비게이션 */
.wrap_navibar { position: relative; }
.wrap_navibar .navi { position:relative; width:100%; border-bottom: 2px solid #232323; background:#fff; z-index:999; }
.wrap_navibar .navi:after { clear:both; display:block; content:"";  }
.wrap_navibar .navi .list_navi { margin: 0 0 0 107px; padding: 0; }
.wrap_navibar .navi .list_navi li.event span { padding: 1px 6px 3px; }
.wrap_navibar .navi .list_navi li { float: left; position: relative; font-family: 'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans',Dotum,'돋움',sans-serif; font-size:17px; font-weight: bold; }
.wrap_navibar .navi .list_navi li:hover>a { color: #0068b1; }
.wrap_navibar .navi .list_navi a {
    color: #232323;
    display: block;
    min-width: 35px;
    padding: 10px 42px;
    text-align: center;
    text-decoration: none;
}
.wrap_navibar .navi .list_navi ul {
    background: #f7f7f7;
    border: 1px solid #0068b1;
    border-top: 2px solid #0068b1;
    display: none;
    padding: 10px 0;
    position: absolute;
    left: 0;
    top: 100%;
    width: 128px;
}
.wrap_navibar .navi .list_navi ul:before { content: ""; position: absolute; top: -4px; left: 50%; display: block; width:13px; height: 13px; margin-left: -6px; background: #0068b1; transform:rotate(45deg); z-index: -999; }
.wrap_navibar .navi .list_navi ul li { float: none; font-size: 15px; font-weight: normal; text-align: center; }
.wrap_navibar .navi .list_navi ul li:hover { font-weight: bold; background: #e2e2e2; }
.wrap_navibar .navi .list_navi ul li:hover a { color: #0068b1; }
.wrap_navibar .navi .list_navi ul a { color: black; padding: 10px 15px;  }
.wrap_navibar .navi .list_navi ul ul { left: 100%; top: 0; }
.wrap_navibar .navi .list_navi ul ul li {float:left; margin-right:10px;}

.common_wrap { position:absolute; top:7px; left:0; z-index: 9999; width: 70px; height: 35px; }
.common_wrap:after { clear:both; display:block; content:"";  }
.common_wrap .btn_search { float:left; position:relative; width: 35px; height: 44px; }
.common_wrap .btn_search input { vertical-align:middle; cursor:default;}
.common_wrap .btn_search .keyword { display:inline-block; *zoom:1; display:inline; width:100px; height:10px; padding:4px 3px 5px; line-height:18px; border:1px solid #c5c5c5; color:#888; }
.common_wrap .btn_search .bbs_srch img { cursor:pointer;}

/* 메뉴전체보기버튼 */
.common_wrap .icon_all { float: left;  display:block; width: 35px; height: 35px; background: url('/resources/images/icon_navi_all.png') no-repeat 0 8px; cursor: pointer; }
.common_wrap .icon_all:hover { background: url('/resources/images/icon_navi_all_b.png') no-repeat 0 8px; }

/* 검색버튼 */
.common_wrap .icon_search { float: left; display: block; width:35px; height: 35px; background: url('/resources/images/icon_search.png') no-repeat 5px 7px; text-indent: -999px; font-size: 0; cursor: pointer;}
.common_wrap .icon_search:hover { background: url('/resources/images/icon_searchbar.png') no-repeat 5px 7px; }

/* search */
.search { position: relative; margin: 0 auto; width: 321px; height: 37px; padding-top: 38px; }
.search:after { clear:both; display:block; content:""; }
.search .search_box { position:relative; }
.search input.search_txt { width:260px; height:21px; padding:4px 0 6px 9px; border:3px solid #0072b5; background:transparent; color:#241815; font-weight:bold; font-size:17px; line-height:26px; letter-spacing:-0.02em; cursor:auto; }
.search button.search_btn { position:absolute; top: 0; right: 0; width: 46px; height: 37px; background:url('/resources/images/icon_sub.png') no-repeat scroll -409px -251px transparent; text-indent:-9999px; }

/* search detail */
.btn_searchDetail { position:absolute; top: 60px; right: -75px;  }

/* 이벤트 배너 */
.banner_event { position: absolute; top: -8px; right: 0; display: block; width: 168px; height:60px; font-size: 0; text-indent: -9999px; background: url('/resources/images/banner_head415.png') no-repeat right top; z-index: 9999; }
.banner_event a { display: block; width: 100%; height: 100%; }

/* 라임옵티머스 배너 */
.banner_hd_liop { position: absolute; bottom: 2px; right: 0; width: 214px; height: 40px; z-index: 9999; }

/* 속보 */
.wrap_infoBox { height: 41px; border-bottom: 1px solid #d4d4d4; }
.wrap_infoBox .wrap_flashNews { float: left; padding: 11px 0;max-width:64%; }
.wrap_infoBox .wrap_flashNews .tit_flash { display: block; float: left; width: 65px; height: 19px; margin-right:10px; background: url('../images/icon_newsflash.png' ) no-repeat; font-size: 0; text-indent: -999px; }
.wrap_infoBox .wrap_flashNews .list_flash { overflow: hidden; position: relative; float: left; display:  block; height: 19px; white-space: nowrap; text-overflow: ellipsis; }
.wrap_infoBox .wrap_flashNews .list_flash a { color: #232323; overflow: hidden; display: block; font-family: 'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans',Dotum,'돋움',sans-serif; font-size: 14px; letter-spacing: -0.03em; line-height: 19px; white-space: nowrap; text-overflow: ellipsis; }

/* 날씨 */
.wrap_weatherNews { float: right; overflow: hidden; display: inline-block; width: 270px;}
.weatherbox { width: auto; height: 41px; }
.weatherbox .weatherinfo{ position: relative; width: auto; font-size: 0; line-height: 36px; text-align: right; }
.weatherbox .weatherinfo .regionName{ display: inline-block; font-weight: bold;font-size: 14px;color:#252525; }
.weatherbox .weatherinfo .cutTemp{ display: inline-block; width:auto; text-align: right;}
.weatherbox .weatherinfo .cutTemp strong{display: inline-block; margin-left: 5px; font-weight: bold;text-align: right;font-size: 14px; color:#252525;}
.weatherbox .weatherinfo .cutTemp em{display: inline-block; margin-left: 4px; font-weight: bold;font-size: 14px;letter-spacing: 0;color:#252525;}
.weatherbox .weatherinfo .cutTemp small{display: inline-block; font-size: 14px;letter-spacing: 0;color:#252525;}
.weatherbox .weatherinfo .weatherimg{display: inline-block; width:30px; height:28px; margin: -6px 0 0 5px; position: relative; vertical-align: middle;}

/* 메뉴 전체보기 */
.nivi_all { box-sizing: border-box; position: absolute; bottom: -259px; left: 0; width: 100%; max-width: 1170px; padding: 20px 0; background:#f7f7f7; border:1px solid #d7d7d7; border-top: 2px solid #232323; z-index:9999;display:none; }
.nivi_all .link_close { position: absolute; top: 27px; right: 22px;  display: block; }
.nivi_all .link_close .icon_close { display:block; width: 17px; height: 16px; background: url('/resources/images/icon_navi_all_close.png') no-repeat 0 0; }
.nivi_all .cbp-hrsub { overflow: hidden; height: 260px; }
.nivi_all .cbp-hrsub-inner { overflow: hidden; height: 100%; }
.nivi_all .cbp-hrsub-inner > div { float:left; width: 13.7%; height: 100%; text-align: center; border-right: 1px solid #e5e5e5; }
.nivi_all .cbp-hrsub-inner > div:last-child { border-right: 0; }
.nivi_all .cbp-hrsub-inner:before,
.nivi_all .cbp-hrsub-inner:after { content:" "; display:table; }
.nivi_all .cbp-hrsub-inner:after { clear: both; }
.nivi_all .cbp-hrsub-inner > div a { margin-left:1px; line-height:37px; font-size:15px; color: #232323; }
.cbp-hrsub .cbp-hrsub-inner > div > h4 { padding:0 0 8px; margin:0;}
.cbp-hrsub .cbp-hrsub-inner > div > h4 > a { color: #006098; font-size: 16px; font-weight: bold; }
.cbp-hropen {display:block;} 
.nivi_all > ul > li > a {	color: #252525; }
.nivi_all > ul > li > a:hover { color:#006098; }
.nivi_all > ul > li.cbp-hropen a span,
.nivi_all > ul > li.cbp-hropen > a span:hover { color:#006098; }

/* 검색바 */
.bar_search { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; border: 2px solid #0068b1; background: #fff; z-index: 9999; }
.wrap_search .inner_schall { height: 30px; margin: 5px 15px; }
.wrap_search .box_search .tf_keyword { width: 90%; height:30px; border: 0; outline: 0; font-family: 'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','Noto Sans',Dotum,'돋움',sans-serif; font-size: 16px; color: #232323; }
.wrap_search .box_search .btn_search { position: absolute; top: 0; right: 0; width: 40px; height: 38px; font-size: 0; text-indent: -999px;  }
.wrap_search .box_search .btn_search .ico_search_b { display: block; width: 22px; height: 19px; margin-left: 7px; background: url('/resources/images/icon_searchbar.png')no-repeat 0 0; }

/*푸터*/
#footer { overflow: hidden; position: relative; width: 100%; background-color: #fafafa; }
#footer:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #e1e1e1; }
.wrap_footer { max-width: 1170px; margin: 0 auto; padding: 50px 0 75px; }
.wrap_footer .inner_footer { position: relative; }
.wrap_footer .inner_footer p { display: block; margin-top: 1px; padding-left: 90px; font-size: 12px; }
.wrap_footer .inner_footer .wrap_logo { position: absolute; top: 0; left: 0; width: 60px; height: 60px; text-indent: -999px; font-size: 0; background: url(../images/logo_foot_fn.png) no-repeat 0 0; background-size: cover; }
.wrap_footer .inner_footer .list_foot1, .list_foot2 { display: block; padding-left: 81px; font-size: 0; }
.wrap_footer .inner_footer .list_foot1 { margin-bottom: 7px; }
.wrap_footer .inner_footer ul li { display: inline-block; position: relative; padding: 0 9px; font-size: 12px; line-height: 17px; }
.wrap_footer .inner_footer ul li:after { content: ""; display: block; position: absolute; top: 3px; right: 0; width: 1px; height: 70%; background: #e1e1e1; }
.wrap_footer .inner_footer ul li:last-child:after { display: none; }

/*모바일 푸터*/
#m_footer { display: none; overflow: hidden; padding: 15px 0 20px; background-color: #fafafa; }
#m_footer .inner_ft { margin: 0 15px; }
#m_footer .inner_ft .list_ft { overflow: hidden; display: block; text-align: center; font-size: 0; }
#m_footer .inner_ft .list_ft li { display: inline-block; position: relative; font-size: 12px; }
#m_footer .inner_ft .list_ft li:after { content: ""; display: block; position: absolute; top: 9px; right: 0; width: 1px; height: 12px; background: #dedede; }
#m_footer .inner_ft .list_ft li:last-child:after { display: none; }
#m_footer .inner_ft .list_ft li a { display: block; padding: 5px 10px; }
#m_footer .inner_ft p { text-align: center; font-size: 12px; }

/* 커서 없음 */
.csno  {cursor: default !important;}


@media only screen and (max-width: 1200px) {
    .header_gnb .gnb_inner, .header_inner, .wrap_footer { max-width: 992px; } 
    .wrap_navibar .navi .list_navi a { padding: 10px 30px; }
    .wrap_navibar .navi .list_navi ul { left: -5px; }
   

}

@media only screen and (max-width: 992px) {    
    .header_gnb .gnb_inner, .header_inner, .wrap_footer { max-width: 768px; } 
    .header_gnb .gnb_inner .family_site .list_family li { padding: 0 7px; }
    .wrap_navibar .navi .list_navi { margin: 0 0 0 95px; }
	.wrap_navibar .navi .list_navi a { padding: 10px 16px; }
    .wrap_navibar .navi .list_navi ul { left: -22px; }    
    .wrap_footer { max-width: 768px; }
}

@media only screen and (max-width: 768px) {
    #m_header, #m_footer { display: block; }
    #header, #footer { display: none; }
    #m_footer { margin-top: 9px; }
	.m-hropen {display:block;} 
}