@charset "utf-8";
@font-face{font-family:"NotoSansKR"; src:url(font/NotoSansKR-Regular.woff2) format('woff2'), url(font/NotoSansKR-Regular.woff) format('woff'); font-weight:400; font-style:normal;}
@font-face{font-family:"NotoSansKR"; src:url("font/NotoSansKR-Medium.woff2") format('woff2'), url("font/NotoSansKR-Medium.woff") format('woff'); font-weight:500; font-style:normal;}
@font-face{font-family:"NotoSansKR"; src:url("font/NotoSansKR-Bold.woff2") format('woff2'), url("font/NotoSansKR-Bold.woff") format('woff'); font-weight:700; font-style:normal;}
/*전역클래스*/
body{font-family:"NotoSansKR","Arial",sans-serif; margin:0; padding:0; font-weight:400; font-size:16px; color:#333; line-height:1.2; letter-spacing:-1px;}
body *{margin:0; padding:0; text-decoration:none; list-style:none;}
a:link, a:visited{color:inherit; text-decoration:none;}
a:hover, a:focus, a:active{font-weight:500; text-decoration:underline; text-underline-position:under;}
a:focus, input:focus, select:focus, button:focus, textarea:focus{outline:2px dotted #000;}
a[class^=blank]{position:relative;}
a[class^=blank]:after{content:""; display:inline-block; width:15px; height:15px; margin-left:6px; vertical-align:middle; background:url(/images/nMain/main/icon_base.png) 0 -330px;}
a[class^=blank_w]:after{background-position-y:-360px;}
a[class^=point_], button[class^=point_]{font-weight:500 !important;}
a[class^=point_r], button[class^=point_r]{color:#f36a5d;}
a[class^=point_y], button[class^=point_y]{color:#fde090;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.wrap{position:relative; min-width:1400px;}
.inner{max-width:1200px; margin:0 auto;}
/*accessibility*/
#accessibility{position:absolute; width:100%; box-sizing:border-box;}
#accessibility h2{position:absolute; left:0px; top:0px; height:1px; overflow:hidden; visibility:hidden; font-size:0px;}
#accessibility a{display:block; width:100%; box-sizing:border-box; padding:0px; background-color:#000; color:#fff; font-size:17px; z-index:9999; position:relative; text-align:center; height:0px; line-height:50px; overflow:hidden;}
#accessibility a:hover, #accessibility a:active, #accessibility a:focus{background-color:#1b818c !important; height:50px; text-decoration:underline; text-underline-position:under;}
/*header*/
#header{min-width:1400px; position:absolute; height:100px; display:block; width: 100%; z-index:9; text-align:center; background:#fff; color: #f2f2f2; padding:0; top:0px; border-bottom:1px solid #ddd;}
#header a:hover, #header a:focus, #header a:active{font-weight:500; text-decoration:underline; text-underline-position:under;}
#header.active{}
#header:hover .user_wrap{background:#f2f4f6;}
#header:hover .user_wrap li a{color:#222;}
#header:hover .header_wrap h1 a{background:url(/images/nMain/common/header_logo_h.png) no-repeat;}
#header:hover .gnb_icon .btn_layer{background:url(/images/nMain/common/menu_icon_h.png) no-repeat;}
#header:hover .gnb_icon .btn_srch{background:url(/images/nMain/common/search_icon_h.png) no-repeat;}
#header:hover #gnb > ul > li > a{color:#222;}
.header_wrap{margin:0 30px; width:calc(100% - 60px); box-sizing:border-box; height: 100px; display:flex; align-items: center;justify-content: space-between;}
.header_wrap .inner{position:relative;}
.header_wrap h1 a{overflow:hidden; display:block; width:180px; height:40px; text-indent:-9999px; background:url(/images/nMain/common/header_logo_h.png) no-repeat;}
.header_wrap ul, .header_wrap li{display:inline-block;}
.head_con{display:flex; align-items: center;}
.user_wrap{background:#f2f4f6 /*rgb(0, 0, 0, 0.2)*/; border-radius:50px; padding:7px 16px; margin-right:20px;}
.user_wrap li a{position:relative; display:block; padding:0 8px; font-size:14px; color:#222;}
.user_wrap li a:after{content:""; position:absolute; top:2px; right:-3px; width:1px; height:12px; background:rgb(135, 148, 181, 0.3);}
.user_wrap li:last-of-type a:after{display:none;}
.user_wrap li .btn_user{font-weight:500; color:#1b818c;}
.sns_wrap{display:flex; margin-right:20px;}
.sns_wrap li{margin-right:6px;}
.sns_wrap li:nth-child(4){margin-right:0;}
.sns_wrap li a{overflow:hidden; display:block; width:30px; height:30px; text-indent:-9999px; background:url(/images/nMain/common/sns_icon_foodinfo2.png);}
.sns_wrap li .btn_sns_face{background-position-x:-40px;}
.sns_wrap li .btn_sns_insta{background-position-x:-80px;}
.sns_wrap li .btn_sns_blog{background-position-x:-120px;}
/*gnb*/
.nav_wrap{position:relative; width:calc(100% - 800px); padding:0 60px; height: 100px; align-items: center; display:flex; justify-content: space-between;}
#gnb{display:block;width:100%;}
#gnb:after{content:""; display:block; clear:both;}
#gnb > ul{display:flex;}
#gnb > ul:after{content:""; display:block; clear:both;}
#gnb > ul > li{flex-grow:1; text-align:center;}
#gnb > ul > li > a{display:inline-block; padding:0 5px; font-size:20px; color:#222; box-sizing:border-box; font-weight:500; height:100px; width:100%; line-height: 60px;}
#gnb > ul > li > a span{position:relative; padding:19px 0 17px 0; display:inline-block;}
#gnb > ul > li > a:hover span{color:#22b8c8;}
#gnb > ul > li > div{overflow:hidden; display:none; position:fixed; top:100px; left:0; width:100%; background:#fff; box-shadow:0px 5px 2px rgb(60 74 76 / 14%); z-index:500; border-top:1px solid #ddd;}
#gnb > ul > li > div > .nav_2dpt{width:1400px; margin:0 auto; display:flex;}
#gnb > ul > li > div > .nav_2dpt .nav_tit{width:210px;  padding:50px 50px 0 0; text-align:right;}
#gnb > ul > li > div > .nav_2dpt .nav_tit strong{font-size:36px; font-weight:900; color:#111; margin-bottom:10px; display:inline-block; font-family:NanumSquare; position:relative;}
#gnb > ul > li > div > .nav_2dpt .nav_tit strong:before{content:""; display:block; width:12px; height:12px; border-radius:12px; background:#22b8c8; position:absolute; top:-10px; left:-18px;}
#gnb > ul > li > div > .nav_2dpt .nav_tit p{font-size:15px; color:#646464; display:inline-block; margin-left:30%; font-weight:300;}
#gnb .gnb_2dpt{position:relative; width:1230px; margin:0 auto; padding:30px 30px; text-align:left; box-sizing:border-box; display:flex !important; align-items: stretch; border-left:1px solid #ddd;}
#gnb .gnb_2dpt > li{flex-basis: 220px; flex-shrink: 1;}
#gnb .gnb_2dpt > li > a{display:inline-block; padding:20px 15px; color:#111; vertical-align:top; box-sizing:border-box; font-size:18px; width:100%; font-family:NanumSquare; font-weight:900;}
#gnb .gnb_2dpt > li > ul{display:block;}
#gnb .gnb_2dpt > li > ul > li{display:block; margin:0 0 5px 0;}
#gnb .gnb_2dpt > li > ul > li > a{position:relative; display:block; padding:0 0 12px 20px; font-size:16px; color:#555; vertical-align:top; box-sizing:border-box; word-break:keep-all;}
#gnb .gnb_2dpt > li > ul > li > a:before{content:""; position:absolute; top:8px; left:6px; width:2px; height:2px; background:#888d8e;}
#gnb .gnb_2dpt > li a:hover, .gnb_2dpt > li a:focus, .gnb_2dpt > li a:active{color:#1b818c;}
.gnb_icon{position:relative; display:flex;}
.gnb_icon button{text-indent:-9999px; border:none; cursor:pointer; box-sizing:border-box;}
.gnb_icon .btn_layer{background:url(/images/nMain/common/menu_icon_h.png) no-repeat; width:22px; height:22px;}
.gnb_icon .btn_srch{background:url(/images/nMain/common/search_icon_h.png) no-repeat; width:23px; height:23px; margin-right:20px;}
.gnb_icon .srch_wrap{display:none;position: fixed;right:0;box-shadow:0 1px 3px 0 rgb(0 0 0 / 12%);top: 101px;width: 100%;height: 120px;background: #f3f3f3;}
.gnb_icon .srch_wrap .srch_box{width: 500px; margin: 0 auto;margin-top: 30px; position:relative;}
.gnb_icon .srch_wrap input{width:100%;margin-bottom:0;padding:10px 45px 10px 10px;font-size:15px;border-radius:0;font-family:NotoSansKR;height: 60px;}
#gnb > ul > li > div > div{width:1400px; margin:0 auto; display: flex; position: relative;}
#gnb > ul > li > div > div > .gnb_2dpt_intro{width:170px; padding:50px 50px 0 0; text-align:right; font-family:NanumSquare; font-size:36px; font-weight:900; color:#111; margin-bottom:10px;}
#gnb > ul > li > div > div > .gnb_2dpt_intro:before{content:""; display:block; width:12px; height:12px; border-radius:12px; background:#22b8c8; position:absolute; top:40px; left:20px;}
.gnb_close{position:absolute; bottom:40px; right:0; background:#1b818c; color:#fff; border-radius:0; border:0; padding:5px 10px;}
/*gnb_on*/
.nav_wrap.on{border:none;}
.nav_wrap.on #gnb > ul > li > a{color:#222;}
.nav_wrap.on #gnb > ul > li.on > a{font-weight:500; text-decoration:none;}
.nav_wrap.on #gnb > ul > li.on > a span:after{height:3px;}
.nav_wrap.on #gnb > ul > li.on > div{display:block;}
.nav_wrap.on .gnb_icon button{border-bottom:1px solid #e8e8e8;}
/*검색*/
.idx_srch{position:relative;}
.idx_srch label{position:absolute;font-size:0;width:0;height:0;text-indent:-9999px;}
.idx_srch input{display:block; width:100%; height:45px; margin-bottom:20px; padding:10px 65px 10px 20px; font-size:15px; border:2px solid #1b818c; border-radius:25px; background:#fff; box-sizing:border-box; font-family:NotoSansKR;}
.idx_srch input::placeholder{font-size:16px; color:#8ba3a6;}
.idx_srch input::-webkit-input-placeholde, .idx_srch input:-ms-input-placeholder, .idx_srch input:-mos-input-placeholder{font-size:16px; color:#8ba3a6;}
.idx_srch input:focus{/*outline:none; border:2px solid #fc1;*/}
.idx_srch input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #FFF inset;}
.idx_srch a{overflow:hidden; position:absolute; top:17px; right:20px; display:block; width:23px; height:23px; text-indent:-9999px; background:url('/images/nMain/main/search_icon_h.png') no-repeat;}
/*footer*/
#footer{width:calc(100% - 40px); padding:35px 20px; font-size:14px; color:#fff; background:#272b2f;}
.footer_menu{display:block; padding:0 0 10px 0;}
.footer_menu li{position:relative; display:inline-block; margin-right:20px;}
.footer_menu li a{color:#fff; font-size: 15px;}
.footer_menu li a.point_y{color:#84f3ff;}
.footer_menu li a:hover, .footer_menu li a:focus, .footer_menu li a:active{font-weight:400; text-decoration:underline;}
.footer_wrap{position:relative; padding:25px 0 0 200px; line-height:1.4;}
.footer_wrap .footer_logo{position:absolute; left:0;}
.footer_wrap address{font-style:normal; color:#9fa2a8; font-size: 15px;}
.footer_wrap p{font-style:normal; color:#9fa2a8; font-size: 15px;}
.footer_wrap .w_mark{position:absolute; top:-20px; right:0;}
#footer .to_top{display:none; position:fixed; bottom:20px; right:20px}
#footer .to_top a{overflow:hidden; display:block; width:50px; height:50px; font-size:0; text-indent:-9999px; border-radius:50%; background:#fff; box-shadow:0 1px 5px 0 rgb(0 0 0 / 12%);}
#footer .to_top a:before{content:""; display:block; width:30px; height:30px; margin:0 auto; background:url('/images/nMain/main/icon_base.png') -30px -350px;}
/*layer popup*/
/*
.layer_wrap{display:none; position:fixed; left:0; top:0; width:100%; height:100%; margin-top:0; background-color:rgba(0,0,0,0.7); z-index:100;}
.layer_wrap .layer_cont{overflow:auto; position:absolute; top:50%; left:50%; padding:75px 30px 30px 30px; width:100%; max-width:1200px; height:95%; background:#fff; transform:translate(-50%, -50%); box-sizing:border-box; z-index:100;}
.layer_wrap .layer_cont .layer_btn{text-align:center;}
.layer_wrap .layer_cont .layer_btn > button, .layer_wrap .layer_cont .layer_btn > a{font-size:16px; cursor:pointer;}
.layer_wrap .layer_btn{position:absolute; top:10px; right:10px;}
.layer_wrap .layer_btn .btn_close{overflow:hidden; width:56px; height:56px; text-indent:-9999px; border:none; border-radius:50%; background:url('/images/nMain/main/icon_base.png') 0 -60px #fff;}
.layer_wrap .layer_btn .btn_close:hover, .layer_wrap .layer_btn .btn_close:focus, .layer_wrap .layer_btn .btn_close:active{background-color:#fde090;}
*/
/*layer total*/
/*
.layer_total .layer_gnb{overflow:auto; display:flex; width:100%; height:100%; text-align:left;}
.layer_total .layer_gnb > li{width:calc(100% / 6); margin-right:14px; line-height:1.2;}
.layer_total .layer_gnb > li:last-of-type{margin-right:0;}
.layer_total .layer_gnb > li > a{display:block; padding-bottom:15px; font-size:17px; font-weight:500; color:#1b818c; border-bottom:2px solid #1b818c;}
.layer_total .layer_gnb > li > a:hover, .layer_total .layer_gnb > li > a:focus, .layer_total .layer_gnb > li > a:active{text-decoration:none !important;}
.layer_total .gnb_2dpt{position:relative; max-width:1200px; margin:0 auto; text-align:left; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.layer_total .gnb_2dpt > li{display:flex; border-bottom:1px solid #e8e8e8;}
.layer_total .gnb_2dpt > li > a{display:inline-block; min-width:230px; padding:15px; color:#363c3d; vertical-align:top; background:#fbfbfb; box-sizing:border-box; font-size:16px;}
.layer_total .gnb_2dpt > li > ul{display:inline-block; width:calc(100% - 235px); padding:15px 0 5px 15px; box-sizing:border-box;}
.layer_total .gnb_2dpt > li > ul > li{display:inline-block; width:calc(25% - 5px);}
.layer_total .gnb_2dpt > li > ul > li > a{position:relative; display:block; padding:0 0 12px 20px; font-size:15px; color:#646b6c; vertical-align:top; box-sizing:border-box; word-break:keep-all;}
.layer_total .gnb_2dpt > li > ul > li > a:before{content:""; position:absolute; top:8px; left:6px; width:2px; height:2px; background:#888d8e;}
.layer_total .gnb_2dpt > li a:hover, .gnb_2dpt > li a:focus, .gnb_2dpt > li a:active{color:#1b818c;}
.layer_total .layer_gnb .gnb_2dpt_intro{display:none;}
.layer_total .layer_gnb .gnb_2dpt{border:none;}
.layer_total .layer_gnb .gnb_2dpt > li{display:block;}
.layer_total .layer_gnb .gnb_2dpt > li:last-of-type{border-bottom:none;}
.layer_total .layer_gnb .gnb_2dpt > li > a{min-width:100%; padding:12px 0 10px 0; background:none;}
.layer_total .layer_gnb .gnb_2dpt > li > ul{display:block; width:100%; padding:0 0 5px 0;}
.layer_total .layer_gnb .gnb_2dpt > li > ul > li{display:block; width:100%;}
.layer_total .layer_gnb .gnb_2dpt > li > ul > li > a{padding:0 0 5px 12px; font-size:14px;}
*/
/*layer popup*/
.layer_wrap{display:none;}
.layer_wrap{display:none; position:fixed; left:0; top:0; width:100%; height:100%; margin-top:0; background-color:rgba(0,0,0,0.7); z-index:100;}
.layer_wrap .layer_cont{overflow:auto; position:absolute; top:50%; left:50%; padding:75px 30px 30px 30px; width:100%; max-width:1200px; height:95%; background:#fff; transform:translate(-50%, -50%); box-sizing:border-box; z-index:100;}
.layer_wrap .layer_cont .layer_btn{text-align:center;}
.layer_wrap .layer_cont .layer_btn > button,
.layer_wrap .layer_cont .layer_btn > a{font-size:16px; cursor:pointer;}
.layer_wrap .layer_btn{position:absolute; top:10px; right:10px;}
.layer_wrap .layer_btn .btn_close{overflow:hidden; width:56px; height:56px; text-indent:-9999px; border:none; border-radius:50%; background:url('/images/nMain/main/icon_base.png') 0 -60px #fff;}
.layer_wrap .layer_btn .btn_close:hover,
.layer_wrap .layer_btn .btn_close:focus,
.layer_wrap .layer_btn .btn_close:active{background-color:#fde090;}
.layer_wrap .gnb_close{display:none;}
/*layer total*/
.layer_total .layer_gnb{overflow:auto; display:flex; width:100%; height:100%; text-align:left;}
.layer_total .layer_gnb > li{width:calc(100% / 6); margin-right:14px; line-height:1.2;}
.layer_total .layer_gnb > li:last-of-type{margin-right:0;}
.layer_total .layer_gnb > li > a{display:block; padding-bottom:15px; font-size:17px; font-weight:500; color:#1b818c; border-bottom:2px solid #1b818c;}
.layer_total .layer_gnb > li > a:hover, .layer_total .layer_gnb > li > a:focus, .layer_total .layer_gnb > li > a:active{text-decoration:none !important;}
.layer_total .gnb_2dpt{position:relative; max-width:1200px; margin:0 auto; text-align:left; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.layer_total .gnb_2dpt > li{display:flex; border-bottom:1px solid #e8e8e8;}
.layer_total .gnb_2dpt > li > a{display:inline-block; min-width:230px; padding:15px; color:#363c3d; vertical-align:top; background:#fbfbfb; box-sizing:border-box; font-size:16px;}
.layer_total .gnb_2dpt > li > ul{display:inline-block; width:calc(100% - 235px); padding:15px 0 5px 15px; box-sizing:border-box;}
.layer_total .gnb_2dpt > li > ul > li{display:inline-block; width:calc(25% - 5px);}
.layer_total .gnb_2dpt > li > ul > li > a{position:relative; display:block; padding:0 0 12px 20px; font-size:15px; color:#646b6c; vertical-align:top; box-sizing:border-box; word-break:keep-all;}
.layer_total .gnb_2dpt > li > ul > li > a:before{content:""; position:absolute; top:8px; left:6px; width:2px; height:2px; background:#888d8e;}
.layer_total .gnb_2dpt > li a:hover, .gnb_2dpt > li a:focus, .gnb_2dpt > li a:active{color:#1b818c;}
.layer_total .layer_gnb .gnb_2dpt_intro{display:none;}
.layer_total .layer_gnb .gnb_2dpt{border:none;}
.layer_total .layer_gnb .gnb_2dpt > li{display:block;}
.layer_total .layer_gnb .gnb_2dpt > li:last-of-type{border-bottom:none;}
.layer_total .layer_gnb .gnb_2dpt > li > a{min-width:100%; padding:12px 0 10px 0; background:none;}
.layer_total .layer_gnb .gnb_2dpt > li > ul{display:block; width:100%; padding:0 0 5px 0;}
.layer_total .layer_gnb .gnb_2dpt > li > ul > li{display:block; width:100%;}
.layer_total .layer_gnb .gnb_2dpt > li > ul > li > a{padding:0 0 5px 12px; font-size:14px;}
/*반응형*/
@media screen and (max-width:1400px){#footer .to_top{display:none !important;}}
/*IE*/
_:-ms-fullscreen, :root #gnb{width:calc(100% - 114px);}
/*_:-ms-fullscreen, :root .idx_brd .exp_info .exp_txt p{height:39px;}*/
_:-ms-fullscreen, :root .gnb_2dpt > li > a{color:#555;}
/*layout*/
.navi_bg{min-width:1200px; background-color:#f1f4f9; border-bottom:1px solid #e0e0e0;}
.navi{margin:0 auto; padding:0 20px; width:1200px;}
.navi li{float:left; padding:0 20px; height:40px; border-left:1px solid #e0e0e0; line-height:40px; font-size:14px; color:#828282;}
.navi li:last-child{color:#1f8065;}
.sub_container{margin:0 auto; padding:100px 0 0 0; width:1200px; min-height:500px;}
.lnb_wrap{float:left; padding:35px 25px 25px 0; width:200px;}
.lnb_wrap > span{display:block; margin-bottom:27px; padding-left:20px; font-size:26px; color:#1b818c;}
.lnb>li{border-bottom:1px solid #ececec;}
.lnb>li:first-child{border-top:1px solid #ececec;}
.lnb_title a{padding:0 20px; height:47px; line-height:47px; display:block; font-size:18px; color:#757575;}
.s_lnb_show .lnb_title a{background:url(/images/nfsi/navi_icon_on.png) no-repeat right 10px center;}
.lnb>li.lnb_on .lnb_title{background:url(/images/nfsi/navi_on_bg.gif) no-repeat 0 0;}
.lnb>li.lnb_on .lnb_title a{color:#fff;}
.s_lnb_show.lnb_on .lnb_title a{background:url(/images/nfsi/navi_icon_off.png) no-repeat right 10px center;}
.s_lnb{padding:18px 0 10px; display:none;}
.s_lnb li{margin-bottom:12px; padding:0 5px 0 20px;}
.s_lnb li.lnb_on{background:url(/images/nfsi/navi_on_bg.gif) no-repeat 0 0;}
.s_lnb li a{display:block; font-size:14px; color:#757575; word-break:keep-all;}
.s_lnb li.f-small a{font-size:13px;}
.s_lnb li.s_lnb_on a{color:#1b818c; font-weight:700;}
.lnb > li.lnb_on .s_lnb{display:block;}
.sub_cont_wrap{float:left; padding:30px 0 100px 25px; width:945px; min-height:600px; border-left:1px solid #ececec; font-size:15px; overflow:unset;}
.sub_title{float:left; padding-top:20px; padding-bottom:10px; font-size:28px;}
.sub_title_area{margin-bottom:25px; border-bottom:1px solid #bebebe;}
.sub_title_area .sns_area{float:right; position:relative; top:15px; padding-top:1px; width:298px;}
.sub_title_area .sns_area .sns{float:left;}
.sub_title_area .sns_area .sns li{float:left; margin-right:4px;}
.sub_title_area .sns_area .font_icon{float:left; border:1px solid #ddd;}
.sub_title_area .sns_area .font_icon li{float:left;}
.fontContents *{color:#666; letter-spacing:-1px;}
.fontContents img{max-width:100%;}
/*icheck*/
.icheckbox_minimal{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin:0; padding:0; width:16px; height:16px; background:url(/images/nfsi/check_box_off.gif) no-repeat 0 0; background-size:16px; border:none; cursor:pointer;}
.icheckbox_minimal.checked{background:url(/images/nfsi/check_box_on.gif) no-repeat 0 0; background-size:16px;}
.iradio_minimal{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin:0; padding:0; width:13px; height:13px; background:url(/images/nfsi/radio_off.png) no-repeat; background-size:13px; border:none; cursor:pointer;}
.iradio_minimal.checked{background:url(/images/nfsi/radio_on.png) no-repeat; background-size:13px;}
.icheckbox_minimal_all{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin:0; padding:0; width:13px; height:13px; background:url(/images/nfsi/radio_off.png) no-repeat 0 0; background-size:13px; border:none; cursor:pointer;}
.icheckbox_minimal_all.checked{background:url(/images/nfsi/checkbox_1_on.gif) no-repeat 0 0; background-size:20px;}
/*인사말*/
.greetings{background:url(/images/nfsi/greetings_bg_03.png) left top 13px no-repeat;}
.greetings p{margin-bottom:20px;}
.greetings .gs_txt{position:relative; left:340px; margin-top:40px; height:650px; line-height:1.6;}
.greetings .gs_tit{font-size:20px; font-weight:700; color:#1b818c;}
.greetings .gs_name{margin-left:10px; font-size:24px; color:#333; letter-spacing:5px;}
/*만족도평가*/
.evaluation{margin-top:70px; border:1px solid #ececec;}
.evaluation .top_manager{padding:0 20px; height:42px; line-height:42px; background-color:#f9f9f9; border-bottom:1px solid #ececec; color:#666; font-size:14px;}
.evaluation .top_manager span{margin-right:3px; padding-left:30px; height:42px; line-height:42px; display:inline-block; background:url(/images/nfsi/icon_person.jpg) no-repeat 0 center; vertical-align:top; font-size:14px; color:#444;}
.evaluation .txt_area{padding:15px 20px 20px;}
.evaluation .txt_area .title{float:left; margin-bottom:10px; padding-left:10px; background:url(/images/nfsi/footer_dot.png) no-repeat 0 7px; font-size:14px; color:#666;}
.evaluation .txt_area .right_area{float:right;}
.evaluation .txt_area .right_area label{font-size:14px; color:#666;}
.evaluation .txt_area .right_area>div{margin-left:15px;}
.evaluation .txt_contents textarea{float:left; padding:10px; width:800px; height:60px; box-sizing:border-box; border:1px solid #e0e0e0;}
.evaluation .txt_contents a,.evaluation .txt_contents input[type=submit]{float:right; width:94px; height:60px; line-height:60px; background-color:#757575; text-align:center; cursor:pointer; border:none; display:block; color:#fff; font-family:"NotoSansKR";}
/*title*/
.title_style_1{margin-bottom:30px; padding-left:20px; background:url(/images/nfsi/title_style_1.gif) no-repeat 0 0; font-size:20px; color:#333;}
.title_style_2{margin-bottom:22px; padding-left:20px; background:url(/images/nfsi/title_sytle_2.gif) no-repeat 0 5px; font-size:17px; color:#666;}
.title_style_2.btn_has{background:url(/images/nfsi/title_sytle_2.gif) no-repeat 0 10px;}
/*bulit*/
.bulit_1{margin-bottom:30px; padding-left:10px; line-height:1.4; background:url(/images/nfsi/bulit_1.gif) no-repeat 0 7px;}
.bulit_check{margin-bottom:90px; padding-left:15px; display:inline-block; background:url(/images/nfsi/icon_check.gif) no-repeat 0 0; font-size:0.867em;; color:#666;}
/*table*/
.tb_style_1{margin-bottom:55px; border-top:1px solid #757575;}
.tb_style_1 th{padding:13px 0; text-align:center; border-bottom:1px solid #d2d2d2; background-color:#f9f9f9; font-weight:normal;}
.tb_style_1 th:first-child{border-left:none;}
.tb_style_1 tbody th{border:1px solid #ececec;}
.tb_style_1 td{padding:13px 5px 14px; border:1px solid #ececec; border-right:none; text-align:left;}
.tb_style_1 td.gray_bg{text-align:center; background-color:#f9f9f9;}
.tb_style_1 td ul li{margin-bottom:5px; padding-left:10px; line-height:1.5; background:url(/images/nfsi/footer_dot.png) no-repeat 0 7px; font-size:0.933em;}
.tb_style_1 input[type=text],.tb_style_1 input[type=password],.tb_style_1 select{width:54%; height:34px; line-height:34px;}
.tb_style_1 td input[type=file]{width:54%; height:34px; line-height:34px;}
.tb_style_1 textarea{padding:20px; width:100%; height:300px; box-sizing:border-box; border:1px solid #ddd;}
.icon_necessary{margin-left:5px; width:5px; height:35px; line-height:35px; background:url(/images/nfsi/icon_necessary.gif) no-repeat 0 center; display:inline-block; text-indent:-9999px; overflow:hidden;}
.txt_r .icon_necessary{text-indent:9999px;}
.tb_style_1 td.email input[type=text]{width:23%;}
.tb_style_1 td.email select{width:23%;}
.tb_style_1 td.email span{padding:0 5px; line-height:35px; display:inline-block;}
.tb_style_1 td.w_100 input[type=text]{width:100%;}
.tb_style_1 .txt_1{margin-left:10px; display:inline-block; font-size:14px;}
/*txt*/
.txt_style_1{margin-bottom:35px; padding-left:10px; line-height:1.5; background:url(/images/nfsi/footer_dot.png) no-repeat 0 10px; color:#666;}
.txt_style_2{padding-left:20px; background:url(/images/nfsi/icon_check.gif) no-repeat 0 0; font-size:0.867em; color:#666;}
.txt_style_3{margin-bottom:35px; padding-left:10px; line-height:1.5; background:url(/images/nfsi/bulit_4.gif) no-repeat 0 10px; color:#666;}
.txt_style_4{margin-bottom:35px;padding-left:10px;line-height:1.5;color:#666;text-align:center}
.txt_youtubeNotice{color:#1b818c;}
/*list*/
.list_style_1{margin-bottom:40px;}
.list_style_1 li{margin-bottom:6px; padding-left:10px; line-height:1.6; background:url(/images/nfsi/footer_dot.png) no-repeat 0 10px;}
.list_style_1 li .f-bold{font-family:"noto-medium"; display:block; color:#333;}
.list_style_1 li.btn_has{background:url(/images/nfsi/footer_dot.png) no-repeat 0 14px;}
.list_style_2{margin-bottom:40px;}
.list_style_2 li{margin-bottom:15px; padding-left:20px; background:url(/images/nfsi/title_sytle_2.gif) no-repeat 0 10px; font-size:17px; color:#444;}
.list_style_2 li.btn_show{background-position:0 5px;}
.list_style_3{margin-bottom:40px;}
.list_style_3 li{margin-bottom:6px; padding-left:10px; line-height:1.6; background:url(/images/nfsi/bulit_4.gif) no-repeat 0 10px;}
.list_style_3 li.bulit_1{margin-bottom:6px; padding-left:10px; line-height:1.6; background:url(/images/nfsi/footer_dot.png) no-repeat 0 10px;}
.list_style_4{}
.list_style_4 li{margin-bottom:6px; padding-left:10px; line-height:1.6; background:url(/images/nfsi/bulit_4.gif) no-repeat 0 10px;}
.list_style_4 li.bulit_1{margin-bottom:6px; padding-left:10px; line-height:1.6; background:url(/images/nfsi/footer_dot.png) no-repeat 0 10px;}
/*btn*/
.btn-gray-bg{background-color:#757575; color:#fff;}
.btn-green-bg{background-color:#1b818c; color:#fff;}
.btn_prev{
padding:0 15px; height:33px; line-height:31px; display:inline-block; border:1px solid #ddd; border-radius:2px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#7db9e8+0,fcfeff+0,fbfbfb+94,fbfbfb+100*/
background:#7db9e8; /*Old browsers*/
background:-moz-linear-gradient(top, #7db9e8 0%, #fcfeff 0%, #fbfbfb 94%, #fbfbfb 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #7db9e8 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #7db9e8 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#fbfbfb',GradientType=0 ); /*IE6-9*/
}
.btn_next{
padding:0 15px; height:33px; line-height:31px; display:inline-block; border:1px solid #ddd; border-radius:2px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#7db9e8+0,fcfeff+0,fbfbfb+94,fbfbfb+100*/
background:#7db9e8; /*Old browsers*/
background:-moz-linear-gradient(top, #7db9e8 0%, #fcfeff 0%, #fbfbfb 94%, #fbfbfb 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #7db9e8 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #7db9e8 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#fbfbfb',GradientType=0 ); /*IE6-9*/
}
.btn_prev span{padding-left:15px; display:inline-block; background:url(/images/nfsi/bbs_prev.png) no-repeat 0 center; color:#4b4a4a; font-size:14px; font-family:"noto-medium";}
.btn_next span{padding-left:15px; display:inline-block; background:url(/images/nfsi/bbs_next.png) no-repeat 0 center; color:#4b4a4a; font-size:14px; font-family:"noto-medium";}
.btn_prev:hover,.btn_next:hover{border:1px solid #1b818c;}
.btn_prev:hover span,.btn_next:hover span{text-decoration:underline;}
.btn_shortcuts02{padding:0 15px; height:42px; line-height:40px; display:inline-block;}
.btn_shortcuts03{padding:0 15px; height:33px; line-height:31px; display:inline-block; border:1px solid #666;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#7db9e8+0,fcfeff+0,fbfbfb+94,fbfbfb+100*/
background:#7db9e8; /*Old browsers*/
background:-moz-linear-gradient(top, #7db9e8 0%, #fcfeff 0%, #fbfbfb 94%, #fbfbfb 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #7db9e8 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #7db9e8 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#fbfbfb',GradientType=0 ); /*IE6-9*/
}
.btn_shortcuts span{padding-right:20px; display:inline-block; background:url(/images/nfsi/icon_shortcuts.png) no-repeat right center; color:#fff;}
.btn_shortcuts02 span{padding-right:20px; display:inline-block; background:url(/images/nfsi/icon_shortcuts.png) no-repeat right center; color:#fff;}
.btn_shortcuts03 span{padding-left:20px; display:inline-block; background:url(/images/nfsi/icon_download_gray.png) no-repeat left center;}
/*
.btn_download{padding:0 20px; height:35px; line-height:33px; display:inline-block; background-color:#757575;}
.btn_download span{padding-left:22px; background:url(/images/nfsi/icon_download.png) no-repeat 0 center; color:#fff;}
.btn_download:hover{background-color:#147358; color:#147358;}
.btn_download.btn-gray-bd:hover{background-color:#147358; color:#fff;}
.btn_download.btn-gray-bd:hover span{background:url(/images/nfsi/icon_download.png) no-repeat 0 center; color:#fff;}
.btn_download01{padding:0 15px; height:35px; line-height:33px; display:inline-block;}
.btn_download01 span{padding-left:22px; background:url(/images/nfsi/icon_download.png) no-repeat 0 center; color:#fff;}
.btn_download01.btn-gray-bg:hover{background-color:#147358;}
*/
.btn_download03{padding:0 15px 0 20px; border:1px solid #d5d5d5; border-radius:2px; display:inline-block;}
.btn_download03>span{padding-right:25px; height:30px; line-height:30px; display:block; background:url(/images/nfsi/icon_download_gray.png) no-repeat right center; font-size:14px; color:#4b4a4a; font-family:"noto-medium";}
.btn_download03 .f-green{display:inline-block !important; vertical-align:top; color:#0b8c68;}
.btn_download03:hover{border:1px solid #1b818c;}
.btn_email{padding:0 10px; height:28px; line-height:26px; display:inline-block; background-color:#fff; border:1px solid #ccc;}
.btn_email span{padding-left:20px; display:inline-block; background:url(/images/nfsi/icon_email_off.png) no-repeat 0 center; font-size:12px;}
.btn_email:hover{background-color:#1b818c; border:1px solid #1b818c;}
.btn_email:hover span{background:url(/images/nfsi/icon_email_on.png) no-repeat 0 center; color:#fff;}
.btn_organization{padding:0 15px; height:35px; line-height:33px; background-color:#1b818c; text-align:center; display:inline-block; text-align:center;}
.btn_organization span{padding-left:20px; display:inline-block; background:url(/images/nfsi/icon_oragin.png) no-repeat 0 center; display:inline-block; color:#fff;}
.btn_copy{padding:1px 10px; line-height:22px; display:inline-block; background-color:#f9f9f9; text-align:center; border:1px solid #ccc; font-size:0.867em;}
.btn_ai{padding:0 15px 0 20px; height:30px; line-height:28px; display:inline-block; border:1px solid #dbdbdb; border-radius:2px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+86,ececec+100*/
background:#ffffff; /*Old browsers*/
background:-moz-linear-gradient(top, #ffffff 0%, #fafafa 86%, #ececec 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #ffffff 0%,#fafafa 86%,#ececec 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #ffffff 0%,#fafafa 86%,#ececec 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /*IE6-9*/
}
.btn_ai span{padding-left:23px; height:30px; line-height:28px; display:inline-block; background:url(/images/nfsi/btn_ai_gray.png) no-repeat 0 center; background-size:17px; font-size:12px; color:#4a4a4a; vertical-align:top;}
.btn_jpg{padding:0 15px 0 20px; height:30px; line-height:28px; display:inline-block; border:1px solid #dbdbdb; border-radius:2px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+86,ececec+100*/
background:#ffffff; /*Old browsers*/
background:-moz-linear-gradient(top, #ffffff 0%, #fafafa 86%, #ececec 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #ffffff 0%,#fafafa 86%,#ececec 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #ffffff 0%,#fafafa 86%,#ececec 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /*IE6-9*/
}
.btn_jpg span{padding-left:23px; height:30px; line-height:28px; display:inline-block; background:url(/images/nfsi/btn_jpg_gray.png) no-repeat 0 center; background-size:17px; font-size:12px; color:#4a4a4a; vertical-align:top;}
.btn_jpg.btn-gray-bg:hover{background-color:#147358;}
.btn_declaration{margin-left:5px; padding-left:15px; width:50px; height:20px; line-height:18px; border:1px solid #c4c2c2; display:inline-block; box-sizing:border-box; background:url(/images/nfsi/icon_declaration.png) no-repeat 7px center;}
.btn_delete{margin-left:5px; padding-left:15px; width:50px; height:20px; line-height:18px; border:1px solid #c4c2c2; display:inline-block; box-sizing:border-box; background:url(/images/nfsi/icon_delete.png) no-repeat 7px center;}
.btn_shortcuts{padding:0 15px 0 20px; height:30px; line-height:28px; display:inline-block; border:1px solid #dbdbdb; border-radius:2px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+86,ececec+100*/
background:#ffffff; /*Old browsers*/
background:-moz-linear-gradient(top, #ffffff 0%, #fafafa 86%, #ececec 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #ffffff 0%,#fafafa 86%,#ececec 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #ffffff 0%,#fafafa 86%,#ececec 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /*IE6-9*/
}
.btn_shortcuts>span{padding-right:20px; display:inline-block; background:url(/images/nfsi/btn_arrow.png) no-repeat right center;color:#4b4a4a; font-size:14px; vertical-align:top;}
.btn_shortcuts:hover{border:1px solid #1b818c;}
.btn_shortcuts02{padding:0 15px 0 20px; height:30px; line-height:28px; display:inline-block; border:1px solid #dbdbdb; border-radius:2px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+86,ececec+100*/
background:#ffffff; /*Old browsers*/
background:-moz-linear-gradient(top, #ffffff 0%, #fafafa 86%, #ececec 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #ffffff 0%,#fafafa 86%,#ececec 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #ffffff 0%,#fafafa 86%,#ececec 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /*IE6-9*/
}
.btn_shortcuts02>span{padding-right:20px; display:inline-block; background:url(/images/nfsi/btn_arrow.png) no-repeat right center; color:#4b4a4a; font-size:14px; vertical-align:top;}
.btn_shortcuts02:hover{border:1px solid #1b818c;}
.btn_download{padding:0 15px 0 20px; height:30px; line-height:28px; display:inline-block; border:1px solid #dbdbdb; border-radius:2px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+86,ececec+100*/
background:#ffffff; /*Old browsers*/
background:-moz-linear-gradient(top, #ffffff 0%, #fafafa 86%, #ececec 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #ffffff 0%,#fafafa 86%,#ececec 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #ffffff 0%,#fafafa 86%,#ececec 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /*IE6-9*/
}
.btn_download>span{padding-right:20px; display:inline-block; background:url(/images/nfsi/icon_download_gray.png) no-repeat right center; color:#4b4a4a; font-size:14px; vertical-align:top;}
.btn_download:hover{border:1px solid #1b818c;}
.btn_download01{padding:0 15px 0 20px; height:30px; line-height:28px; display:inline-block; border:1px solid #dbdbdb; border-radius:2px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+86,ececec+100*/
background:#ffffff; /*Old browsers*/
background:-moz-linear-gradient(top, #ffffff 0%, #fafafa 86%, #ececec 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #ffffff 0%,#fafafa 86%,#ececec 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #ffffff 0%,#fafafa 86%,#ececec 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /*IE6-9*/
}
.btn_download01>span{padding-right:20px; display:inline-block; background:url(/images/nfsi/icon_download_gray.png) no-repeat right center; color:#4b4a4a; font-size:14px; vertical-align:top;}
.btn_download01:hover{border:1px solid #1b818c;}
.basic-btn01{
padding:0 15px; height:33px; line-height:31px; display:inline-block; border:1px solid #ddd; border-radius:2px; color:#1b818c; font-family:"noto-medium"; font-size:14px;
/*Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#7db9e8+0,fcfeff+0,fbfbfb+94,fbfbfb+100*/
background:#7db9e8; /*Old browsers*/
background:-moz-linear-gradient(top, #7db9e8 0%, #fcfeff 0%, #fbfbfb 94%, #fbfbfb 100%); /*FF3.6-15*/
background:-webkit-linear-gradient(top, #7db9e8 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); /*Chrome10-25,Safari5.1-6*/
background:linear-gradient(to bottom, #7db9e8 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#fbfbfb',GradientType=0 ); /*IE6-9*/
}
.basic-btn01:hover{border:1px solid #1b818c;}
/*tab*/
.tab_style_1{margin-bottom:40px;}
.tab_style_1 ul li{float:left; width:33.33%; padding-bottom:5px;}
.tab_style_1 ul li a{padding:12px 0; display:block; border:1px solid #ececec; border-left:none; text-align:center;font-size:17px; color:#828282;}
.tab_style_1 ul li:first-child a{border-left:1px solid #ececec;}
.tab_style_1 ul li.on a{background-color:#B15828; border:1px solid #B15828; color:#fff;}
.tab_style_1 ul li.on{background:url(/images/nfsi/tab_arrow.gif) no-repeat center bottom;}
.tab_style_1 ul.w_50 li{width:50%;}
.navy_theme .tab_style_1 ul li.on a{background-color:#B15828; border:1px solid #B15828;}
.sky_theme .tab_style_1 ul li.on a{background-color:#B15828; border:1px solid #B15828;}
.darkgreen_theme .tab_style_1 ul li.on a{background-color:#B15828; border:1px solid #B15828;}
.green_theme .tab_style_1 ul li.on a{background-color:#B15828; border:1px solid #B15828;}
.navy_theme .tab_style_1 ul li.on{background:url(/images/nfsi/tab_arrow2.gif) no-repeat center bottom}
.sky_theme .tab_style_1 ul li.on{background:url(/images/nfsi/tab_arrow3.gif) no-repeat center bottom}
.darkgreen_theme .tab_style_1 ul li.on{background:url(/images/nfsi/tab_arrow4.gif) no-repeat center bottom}
.green_theme .tab_style_1 ul li.on{background:url(/images/nfsi/tab_arrow5.gif) no-repeat center bottom}
.tab_style_2{margin-bottom:40px;}
.tab_style_2 ul li{float:left; width:20%; padding-bottom:5px;}
.tab_style_2 ul li a{height:45px; line-height:45px; display:block; border:1px solid #ececec; border-left:none; text-align:center;font-size:17px; color:#828282;}
.tab_style_2 ul li:first-child a{border-left:1px solid #ececec;}
.tab_style_2 ul li.on a{background-color:#B15828; border:1px solid #B15828; color:#fff;}
.tab_style_2 ul li.on{background:url(/images/nfsi/tab_arrow.gif) no-repeat center bottom;}
/*font*/
.f-green{color:#1b818c; vertical-align:top;}
.f-orange{color:#b35530; vertical-align:top;}
/*기관소개*/
/*.council .txt_1{margin-bottom:10px; display:inline-block; font-size:13px;}*/
/*search*/
.search_wrap{padding:16px 0; background-color:#f9f9f9; text-align:center;}
.search_txt{display:inline-block;}
.search_wrap{margin-bottom:30px;}
.search_wrap select{width:120px; height:30px; line-height:30px; vertical-align:top;}
.search_txt input[type=text]{float:left; width:300px; height:30px; line-height:30px; border-right:none;}
.search_txt input[type=image]{float:left;}
/*bbs_list*/
.list_top_area{margin-bottom:10px;}
.list_top_area .total_num{float:left;}
.list_top_area .total_num span{display:inline-block; font-size:13px;}
/*.list_top_area .total_num span:first-child{margin-right:10px; padding-right:10px; background:url(/images/nfsi/bulit_1.gif) no-repeat right center;}*/
.list_top_area .total_num span:first-child{}
.list_top_area .total_num span strong{vertical-align:top; color:#1b818c; font-weight:normal;}
.list_top_area .bbslist_num{float:right;}
.list_top_area .bbslist_num_move{float:right; margin-left:5px; width:90px; height:34px; border:1px solid #777; border-radius:3px; font-family:NotoSansKR; font-weight:500;}
.list_top_area .bbslist_num_move:hover{background:#1B818C; color:#FFF; border:1px solid #000;}
.list_top_area .list_num{float:right;}
.list_top_area .list_num label{margin-right:5px; display:inline-block; font-size:13px;}
.list_top_area .list_num select{width:60px; height:26px; line-height:26px;}
.bbs_list{margin-bottom:20px;}
.bbs_list th{padding:15px 0; text-align:center; background-color:#f9f9f9; border-top:1px solid #757575; border-bottom:1px solid #d2d2d2;}
.bbs_list td{padding:12px; border-bottom:1px solid #d2d2d2; text-align:center; color:#666;}
.bbs_list td.txt_1{padding:20px; text-align:left;}
.bbs_list td.txt_1 a{vertical-align:top; color:#666;}
.bbs_list td.txt_1 a .repple{display:inline-block; vertical-align:top; color:#147358;}
.bbs_list_2{margin-bottom:20px; border-top:1px solid #777;}
.bbs_list_2 td{padding:15px 0; border-bottom:1px solid #ececec;}
.bbs_list_2 td .img_area.img_size2 img{width:182px; height:117px;}
.bbs_list_2 td .img_area img{width:91px; height:115px; border:1px solid #cacaca;}
.bbs_list_2 td.txt_area{padding-right:80px;}
.bbs_list_2 td.txt_area a{margin-bottom:15px; display:block; font-size:14px; color:#757575; line-height:1.5;}
.bbs_list_2 td.txt_area a strong{display:block; font-size:17px; color:#010101; font-weight:normal;}
.bbs_list_2 td.txt_area .info li{float:left; padding:0 10px; display:block; line-height:1; border-left:1px solid #ccc; font-size:14px; color:#777;}
.bbs_list_2 td.txt_area .info li:first-child{padding-left:0; border-left:none;}
/*gallery*/
.gallery_list ul{margin-bottom:20px; border-top:1px solid #777;}
.gallery_list ul li{float:left; padding:21px 15px 0 0; height:258px; width:290px; border-bottom:1px solid #eee; text-align:center;}
.gallery_list ul li:nth-child(3n){padding-right:0;}
.gallery_list ul li .img_area img{width:288px; height:191px;}
.gallery_list ul li .img_area{margin-bottom:10px; border:1px solid #ccc;}
.gallery_list ul li .txt_area a{display:block; font-size:17px; color:#010101;}
.gallery_list ul li .txt_area span{font-size:14px; display:block;}
/*movie*/
.movie_list>ul{margin-bottom:20px; border-top:1px solid #777;}
.movie_list>ul>li{padding:25px 20px; border-bottom:1px solid #ececec;}
.movie_list>ul>li .img_area{float:left; margin-right:30px; width:312px;}
.movie_list>ul>li .img_area img,.movie_list>ul>li .img_area iframe{width:312px; height:178px;}
.movie_list>ul>li .txt_area{float:left; width:500px;}
.movie_list>ul>li .txt_area .icon_movie{margin-bottom:15px;padding-left:26px; background:url(/images/nfsi/icon_movi.gif) no-repeat 0 5px; font-size:17px; color:#010101;}
.movie_list>ul>li .txt_area .info{margin-bottom:20px;}
.movie_list>ul>li .txt_area .info li{float:left; padding:0 10px; font-size:14px; line-height:1; border-left:1px solid #eee;}
.movie_list>ul>li .txt_area .info li:first-child{padding-left:0; border-left:none;}
.movie_list>ul>li .txt_area .list{line-height:1.4; font-size:14px;}
/*page_list*/
.page_list{text-align:center;}
.page_list a{width:28px; height:27px; line-height:27px; text-align:center; display:inline-block; border:1px solid #e0e0e0; color:#666;}
.page_list a img{vertical-align:top;}
.page_list a.on{background-color:#1b818c; border:1px solid #1b818c; color:#fff;}
/*조직도*/
.organization{position:relative; height:720px;}
.organization h3{position:relative; width:100%; height:454px; text-align:center; background:url(/images/nfsi/organization_bg_02.png) no-repeat 66px 85px;}
.organization h3 a{position:absolute; left:415px; width:100px; height:100px; background:#2c95a1; border:10px solid #b0e1d8; border-radius:50%; line-height:98px; font-family:NanumSquare; font-size:30px; font-weight:700; color:#FFF;}
.organization .orgBox{position:absolute; top:140px;}
.organization .orgBox2{position:relative; display:inline-block; top:210px; left:-370px;}
.organization .box_0{position:relative; width:146px; height:52px; text-align:center; line-height:52px; display:block;/*  background:url(/images/nfsi/organization_bg_2_2.jpg) no-repeat 0 0; */}
.organization .box_1{position:relative; display:inline-grid;}
.organization .box_1 > a{display:block; width:124px; height:52px; text-align:center; line-height:52px; border:4px solid #066; background:#FFF; /* background:url(/images/nfsi/organization_bg_2_3.png) no-repeat 0 0; */}
.organization .box_12{position:relative; display:inline-grid;}
.organization .box_12 > a{display:block; width:124px; height:52px; text-align:center; line-height:52px; border:4px solid #1b818c; background:#FFF; /* background:url(/images/nfsi/organization_bg_2_3.png) no-repeat 0 0; */}
.organization .organ_0_1{position:relative; top:-10px; left:555px;}
.organization .organ_0_1 .organ_0_1_1{display:block; width:146px; height:52px; text-align:center; line-height:52px; border:4px solid #229ca9; background:#FFF; font-size:15px; font-weight:500; color:#555;}
.organization .organ_0_2{position:relative; left:370px;}
.organization .organ_0_2 .organ_0_2_1{position:absolute; top:50px; left:-222px; border:4px solid #1b818c; background:#FFF; font-size:17px; font-weight:500; color:#555;}
.organization .organ_0_2 .organ_0_2_2{position:absolute; top:50px; left:273px; border:4px solid #066; background:#FFF; font-size:17px; font-weight:500; color:#555;}
.organization .organ_0_2 .organ_0_2_3{position:absolute; display:flex; align-items:center; justify-content:center; top:120px; left:-370px; width:110px; line-height:18px; border:4px solid #6f9ecb; background:#FFF;}
.organization .organ_1,.organ_2,.organ_3,.organ_4,.organ_5{margin-right:25px;}
.organization .organ_3{margin-right:40px;}
.organization .box_2{position:absolute; left:0; padding-top:20px; background:url(/images/nfsi/green_bar.gif) no-repeat center 0;}
.organization .box_2 a{height:60px;width:132px; text-align:center; line-height:60px;vertical-align:middle; display:block; background:url(/images/nfsi/organization_bg_3_2.png) no-repeat 0 0;color:#1b818c;}
.organization .box_2 a.line2{line-height:20px;height:40px;padding:10px 0;vertical-align:middle;}
.organization .box_3{position:absolute; left:0; padding-top:20px; background:url(/images/nfsi/green_bar.gif) no-repeat center 0;}
.organization .box_3 a{height:60px;width:132px; text-align:center; line-height:60px;vertical-align:middle; display:block; background:url(/images/nfsi/organization_bg_3_2.png) no-repeat 0 0;color:#1b818c;}
.organization .box_3 a.line2{line-height:20px;height:40px;padding:10px 0;vertical-align:middle;}
.organization .organ_txt{color:#1b818c;}
.organization .organ_1_1,.organ_2_1,.organ_3_1,.organ_4_1,.organ_5_1,.organ_6_1{top:60px;}
.organization .organ_1_2,.organ_2_2,.organ_3_2,.organ_4_2,.organ_5_2,.organ_6_2{top:140px;}
.organization .organ_1_3,.organ_2_3,.organ_3_3,.organ_4_3,.organ_5_3,.organ_6_3{top:220px;}
.organization .organ_1_4,.organ_2_4,.organ_3_4,.organ_4_4,.organ_5_4,.organ_6_4{top:300px;}
.organization .organ_1_5,.organ_2_5,.organ_3_5,.organ_4_5,.organ_5_5,.organ_6_5{top:380px;}
.organization .box3_wrap li{position:absolute; left:0px; top:80px; padding-top:10px; background:url(/images/nfsi/green_bar.gif) no-repeat 99px 0;}
.organization .box3_wrap li a{display:block; width:152px; height:42px; text-align:center; line-height:42px; display:inline-block; border:1px solid #a2a2a2; color:#8a8a8a; background-color:#fff;}
.organization_tb td{text-align:center;}
.organization_tb td .btn_email span{padding-left:0; width:16px; height:12px; text-indent:-9999px; overflow:hidden; display:inline-block;}
.organization_tb .bd_top td,.organization_tb .bd_top th{border-top:2px solid #333;}
.organization_tb td.txt{text-align:left;}
.organization_gray_box{padding:10px 30px; background-color:#f9f9f9; text-align:center;}
.organization_gray_box ul{display:inline-block;}
.organization_gray_box ul li{float:left; margin-right:35px; padding-left:10px; background:url(/images/nfsi/bulit_4.gif) no-repeat 0 15px;}
.organization_gray_box ul li span.f-green{font-size:0.933em; color:#1b818c; vertical-align:middle;}
.organization_gray_box ul li.btn_no{padding-top:5px;}
.organization_srch_area{padding:40px 0 20px; text-align:right;}
.organization_srch_area a,.organization_srch_area a span{vertical-align:top;}
.organization_srch_area .organization_search{margin-left:5px; display:inline-block;}
.organization_srch_area .organization_search select{margin-right:7px; float:left; height:35px;}
.organization_srch_area .organization_search input{float:left; vertical-align:top;}
.organization_srch_area .organization_search input[type=text]{width:145px; height:35px; line-height:33px; border-right:none;}
.organization_wrap .bulit_check{display:inline-block; position:relative; top:-30px; margin:0; padding:0 0 0 15px; font-size:13px; background:url(/images/nfsi/icon_check.gif) no-repeat 0 1px;}
/* .box2{position:absolute; left:0; top:-21px; padding:90px 0 0 21px; height:210px;}
.box2_wrap{position:absolute; left:-20px; top:-20px; padding:90px 0 0 21px; height:210px;}
.box2_wrap a{margin-left:20px;width:180px;}
.box2_wrap_bg{position:absolute; left:-20px; top:-20px; padding:90px 0 0 21px; height:210px;}
.box2_wrap_bg a{margin-left:20px;width:180px;} */
/*협력기관*/
.partner_site .title_area{margin-bottom:8px;}
.partner_site .title_area h5{float:left; padding-left:10px; background:url(/images/nfsi/footer_dot.png) no-repeat 0 7px; font-size:17px;}
.partner_site .title_area .bulit_check{float:right; margin-bottom:0;}
.partner_site ul{padding:30px 0; border-top:1px solid #757575;}
.partner_site ul li{float:left; margin-right:27px; width:282px; height:160px;}
.partner_site ul li:nth-child(3n){margin-right:0;}
.partner_site ul li .img_area{position:relative; border:1px solid #ccc;}
.partner_site ul li .img_area img{width:280px; height:97px;}
.partner_site ul li .cover{position:absolute; left:0; top:0; z-index:1; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.partner_site ul li .btn_download{position:absolute; left:22px; top:30px; z-index:3; padding:0; width:130px; height:30px; line-height:28px; text-align:center; background-color:#147358; display:none;}
.partner_site ul li .btn_link{position:absolute; right:22px; top:30px; z-index:3; padding:0; width:98px; height:32px; line-height:28px; text-align:center; background:rgba(0,0,0,0.8); display:none;}
.partner_site ul li .btn_download span{padding-right:20px; line-height:30px; background:url(/images/nfsi/icon_download_gray.png) no-repeat right center; color:#4a4a4a; vertical-align:top;}
.partner_site ul li .btn_download:hover span,
.partner_site ul li .btn_download:focus span,
.partner_site ul li .btn_download:active span{text-decoration:underline;}
.partner_site ul li .btn_link span{padding-left:20px; display:inline-block; background:url(/images/nfsi/icon_link.png) no-repeat 0 center; color:#fff;}
.partner_site ul li .btn_link:hover span,
.partner_site ul li .btn_link:focus span,
.partner_site ul li .btn_link:active span{text-decoration:underline;}
.partner_site ul li .txt_area{padding-top:10px; text-align:center;}
.partner_site ul li .img_area:hover .cover{display:block;}
.partner_site ul li .img_area:hover .btn_download{display:block;}
.partner_site ul li .img_area:hover .btn_link{display:block;}
/*magazine_list*/
.magazine_list{margin-bottom:20px; border-top:1px solid #757575;}
.magazine_list li{padding:16px 0; border-bottom:1px solid #ececec;}
.magazine_list .img_area{position:relative; float:left; margin-right:20px; width:180px;}
.magazine_list .img_area img{width:180px; height:116px;}
.magazine_list .img_area .btn_dong_play{position:absolute; left:50%; top:50%; margin:-27px 0 0 -27px; width:65px; height:65px;}
.magazine_list .txt_area{float:left; padding-top:8px; width:680px;}
.magazine_list .txt_area strong{margin-bottom:5px; font-size:1.133em; display:block; color:#010101; font-weight:normal;}
.magazine_list .txt_area a{line-height:1.5;/*1.4*/display:inline-block; font-size:14px; color:#777;}
/*알림마당 > 홍보자료 S*/
.magazine_list .promote{display:flex; flex-wrap:wrap;}
.magazine_list .promote > li{width:50%;}
.magazine_list .promote .img_area{text-align:center; margin:0;}
.magazine_list .promote .img_area img{width:150px; height:200px; border:1px solid #EEE;}
.magazine_list .promote .txt_area{padding:0; width:292px;}
.magazine_list .promote .title_area strong{width:100%; max-height:70px; overflow:hidden;}
.magazine_list .promote .title_area .txt_date{float:left; display:inline-block; margin:10px 0 10px 0; font-weight:400;}
.magazine_list .promote .title_area .date{margin:10px 0 10px 10px;}
.magazine_list .promote .btn_download{margin:6px 0 10px 10px; padding:0; width:150px; font-family:NotoSansKR;}
.magazine_list .promote .txt_cn{display:block; height:85px; overflow:hidden;}
/*알림마당 > 홍보자료 E*/
.magazine_list .vertical .img_area img{width:90px; height:115px; border:1px solid #EEE;}
.magazine_list .vertical .img_area{text-align:center;}
.magazine_list .vertical .img_area .btn_dong_play{position:absolute; left:50%; top:50%; margin:-27px 0 0 -27px; width:65px; height:65px;}
.magazine_list .title_area{display:block;}
.magazine_list .title_area strong{float:left;}
.magazine_list .title_area .date{float:left; margin-left:10px; padding-left:10px; display:inline-block; border-left:1px solid #ddd; text-decoration:none; font-weight:400;}
.magazine_list .btn_area{padding-top:10px;}
/*bbs_view*/
.bbs_view_style1 .view_title_area{padding:13px 10px; background-color:#f9f9f9; border-top:1px solid #757575; border-bottom:1px solid #d2d2d2;}
.bbs_view_style1 .view_title_area h4{float:left; font-size:1.133em; color:#222;}
.bbs_view_style1 .view_title_area .date{float:right; display:inline-block; font-size:14px; color:#888;}
.bbs_view_img{padding:20px 10px 0;}
.bbs_view_img .big_area{margin-bottom:20px; text-align:center;}
.bbs_view_img .big_area img{width:auto; height:623px;}
.bbs_view_thumbnail{position:relative; padding:0 48px; height:104px; overflow:hidden;}
.bbs_view_thumbnail ul li{position:relative; float:left; margin:3px 7px; width:152px;}
.bbs_view_thumbnail ul li a{border:1px solid #ccc; display:block;}
.bbs_view_thumbnail ul li .cover{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.bbs_view_thumbnail ul li img{width:150px; height:96px;}
.bbs_view_thumbnail ul li.on .cover{display:none;}
.bbs_view_thumbnail ul li.on a{border:2px solid #4080d8;}
.bbs_view_thumbnail ul li.on a img{width:148px; height:94px;}
.bbs_view_thumbnail .thumbnail_prev{position:absolute; left:0; top:33px; width:30px; height:30px; text-indent:-9999px; background:url(/images/nfsi/rolling_prev_off.png) no-repeat 0 0;}
.bbs_view_thumbnail .thumbnail_next{position:absolute; right:0; top:33px; width:30px; height:30px; text-indent:-9999px; background:url(/images/nfsi/rolling_next_off.png) no-repeat 0 0;}
.bbs_view_thumbnail .thumbnail_prev:hover{background:url(/images/nfsi/rolling_prev_on.png) no-repeat 0 0;}
.bbs_view_thumbnail .thumbnail_next:hover{background:url(/images/nfsi/rolling_next_on.png) no-repeat 0 0;}
.bbs_view_cont{padding:60px 10px 40px; font-family:NotoSansKR, Arial, sans-serif !important; font-size:15px !important; line-height:1.6 !important; word-break:break-all !important;}
.bbs_view_cont > p{font-family:NotoSansKR, Arial, sans-serif !important; font-size:15px !important; line-height:1.6 !important;}
.bbs_view_cont > span{font-family:NotoSansKR, Arial, sans-serif !important; font-size:15px !important; line-height:1.6 !important;}
.bbs_view_contents{padding:20px 15px; min-height:300px; vertical-align:top; font-family:NotoSansKR, Arial, sans-serif !important; font-size:15px !important; line-height:1.6 !important; word-break:break-all !important;}
.bbs_view_contents > p{font-family:NotoSansKR, Arial, sans-serif !important; font-size:15px !important; line-height:1.6 !important;}
.bbs_view_contents > span{font-family:NotoSansKR, Arial, sans-serif !important; font-size:15px !important; line-height:1.6 !important;}
.bbs_view_btnArea{margin-bottom:60px; padding-top:20px; border-top:1px solid #ececec;}
.bbs_view_btnArea .left_area{float:left;}
.bbs_view_btnArea .right_area{float:right;}
.bbs_view_style2{margin-bottom:20px;}
.bbs_view_style2 .tb_1 th{padding:20px 15px; border:1px solid #ececec; background-color:#f1f4f9; color:#222; text-align:left; font-weight:normal;}
.bbs_view_style2 .tb_1 td{padding:20px 15px; border:1px solid #ececec; border-right:none;}
.bbs_view_style2 td.img_area{text-align:center; border-left:none;}
.bbs_view_style2 td.img_area img{width:91px; height:115px; border:1px solid #ccc;}
.bbs_view_style2 .tb_2 th{padding:20px 15px; background-color:#f9f9f9; border:1px solid #ececec; color:#222; text-align:left; font-weight:normal;}
.bbs_view_style2 .tb_2 td{padding:20px 15px; border:1px solid #ececec; border-right:none;}
.bbs_view_style2 .bbs_view_cont{min-height:250px;}
.icon_file{padding-left:20px; display:inline-block; background:url(/images/nfsi/icon_file.gif) no-repeat 0 2px;}
.table_p{padding-left:20px; padding-right:20px;}
.bbs_view_style3{margin-bottom:20px;}
.bbs_view_style3{border-top:1px solid #757575;}
.bbs_view_style3 th{padding:15px 15px; border:1px solid #ececec; text-align:left; font-weight:normal; color:#222; background-color:#f9f9f9;}
.bbs_view_style3 td{padding:12px 15px; line-height:1.6; border:1px solid #ececec; border-right:none;}
.bbs_view_style3 td.view_cont{min-height:200px;}
.bbs_view_style4 p{line-height:1.6;}
.bbs_view_style4 h3{margin-bottom:20px; font-family:"noto-medium"; font-size:1.15em;}
.view_btn_area{margin-bottom:60px;}
.view_btn_area .left_area{float:left;}
.view_btn_area .right_area{float:right;}
.repple_title_area{margin-bottom:15px;}
.repple_title_area .title{float:left; color:#222;}
.repple_title_area p{float:left; margin-left:10px; font-size:0.933em;}
.repple_txt_area{margin-bottom:35px;}
.repple_txt_area textarea{float:left; padding:10px; width:760px; height:60px; box-sizing:border-box; vertical-align:top;}
.repple_txt_area input{float:right;width:135px; height:60px; line-height:60px; background-color:#535f66; color:#fff; border:none; vertical-align:top;}
.repple_list{border-top:1px solid #999;}
.repple_list ul li{padding:13px 15px; border-bottom:1px solid #ececec;}
.repple_list .info{margin-bottom:10px;}
.repple_list .info span{padding:0 10px; display:inline-block; border-left:1px solid #cdcdcd; line-height:1; color:#828282; font-size:0.867em;}
.repple_list .info span:first-child{padding-left:0; border-left:none;}
.repple_list .txt_area{line-height:1.6;}
.repple_list .txt_area a{margin:2px 0 0 10px; display:inline-block; vertical-align:top;}
/*고객센터*/
.cs_center_box{padding:45px 0 45px 312px; background:url(/images/nfsi/cscenter_bg.jpg) no-repeat 70px center #f6f6f6;}
.cs_center_box h3{margin-bottom:5px; font-size:21px;}
.cs_center_box .tel{margin-bottom:10px; display:block; font-size:48px; color:#1b818c; font-family:"noto-bold";}
.cs_center_box p{margin-bottom:20px; line-height:1.6;}
.cs_center_box p strong{font-weight:normal; font-family:"noto-medium"; color:#161616;}
.cs_center_box ul li{float:left; padding:0 10px; border-left:1px solid #666;}
.cs_center_box ul li:first-child{padding-left:0; border-left:none;}

.tab_cont>div{display:none;}
.tab_cont>div:first-child{display:block;}

.movie_view{border-top:1px solid #757575;}
.movie_view .view_title_area{margin-bottom:40px; padding:13px 10px;background-color:#f9f9f9; border-top:1px solid #757575; border-bottom:1px solid #d2d2d2;}
.movie_view .view_title_area h4{float:left; font-size:1.133em; color:#222;}
.movie_view .view_title_area .date{float:right; display:inline-block; font-size:14px; color:#999;}
.movie_view .left_area{float:left;width:560px; height:315px;}
.movie_view .txt_area{float:left;width:340px; height:315px; border:1px solid #ccc; box-sizing:border-box; border-left:none;}
.movie_view .txt_area h3{padding-left:30px; height:60px; line-height:60px; background:url(/images/nfsi/icon_dong.gif) no-repeat right 30px bottom #fcfcfc; border-bottom:1px solid #ccc;}
.movie_view .txt_area .subtitle_wrap{padding:30px; overflow:auto; height:255px; color:#666; line-height:1.6;}

.join{position:relative; padding-left:65px;}
.join .btn_area{position:absolute; left:400px; bottom:0;}
/*이용약관*/
.terms_box{line-height:1.6;}
.terms_box h3{padding:30px 0 10px; font-size:18px; color:#000;}
.terms_box h4{padding:20px 0 10px; font-size:16px; color:#333;}
.terms_box h5{padding:20px 0 5px; font-size:15px; font-weight:500;}
.terms_box h3:first-child{padding-top:0;}
.terms_box p{margin-bottom:10px;}
.terms_box p ul{margin-bottom:10px;}
.terms_box table{padding:20px 0;}
.terms_box th{padding:10px 5px; border:1px solid #ccc; background-color:#efefef;}
.terms_box td{padding:10px 5px; border:1px solid #ccc; text-align:center;}
.terms_box ul, .terms_box ol{margin-bottom:20px;}
.terms_box li{line-height:1.8;}

.icon_flag_1{padding-left:25px; background:url(/images/nfsi/flag_01.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_2{padding-left:25px; background:url(/images/nfsi/flag_02.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_3{padding-left:25px; background:url(/images/nfsi/flag_05.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_4{padding-left:25px; background:url(/images/nfsi/flag_03.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_5{padding-left:25px; background:url(/images/nfsi/flag_04.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_6{padding-left:25px; background:url(/images/nfsi/flag_09.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_7{padding-left:25px; background:url(/images/nfsi/flag_06.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_8{padding-left:25px; background:url(/images/nfsi/flag_08.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_8e{padding-left:25px; background:url(/images/nfsi/flag_08e.jpg) no-repeat 0 center; display:inline-block;}
.icon_flag_9{padding-left:25px; background:url(/images/nfsi/flag_11.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_10{padding-left:25px; background:url(/images/nfsi/flag_07.gif) no-repeat 0 center; display:inline-block;}
.icon_flag_11{padding-left:25px; background:url(/images/nfsi/flag_10.gif) no-repeat 0 center; display:inline-block;}

.txt_box{margin:0 auto; width:735px;}
/*글로벌동향*/
.global_report_inner .img_area{margin-bottom:20px; padding:20px; border:1px solid #ccc; text-align:center;}
.global_report_inner ol li{padding-left:none; background:none;}
.global_report_inner .gray_box{padding:10px 20px 10px; background-color:#efefef;}
.global_report_inner .gray_box .list_style_1{margin-bottom:0;}
.global_report_inner .tb_style_1{margin-bottom:20px;}
.global_report_inner .left_area{float:left; padding:0 10px; width:50%; text-align:center; box-sizing:border-box;}
.global_report_inner .right_area{float:left; padding:0 10px; width:50%; text-align:center; box-sizing:border-box;}
.global_report_wrap{position:relative; margin-bottom:60px; padding-top:120px; background:url(/images/nfsi/year_bg.png) no-repeat 0 51px;}
.global_report_wrap .year{position:absolute; left:0; top:0; width:65px; height:45px; border:1px solid #c8c8c8; text-align:center; cursor:pointer;}
.global_report_wrap .year span{padding-bottom:6px; width:100%; height:45px; line-height:45px; display:block; background:url(/images/nfsi/tab_arrow_off.png) no-repeat center bottom; font-size:20px; color:#000;}
.global_report_wrap .year.on{background-color:#1b818c; border:1px solid #1b818c;}
.global_report_wrap .year.on span{background:url(/images/nfsi/tab_arrow_on.png) no-repeat center bottom; color:#fff;}
.global_report_inner{position:relative; padding-top:0;}
.global_report_inner .tab_title{position:absolute; left:0; top:60px; padding-bottom:5px; width:280px; cursor:pointer;}
.global_report_inner .tab_title span{height:45px; line-height:45px; display:block; border:1px solid #ccc; text-align:center; font-size:13px;}
.global_report_inner .tab_title.on span{background-color:#d86543; border:1px solid #d86543; color:#fff;}
.global_report_inner .tab_title.on{background:url(/images/nfsi/tab_arrow.gif) no-repeat center bottom;}
.global_report_inner .tab_title_1{width:195px;}
.global_report_inner .tab_title_2{left:194px; width:364px;}
.global_report_inner .tab_title_3{left:558px;}
.global_report_inner>div .global_report_cont{display:none;}
.global_report_inner>div:first-child .global_report_cont{display:block;}
.global_report_wrap .year_2012{left:12px;width:105px;}
.global_report_wrap .year_2013{left:133px;}
.global_report_wrap .year_2014{left:215px;}
.global_report_wrap .year_2015{left:297px;}
.global_report_wrap .year_2016{left:379px;}
.global_report_wrap .year_2017{left:461px;}
.global_report_wrap .year_2018{left:542px;}
.global_report_wrap .year_2019{left:621px;}
.global_report_wrap .year_2020{left:701px;}
.global_report_wrap .year_2021{left:781px;}
.global_report_wrap .year_2022{left:862px;}
.global_report_inner .tab_title_4{width:225px; left:0;}
.global_report_inner .tab_title_5{width:225px; left:225px;}
.global_report_inner .tab_title_6{width:225px; left:450px;}
.global_report_inner .tab_title_6 span,.global_report_inner .tab_title_7 span{font-size:13px;}
.global_report_inner .tab_title_7{width:225px; left:675px;}
.global_report_inner{display:none;}
.global_report_inner.on{display:block;}
.icon_ing{margin-left:10px; padding:3px 5px; display:inline-block; background-color:#2e4568; color:#fff; font-size:12px;}
.icon_lock{margin-left:10px; padding:3px 5px; display:inline-block; background-color:#147358; color:#fff; font-size:12px;}
.icon_complete{margin-left:10px; padding:3px 5px; display:inline-block; background-color:#b35530; color:#fff; font-size:12px;}
/*직원검색*/
.employee_srch{margin-bottom:40px; padding:25px 0 15px 330px; border-top:1px solid #757575; border-bottom:1px solid #757575; background:url(/images/nfsi/sub01/sub4_2_img.png) no-repeat 110px center;}
.employee_srch li{margin-bottom:10px;}
.employee_srch label{float:left; margin-right:20px; width:155px; line-height:32px; display:inline-block; text-align:right;}
.employee_srch input[type=text]{float:left; width:320px; height:34px; line-height:32px; background-color:#f9f9f9; border:1px solid #d2d2d2;}
.employee_srch .btn_area{padding-left:175px;}
.employee_srch .btn_area .basic-btn01{padding:0 45px; height:45px; line-height:45px;}
.employee_srch .icon_check{margin:0 0 10px 175px; padding-left:18px; background:url(/images/nfsi/icon_check.gif) no-repeat 0 center; font-size:0.867em;}
/*경영공시안내*/
.management .top_area{margin-bottom:10px;}
.management .top_area .txt_style_2{float:left; margin-top:5px;}
.management .top_area .btn_area{float:right;}
.management .top_area .btn_area img{vertical-align:top;}
.management .tb_style_1{margin-bottom:30px;}
.management .tb_style_1 th{padding:12px 0; text-align:center; font-weight:500;}
.management .tb_style_1 td{padding:10px 0; text-align:center;}
.management>.tb_style_1>table>tbody>tr>td:first-child{border-left:none;}
.management_list ul{float:left; width:330px;}
.tb_style_1 td.management_list ul li:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}
.tb_style_1 td.management_list ul li{padding-left:0; background:none; line-height:1.5;}
.tb_style_1 td.management_list>ul>li>ul>li{margin-bottom:1px;}
.tb_style_1 td.management_list>ul>li>ul{padding-left:25px;}
.tb_style_1 td.management_list>ul>li>ul>li>a{font-size:0.933em;}

/*찾아오시는길*/
/*찾아오시는길 > 카카오지도 S*/
.foodmap_wrap{position:absolute; left:18px; bottom:40px; width:255px; height:117px; margin-left:-144px; text-align:left; overflow:hidden; font-size:12px; font-family:'Malgun Gothic', dotum, '돋움', sans-serif; line-height:1.5; letter-spacing:-1px;}
.foodmap_wrap *{padding:0; margin:0;}
.foodmap_wrap .foodmap_info{width:253px; height:105px; border-radius:5px; border-bottom:2px solid #ccc; border-right:1px solid #ccc; overflow:hidden; background:#fff;}
.foodmap_wrap .foodmap_info:nth-child(1){border:0; box-shadow:0px 1px 2px #888;}
.foodmap_info .foodmap_title{padding:0 0 0 10px; height:30px; background:#1b818c; color:#FFF; font-family:NotoSansKR, Arial, sans-serif; font-size:18px; font-weight:bold; letter-spacing:0.5px;}
.foodmap_info .foodmap_close{position:absolute; top:7px; right:10px; color:#888; width:17px; height:17px; background:url('https://www.foodinfo.or.kr/images/nfsi/foodinfo_map_close.png');}
.foodmap_info .foodmap_close:hover{cursor:pointer;}
.foodmap_info .foodmap_body{position:relative; overflow:hidden;}
.foodmap_info .foodmap_desc{position:relative; margin:8px 0 0 73px; height:60px;}
.foodmap_desc .foodmap_ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.foodmap_desc .foodmap_jibun{font-size:11px; color:#888; margin-top:1px;}
.foodmap_info .foodmap_img{position:absolute; top:6px; left:5px; width:60px; height:60px; border:1px solid #ddd; color:#888; overflow:hidden;}
.foodmap_info:after{content:''; position:absolute; margin-left:-12px; left:50%; bottom:0; width:22px; height:12px; background:url('https://www.foodinfo.or.kr/images/nfsi/foodinfo_map_vertex_white.png')}
.foodmap_info .foodmap_link{color:#5085BB;}
.foodmap_img > img{width:60px !important; height:60px !important;}
/*찾아오시는길 > 카카오지도 E*/
.map_area{margin-bottom:35px;}
.location_1{margin-bottom:50px; border-top:1px solid #e0e0e0;}
.location_1 li{padding:19px 0; border-bottom:1px solid #e0e0e0; font-size:15px; color:#666;}
.location_1 td{padding:19px 0; border-bottom:1px solid #e0e0e0; font-size:15px; color:#666;}
.location_1 th{padding:19px 0; border-bottom:1px solid #e0e0e0; font-size:15px; color:#666; font-weight:normal; text-align:left;}
.location_1 th span{padding-left:10px; width:225px; display:inline-block; background:url(/images/nfsi/bulit_1.gif) no-repeat 0 10px; font-size:16px; color:#333;}
.location_1 li span{padding-left:10px; width:225px; display:inline-block; background:url(/images/nfsi/bulit_1.gif) no-repeat 0 10px; font-size:18px; color:#333;}
.location_box{padding:10px 25px; border:1px solid #c8c8c8;}
.location_box>div{padding:22px 0; border-top:1px solid #e0e0e0;}
.location_box>div:first-child{border-top:none;}
.location_box h3{float:left; padding-top:40px; margin-right:20px; width:120px; text-align:center; font-size:18px; color:#333;}
.location_box ul{float:left; width:690px;}
.location_box .subway h3{background:url(/images/nfsi/icon_subway.gif) no-repeat center 0;}
.location_box .bus h3{background:url(/images/nfsi/icon_bus.gif) no-repeat center 0;}
.location_box .car h3{background:url(/images/nfsi/icon_car.gif) no-repeat center 0;}
.location_box .gray_number{width:20px; height:20px; line-height:18px; display:inline-block; text-align:center; background-color:#8a8a8a; font-size:12px; color:#FFF; border-radius:50%; text-indent:-1px;}
.location_box .location_step_1{display:inline-block; padding:4px 0 4px 20px; text-indent:-22.5px;}
.location_box ul li span{line-height:1.5; font-size:15px; color:#666;}
.location_box ul li .arrow{margin:0 3px;}
.location_step_2{padding-left:20px;}
.location_step_2 ul{margin-bottom:30px;}
.location_step_2 ul li{padding-left:7px; background:url(/images/nfsi/bulit_1.gif) no-repeat 0 center; line-height:1.5; font-size:15px; color:#666;}
.location_box .green_txt{margin:30px 0 10px; font-size:15px; color:#1b818c;}
/*미션과 비전*/
.mission_wrap h3{float:left; padding-right:35px; width:192px; background:url(/images/nfsi/sub_title_bar.gif) repeat-x right center; background-size:auto 1px;}
.mission_wrap .vision h3{background:url(/images/nfsi/orange_bar.gif) repeat-x right center; background-size:auto 1px;}
.mission_wrap .basic_saving h3{background:url(/images/nfsi/blue_bar.gif) repeat-x right center; background-size:auto 1px;}
.mission_wrap h3 span{height:58px; line-height:58px; text-align:center; display:block;font-size:20px;}
.mission_wrap .gray_box{float:left; margin-top:5px; width:670px; height:46px; line-height:46px; text-align:center; background-color:#f1f4f9; border:1px solid #d8d8d8; font-size:18px; color:#333;}
.mission_wrap .mission h3 span{background:url(/images/nfsi/mission_green.gif) no-repeat 0 0; color:#147358;}
.mission_wrap .vision h3 span{background:url(/images/nfsi/mission_orange.gif) no-repeat 0 0; color:#b35530;}
.mission_wrap .basic_saving h3 span{background:url(/images/nfsi/mission_blue.gif) no-repeat 0 0; color:#2e4568;}
.mission_wrap .mission{padding-bottom:35px; background:url(/images/nfsi/mission_arrow.gif) no-repeat left 546px bottom 5px;}
.mission_wrap .vision{padding-bottom:40px; background:url(/images/nfsi/mission_arrow.gif) no-repeat left 546px bottom 10px;}
.basic_saving_box{margin-bottom:18px;}
.basic_saving_box li{float:left; margin-left:20px; width:210px;}
.basic_saving_box li:first-child{margin-left:0;}
.basic_saving_box li .title{height:74px; line-height:74px; display:block; text-align:center; background-color:#90b3d2; font-size:22px; color:#fff;}
.basic_saving_box li.box_1 .title{background-color:#8ea8d5;}
.basic_saving_box li.box_2 .title{background-color:#708dbe;}
.basic_saving_box li .txt_area{padding-top:30px; height:43px; text-align:center; border:2px solid #90b3d2;}
.basic_saving_box li.box_1 .txt_area{border:2px solid #8ea8d5;}
.basic_saving_box li.box_2 .txt_area{border:2px solid #708dbe;}
.basic_saving_box li .txt_area p{padding-left:10px; display:inline-block; background:url(/images/nfsi/bulit_1.gif) no-repeat 0 7px; font-size:15px; color:#333;}
.strategy_arrow span{height:58px; line-height:58px; text-align:center; display:block;font-size:20px; background:url(/images/nfsi/mission_blue.gif) no-repeat 0 0; color:#2e4568;}
.strategy_arrow h4{padding-right:35px; width:192px; background:url(/images/nfsi/sub_title_bar.gif) repeat-x right center; background-size:auto 1px;}
.strategy>div{float:left; padding:15px 20px; margin-left:20px; width:210px; height:246px; border:1px solid #90b3d2; box-sizing:border-box;}
.strategy>div ul li{position:relative; padding:10px 0 10px 25px; line-height:1.5; border-top:1px solid #d4d8db; color:#124090;}
.strategy>div ul li:first-child{border-top:none;}
.strategy>div:first-child{margin-left:0;}
.strategy>div.box_1{border:1px solid #8ea8d5;}
.strategy>div.box_1 .blue_number{background-color:#8ea8d5;}
.strategy>div.box_2{border:1px solid #708dbe;}
.strategy>div.box_2 .blue_number{background-color:#708dbe;}
.strategy>div .blue_number{position:absolute; left:0; top:12px; width:20px; height:20px; line-height:18px; text-align:center; display:inline-block; background-color:#90b3d2; color:#fff; font-size:13px; border-radius:50%;}
.strategy_wrap .left_area{float:left;}
.strategy_wrap .right_area{float:left;}
/*뉴스레터*/
.news_letter_apply .top_area{margin-bottom:35px; padding:45px 0 0 85px; height:212px; box-sizing:border-box; background:url(../../images/nfsi/news_letter_bg.jpg) no-repeat 0 0;}
.news_letter_apply .top_area .f-green{margin-bottom:3px; display:block; font-size:29px; color:#1a6e56;}
.news_letter_apply .top_area .icon_dotted{margin-top:-5px; padding-top:5px; display:inline-block; background:url(../../images/nfsi/icon_dotted.png) no-repeat center 0; font-size:29px; color:#1a6e56; vertical-align:top;}
.news_letter_apply .top_area .f-bold{margin-bottom:5px; display:block; font-size:29px; color:#404040; font-family:"noto-medium";}
.news_letter_apply .top_area .f-darkyellow{margin-bottom:20px; display:block; font-size:21px; color:#ce8930;}
.news_letter_apply input[type=submit]{width:122px; height:34px; line-height:32px; border:none; text-align:center; display:inline-block;}
.news_letter_f{margin-bottom:10px;}
.news_letter_f li{margin:0 25px;}
.news_letter_f li:first-child{border-top:none;}
.news_letter_f li .txt_style_1{margin-bottom:30px; font-size:14px;}
.news_letter_f li .left_area{float:left; padding-left:10px; width:300px;}
.news_letter_f li .right_area{float:left; width:480px;}
.news_letter_f li .right_area label{margin-right:15px; display:inline-block;}
.news_letter_f li.gray_box{margin:0; padding:22px 0; text-align:center;}
.news_letter_f li.gray_box label{margin-right:10px; display:inline-block; color:#222; font-size:14px;}
.news_letter_f li.gray_box input[type=text]{margin-right:5px; width:336px; height:34px; line-height:32px;}
.news_letter_f li.gray_box input[type=submit]{width:122px; height:34px; line-height:32px; border:none; text-align:center; display:inline-block;}
.news_letter_sample{position:relative; padding-top:30px;}
.news_letter_sample h4{float:left; padding-bottom:5px;}
.news_letter_sample h4 button{padding:12px 0; width:450px; display:block; border:1px solid #ececec; border-left:none; text-align:center;font-size:17px; color:#828282; cursor:pointer; background-color:transparent; font-family:"noto","맑은 고딕","Malgun Gothic'","tahoma","sans-serif";}
.news_letter_sample h4:first-child button{border-left:1px solid #ececec;}
.news_letter_sample h4.on button{background-color:#B15828; border:1px solid #B15828; color:#fff;}
.news_letter_sample h4.on{background:url(../../images/nfsi/tab_arrow_green.gif) no-repeat center bottom;}
.news_letter_sample h4.title_1{position:absolute; left:0; top:0;}
.news_letter_sample h4.title_2{position:absolute; left:450px; top:0;}
.news_letter_sample .news_letter_img{display:none;}
.news_letter_sample .news_letter_img.on{display:block; position:relative; top:50px;}
/*20170320*/
.news_letter_point:link,.news_letter_point:hover,.news_letter_point:visited{color:#b4f4b6;}
/*ci*/
.basic_style_img{position:relative; margin-bottom:35px; padding:68px 0; text-align:center; border:1px solid #ccc;}
.basic_style_img .btn_area{position:absolute; right:10px; bottom:10px;}
.signature_logo_list{margin-bottom:10px;}
.signature_logo_list li{float:left; width:430px; height:240px; text-align:right;}
.signature_logo_list li.right_area{float:right;}
.signature_logo_list .img_area{padding-top:70px; height:184px; border:1px solid #ccc; box-sizing:border-box; text-align:center;}
.signature_logo_list .txt_area{padding-top:10px;}
.emblem_box{position:relative; margin-bottom:35px; padding-bottom:25px; background:url(/images/nfsi/emblem_bg.gif) repeat 0 0; border:1px solid #ccc;}
.emblem_img_area{padding:40px 90px 20px;}
.emblem_img_area li{float:left; margin:0 40px 20px;}
.emblem_txt_area{text-align:center;}
.emblem_txt_area li{margin:0 5px; padding-left:45px; line-height:1.7; display:inline-block; text-align:left; vertical-align:top; color:#333;}
.emblem_txt_area li span{display:block;font-size:0.8em;}
.emblem_txt_area li.list_1{background:url(/images/nfsi/sub01/color01.png) no-repeat 0 0;}
.emblem_txt_area li.list_2{background:url(/images/nfsi/sub01/color02.png) no-repeat 0 0;}
.emblem_txt_area li.list_3{background:url(/images/nfsi/sub01/color03.png) no-repeat 0 0;}
.value_title{margin-bottom:45px;}
.value_title li{float:left; padding-left:50px; background:url(/images/nfsi/sub_title_bar.gif) repeat-x 0 center; background-size:auto 1px;}
.value_title li:first-child{padding-left:0; background:none;}
.value_title li span{width:266px; height:73px; line-height:69px; display:block; text-align:center; background:url(/images/nfsi/sub01/2_2_green.png) no-repeat 0 0;}
.value_list{text-align:center;}
.value_list ul{display:inline-block;}
.value_list ul li{float:left; margin-left:-18px; width:204px;}
.value_list ul li p{line-height:1.5; text-align:center; color:#333;}
/*클린신고센터*/
.clean_center .gray_box{margin-bottom:50px; padding:5px 30px; background-color:#f9f9f9; border:1px solid #ccc;}
.clean_center .gray_box div{float:left; margin:0 15px; line-height:35px; font-size:0.933em;}
.clean_center .gray_box .f-green{color:#1b818c;}
.clean_center .f-orange{display:block;}
.clean_center_img{margin-bottom:50px; height:140px; background:url(/images/nfsi/1_5_2_img8.jpg) no-repeat 0 0;}
.clean_list li{margin-bottom:7px;}
.clean_list .title{margin-bottom:6px; padding-left:10px; display:block; background:url(/images/nfsi/bulit_1.gif) no-repeat 0 7px;;}
.clean_list p{padding-left:10px; line-height:1.5;}
.clean_list .f-green{color:#1b818c;}
.line_h_35{line-height:35px; display:inline-block;}
/*사업연차보고서/홍보자료*/
.ebook_list{border-top:1px solid #757575;}
.ebook_list ul{padding:30px 15px; border-bottom:1px solid #ececec;}
.ebook_list li{float:left; margin:0 33px;}
.ebook_list li .img_area{margin-bottom:20px;}
.ebook_list li .img_area img{width:237px; height:300px; border:1px solid #ccc; box-shadow:2px 2px 3px #cacaca;}
.ebook_list li .btn_download{padding:0; width:237px; text-align:center;}
/*로그인*/
.login_wrap .top_area{margin-bottom:15px; padding-top:45px; background:url(/images/nfsi/icon_login.jpg) no-repeat right bottom; font-size:1.2em;}
.login_wrap .top_area .txt_1{margin:5px 0 10px; font-size:2em; font-family:"noto-medium"; color:#383838;}
.login_f{padding:55px 0 30px; border-top:1px solid #757575;}
.login_f .left_area{float:left; margin-right:10px; width:605px; text-align:right;}
.login_f .left_area li{padding:7px 0;}
.login_f .left_area li label{margin-right:15px; width:100px; text-align:center; display:inline-block; font-size:20px;}
.login_f .left_area li input[type=text],.login_f .left_area li input[type=password]{width:332px; height:40px; line-height:38px; background-color:#f9f9f9;}
.login_f .right_area{float:left; width:270px; padding-top:7px;}
.login_f .btn_login{width:113px; height:92px; line-height:92px; text-align:center; background-color:#1b818c; font-size:20px; color:#fff; border:none;}
.login_f .txt_2{text-align:left;}
.login_f .left_area .txt_2{margin-top:5px; padding-left:270px;}
.login_f .left_area .txt_2 label{font-size:0.933em;}
.login_btm li{padding:10px 0; border-bottom:1px dotted #d2d2d2;}
.login_btm span{float:left; margin-top:5px; display:inline-block;}
.login_btm .btn_area{float:right;}
.btn_idpw_srch{padding-left:42px; width:146px; height:33px; line-height:33px; border:1px solid #ccc; text-align:left; display:inline-block; background:url(/images/nfsi/icon_idpw_srch_off.gif) no-repeat 20px center;}
.btn_idpw_srch:hover{border:1px solid #1b818c; background:url(/images/nfsi/icon_idpw_srch_on.gif) no-repeat 20px center; color:#1b818c;}
.btn_join{padding-left:42px; width:146px; height:33px; line-height:33px; border:1px solid #ccc; text-align:left; display:inline-block; background:url(/images/nfsi/icon_join_off.gif) no-repeat 17px center;}
.btn_join:hover{border:1px solid #1b818c; background:url(/images/nfsi/icon_join_on.gif) no-repeat 17px center; color:#1b818c;}
/*국민신문고*/
.newspaper{margin-bottom:35px; text-align:center;}
.newspaper .epeople{border:1px solid #ccc;}
/*아이디/비밀번호찾기*/
.id_srch{float:left; margin-bottom:50px; width:430px; border-bottom:1px solid #757575;}
.pw_srch{float:right; margin-bottom:50px; width:430px; border-bottom:1px solid #757575;}
.idpw_srch h3{padding:20px 0; background:url(/images/nfsi/icon_id_srch.gif) no-repeat right bottom; border-bottom:1px solid #757575; font-size:20px; font-family:"noto-medium"; color:#333;}
.idpw_srch .pw_srch h3{background:url(/images/nfsi/icon_pw_srch.gif) no-repeat right bottom;}
.idpw_srch ul{padding-top:25px; height:170px; box-sizing:border-box;}
.idpw_srch ul li{padding:5px 0;}
.idpw_srch ul li input[type=text]{width:320px; height:34px; line-height:32px; background-color:#f9f9f9; border:1px solid #ddd;}
.idpw_srch ul li label{width:80px; display:inline-block; color:#333;}
.idpw_srch .btn_area{padding:0 0 30px 80px; text-align:center;}
.idpw_srch .btn_area .basic-btn01{padding:0; width:120px; height:45px; line-height:45px; text-align:center;}
.idpw_srch .txt_1{padding:28px 0 0 15px;; text-align:left; background:url(/images/nfsi/bulit_5.gif) no-repeat 0 32px; display:inline-block; line-height:1.3;}
.idpw_srch .txt_3{padding:30px 0 30px 95px; line-height:1.5; background:url(/images/nfsi/icon_important.png) no-repeat 30px 30px #f5f5f5; font-size:0.933em; color:#888;}
.idpw_srch .txt_3.online{background:url(/images/nfsi/icon_important.png) no-repeat 30px 20px #f5f5f5;}
/*아이디찾기*/
.id_srch_result{margin-bottom:50px; padding:50px 0; text-align:center; border-top:1px solid #757575; border-bottom:1px solid #757575; text-align:center;}
.id_srch_result p{margin-bottom:20px; line-height:1.5; font-size:17px;}
.id_srch_result .f-orange{color:#f18868; vertical-align:top;}
.id_srch_result .gray_area{margin:0 auto 30px;; width:700px; height:60px; background-color:#f5f5f5;}
.id_srch_result .gray_area span{line-height:60px; font-size:20px; color:#f18868;}
.id_srch_result .btn_area{padding-left:0;}
/*회원가입*/
.join_wrap .btn_agree{display:inline-block; position:relative; width:400px; height:50px; border:1px solid #ddd; border-radius:5px; letter-spacing:0; line-height:50px; font-family:"NotoSansKR","Arial",sans-serif; font-size:20px; font-weight:500; color:#666; background:linear-gradient(to bottom, #f7f7f7 0%,#fcfeff 0%,#fbfbfb 94%,#fbfbfb 100%); text-decoration:none;}
.join_wrap .btn_agree_on{border:1px solid #126666; background:#1ea1af; color:#FFF;}
.join_wrap .btn_agree_on:focus{background:#1b818c;}
.join_wrap .btn_agree_on:hover{background:#1b818c;}
.join_step ul li{float:left; padding:25px 0 0 50px; width:225px; box-sizing:border-box; font-size:18px; color:#969696;}
.join_step ul li span{margin-bottom:5px; display:block; font-size:16px; color:#969696;}
.join_step ul li.on,.join_step ul li.on span{color:#fff;}
.join_step ul li.bg_1{background:url(/images/nfsi/join_step1_off.jpg) no-repeat 0 0;}
.join_step ul li.bg_2{background:url(/images/nfsi/join_step2_off.jpg) no-repeat 0 0;}
.join_step ul li.bg_3{background:url(/images/nfsi/join_step3_off.jpg) no-repeat 0 0;}
.join_step ul li.bg_1.on{background:url(/images/nfsi/join_step1_on.jpg) no-repeat 0 0;}
.join_step ul li.bg_2.on{background:url(/images/nfsi/join_step2_on.jpg) no-repeat 0 0;}
.join_step ul li.bg_3.on{background:url(/images/nfsi/join_step3_on.jpg) no-repeat 0 0;}
/* 회원가입 단계 */   
.join_step { width:100%; margin-bottom:40px; }
.join_step ul { display:flex; padding:0 15px;}   
.join_step ul li { position:relative; display:flex; width:calc(25% - 30px); margin-right:30px; justify-content: space-between; background:#e6f5f7; border-radius:10px; padding:15px 10px;}
.join_step ul li:after { content:''; position:absolute; right:-25px; top:18px; background:url('/images/join_arrow.png') no-repeat; width:19px; height:18px; }
.join_step ul li:last-child:after { display:none;  }
.join_step ul li:last-child {  margin-right:0; }
.join_step ul li span, 
.join_step ul li strong { color:#115259; }
.join_step ul li.on { background:#1b818c; }
.join_step ul li.on span, 
.join_step ul li.on strong { color:#fff; }	
.join_step ul li .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.join_terms_box{margin-bottom:10px; padding:20px 30px; height:240px; background-color:#fcfcfc; border:1px solid #ccc; line-height:1.8; box-sizing:border-box; overflow:auto;}
.join_terms_box2{margin-bottom:20px; padding:20px 30px; height:240px; background-color:#fcfcfc; border:1px solid #ccc; line-height:2; box-sizing:border-box; overflow:auto;}
.join_terms_box3{margin-bottom:10px; padding:20px 30px; height:125px; background-color:#fcfcfc; border:1px solid #ccc; line-height:1.8; box-sizing:border-box; overflow:auto;}
.join_real_name{margin-bottom:70px; padding:20px 0 0 395px; background:url(/images/nfsi/sub06/2_2_img3.jpg) no-repeat 0 20px;}
.join_real_name .txt_1{margin-bottom:20px; font-size:30px; color:#333;}
.join_real_name .txt_2{margin-bottom:35px; line-height:1.7;}
.join_real_name .basic-btn01{padding:0; width:185px; height:44px; line-height:44px; text-align:center;}
.import_box{padding:25px 30px 30px 95px; line-height:1.8; background:url(/images/nfsi/icon_important.png) no-repeat 30px 30px #f5f5f5; border:1px solid #ebebeb; font-size:0.933em; color:#888;}
.import_box .f-orange{display:block; color:#cc2f00;}
.join_f{margin-bottom:40px; border-top:1px solid #757575;}
.join_f th{padding:11px 0 10px 20px; text-align:left; background-color:#f9f9f9; border-bottom:1px solid #ececec;}
.join_f td{padding:10px 20px; border-bottom:1px solid #ececec;}
.join_f td input[type=text],.join_f td input[type=password]{width:448px; height:35px; line-height:33px;}
.join_f td select{width:210px; height:35px; line-height:33px;}
.join_f td p{margin-top:5px; font-size:0.933em; color:#969696;}
.join_f .btn_id_check{margin-left:5px; width:80px; height:34px; line-height:32px; border:none; text-align:center;}
.join_f td.email input[type=text]{width:210px;}
.join_f td.email span{margin:0 3px; display:inline-block; line-height:32px;}
.join_f td.txt_1{padding:25px 0; border-bottom:1px solid #757575;}
.join_f td.txt_1 .list_style_1 li{margin-bottom:0;}
.join_complete{padding:10px 0 0 400px; height:250px; background:url(/images/nfsi/join_complete.jpg) no-repeat 65px 15px;}
.join_complete .txt_1{margin-bottom:10px; line-height:1.5; font-size:30px; color:#333;}
.join_complete .txt_2{margin-bottom:60px; line-height:1.7;}
.mb_chk{width:20px; height:20px;}
/*팝업*/
.webtoon_wrap{position:relative;}
.popup_cover{position:fixed; left:0; top:0; bottom:0; z-index:100; width:100%; height:100%; background:rgba(15,25,57,0.5); display:none;}
.popup_wrap{position:absolute; left:50%; bottom:0; z-index:101; margin-left:-475px; width:950px; background-color:#fff; display:none;}
.popup_wrap .inner{position:relative; border:1px solid #ccc;}
.popup_wrap .title{padding:0 20px; height:50px; line-height:50px; background-color:#147358;font-size:24px; color:#fff;}
.popup_wrap .img_area{height:600px; text-align:center; overflow:auto; box-sizing:border-box;}
.popup_wrap .img_area img{width:920px;}
.popup_wrap .popup_close{position:absolute; right:20px; top:10px;}
.total_search_wrap .top_area{padding-bottom:10px;}
.total_search_wrap .top_area .total{float:left; font-size:14px;}
.total_search_wrap .top_area .total strong{color:#1b818c; font-weight:normal;}
.total_search_wrap .top_area .right_area{float:right;}
.total_search_wrap .top_area label{margin:6px; display:inline-block;}
.total_search_wrap .top_area select{width:95px; height:30px; line-height:28px; vertical-align:top;}
.total_search_wrap .basic-btn01{height:30px; line-height:28px;}
.search_box{margin-bottom:40px; padding:20px 0; background-color:#f3f4f6; border:1px solid #ccc; text-align:center;}
.search_box label{margin-right:5px; display:inline-block; line-height:30px; font-size:16px; color:#222;}
.search_box input[type=text]{width:300px; height:32px; line-height:30px;}
.search_box input[type=submit]{width:50px; height:32px; line-height:30px; text-align:center; background-color:#777; font-size:13px; color:#fff; border:none;}
.search_cont .search_list{float:left; width:1135px;}
.search_cont .search_word{float:right; width:150px;}
.search_cont .title_style_1{margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.search_list .title{margin-bottom:10px;}
.search_list .title a{font-size:16px; font-family:"noto-medium"; color:#4272ad;}
.search_list .info{margin-bottom:15px;}
.search_list .line>ul>li{margin-bottom:35px;}
.search_list .info li{float:left; padding:0 10px;}
.search_list .info li:first-child{padding-left:0; background:none;}
.search_list .info li span:first-child{display:inline-block; margin-right:5px; padding-right:5px; border-right:1px solid #ccc; line-height:0.8; font-weight:700; color:#1b818c;}
.search_list .info li span:last-child{font-weight:500; color:#555;}
.search_list .line{margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.search_list li .txt{height:71px; overflow:hidden;}
.search_list li .txt a{font-size:15px; color:#666; line-height:1.6;}
.search_list .btn_area{text-align:right;}
.search_list .btn_area a{padding:5px 20px 5px 15px; border:1px solid #ddd; background:url(/images/nfsi/more_arrow.gif) no-repeat right 10px center;}
.search_word h1{padding-left:10px; height:45px; line-height:45px; border-bottom:1px solid #ccc; background-color:#f3f4f6; box-sizing:border-box; font-size:15px; color:#333;}
.search_word .box{margin-bottom:15px; border:1px solid #ccc;}
.search_word .box ul{padding:15px 10px;}
.search_word .box ul li{margin-bottom:5px;}
.search_word .box ul li:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}
.search_word .box ul li .number{float:left; margin-right:5px; width:16px; height:16px; line-height:16px; background-color:#b68d3a; border:1px solid #a9812f; display:inline-block; font-size:11px; text-align:center; color:#fff;}
.search_word .box ul li .txt{float:left; width:75px; display:inline-block; font-size:14px; font-family:"noto-light";}
.search_word .box ul li .up{float:left; padding-left:10px; width:30px; box-sizing:border-box; background:url(/images/nfsi/icon_up.gif) no-repeat 0 center; display:inline-block; font-size:15px; font-family:"noto-light";}
.search_word .box ul li .down{float:left; padding-left:10px; width:30px; box-sizing:border-box; background:url(/images/nfsi/icon_down.gif) no-repeat 0 center; display:inline-block; font-size:15px; font-family:"noto-light";}
.total_search_page{padding:28px 20px 100px 20px;}
.email_login .txt_1{margin-right:10px; display:inline-block;}
.email_login .box{margin-bottom:20px; padding:20px 20px 10px; line-height:1.5; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.header-search{right:0px; top:56px; max-width:1200px; margin:0 auto; text-align:right; position:absolute; z-index:777; display:none;}
.header-search label{font-size:0px; position:absolute; width:0px; height:0px;}
.header-search form{position:absolute; right:0px; top:0px;}
.header-search form input{height:50px; text-indent:15px; border:3px solid #1b818c; min-width:350px; line-height:50px; padding-right:30px;}
.header-search form a{position:absolute; height:50px; padding:0px; width:55px; right:2px; top:0px; font-size:0px; background:url("/images/nMain/main/search_w.png") no-repeat center center #1b818c;}
.header-search.on{display:block !important;}
.email_login .box p{margin-bottom:10px;}
.f_wrap{position:relative;}
.w_mark{position:absolute;right:0;top:-10px;}
caption{font-size:0; height:0; margin:0; padding:0; line-height:0;}
/*인권경영 헌장*/
.hrOperation td{vertical-align:top;}
.hrOperation .hrTxt{letter-spacing:-1.1px;}
.hrOperation .hrTxt1{display:inline-block; width:35px;}
.hrOperation .hrTxt2{display:inline-block; width:calc(100% - 50px); padding-bottom:20px; vertical-align:top;}
.hrOperation .hrTxt3{text-align:center;}
.hrOperation .hrTxt4{text-align:right;}
.hrOperation .hrTxt5{text-align:right;}
/*사업별교육자료*/
.food_data{position:relative;}
.food_data .youtube{max-width:560px; height:315px; margin-bottom:5px;}
.food_data .youtube iframe{max-width:560px !important; width:100%; height:315px !important; box-sizing:border-box; border:1px solid #CCC;}
.food_data .videoExplan{border:1px solid #CCC;}
.food_data .videoExplan h3{padding-left:30px; height:60px; line-height:60px; background:url(/images/nfsi/icon_dong.gif) no-repeat right 30px bottom #fcfcfc; border-bottom:1px solid #CCC}
.food_data .videoExplan div{height:200px; padding:20px; overflow:auto; color:#666; line-height:1.6;}
/*자주하는질문*/
.accordion_wrap{border-bottom:1px solid #dbdbdb; margin-bottom:40px;}
.accordion_box > div{padding:20px; position:relative;}
.accordion_box > div > img.tit{position:absolute; background:#676ec1; border-radius:15px; top:20px;}
.accordion_box > div.an > img.tit{background:#419544 !important;}
.accordion_box > div > img.tit{background:#3491AD;}
.accordion_box .qu{border-top:1px solid #dbdbdb; padding:10px 20px;}
.accordion_box .qu button{position:relative; padding:10px 0; margin-left:45px; border:none; background:#fff; cursor:pointer; width:95%; text-align:left;}
.accordion_box .qu button::after{content:''; display:block; width:30px; height:30px; background:url(/images/nfsi/qna_arrow1.png) no-repeat 0 0; position:absolute; top:10px; right:10px; transition:all 0.4s;}
.accordion_box .qu button.on::after{transform:rotate(180deg); transition:all 0.4s;}
.accordion_box .qu button span{line-height:27px; font-size:16px; color:#333; margin-right:55px; display:inline-block; font-family:"NotoSansKR","Arial",sans-serif; font-weight:500;}
.accordion_box .qu button span.hidden{display:none; font-size:0; width:0; height:0; text-indent:-9999px;}
.accordion_box .an{display:none; background:#fffdf5; max-height:0; transition:all .35s; overflow:hidden;}
.accordion_box .an .qna_answer{display:inline-block; margin:0 50px; word-break:break-all; line-height:1.6; color:#333;}
.accordion_box .an::after{}
.accordion_box .an .qna_answer table th{background:#e7ecfd;}
.accordion_box .an .qna_answer table th{background:#f3fafd;}
.accordion_box .an .qna_answer table td{background:#fff;}
.accordion_box .an.on{display:block; max-height:100%; transition:all .35s; box-shadow:1px 2px 6px 0 rgb(0 0 0 / 12%);}
/*고객센터 > 스마트 푸드QR > 문의하기 / 자주하는 질문*/
.smartfoodqr_box{margin-bottom:30px; width:100%; border-radius:5px; background:#f9f9f9; text-align:center; font-size:17px; font-weight:500;}
.smartfoodqr_box > div{display:inline-block; padding:20px 0; color:#444;}
.smartfoodqr_box > div:nth-child(2){margin:0 60px;}
.smartfoodqr_box > div > span:nth-child(2){position:relative; top:-1px; color:#444;}
/*개인정보처리방침*/
/*개인정보처리방침 > 20231117*/
.privacy_title{margin-top:30px; padding:0 0 0 20px !important; font-size:20px !important; font-weight:500; background:url(/images/nfsi/title_style_1.gif) left center no-repeat;}
.privacy_label{width:100%; box-sizing:border-box; padding:0px 10px; display:flex; flex-flow:row wrap; justify-content:space-around; position:relative;}
.privacy_label .label_box{display:flex; position:relative; margin:20px 25px; padding:20px 30px; width:27%; height:200px; box-sizing:border-box; border-radius:10px; box-shadow:0 0.2rem 0.8rem rgba(22,71,170,0.2); flex-flow:column; justify-content:center; align-items:center; cursor:pointer; background-color:#FFF; border:1px solid #FFF; text-align:center;}
.privacy_label .label_box:hover{transition:0.2s; border:1px solid #1647aa;}
.privacy_label .label_cnt{font-size:14px; margin-top:20px; font-weight:400; color:#111;}
.privacy_label .label_layer{display:none; position:absolute; box-sizing:border-box; border-radius:10px; background-color:#fff; border:1px solid #eee; width:500px; z-index:999;}
.privacy_label .label_desc_top{width:100%; box-sizing:border-box; padding:10px; background-color:#1647aa; border-top-right-radius:10px; border-top-left-radius:10px;}
.privacy_label .label_desc_top p{color:#FFF;}
.privacy_label .label_desc_btm{width:100%; box-sizing:border-box; padding:15px 20px;}
.privacy_label .desc_wrap{display:flex; flex-flow:row wrap;}
.privacy_label .desc_box{display:flex; flex-flow:row wrap; justify-content:space-between; margin-top:10px; padding:10px 15px; width:100%; border:1px solid #eee; border-radius:10px; box-sizing:border-box;}
.privacy_label .desc_tit{margin-bottom:0; width:30%; font-size:15px; font-weight:400; color:#1647aa; word-break:keep-all;}
.privacy_label .desc_cnt{margin-bottom:0; width:68%; color:#333; font-size:14px;}
.privacy_label .label_layer.num0{top:0; left:115%;}
.privacy_label .label_layer.num1{top:0; left:115%;}
.privacy_label .label_layer.num2{top:0; right:115%;}
.privacy_label .label_layer.num3{top:0; left:115%;}
.privacy_label .label_layer.num4{top:0; left:115%;}
.privacy_label .label_layer.num5{top:0; right:115%;}
.privacy_contents{display:flex; flex-direction:column; flex-wrap:wrap; margin:20px 0; padding:20px 0 15px 50px; width:890px; height:215px; border:1px solid #d7d7d7; border-radius:10px;}
.privacy_contents > li{position:relative; width:50%; height:35px;}
.privacy_contents > li:before{content:""; position:absolute; top:9px; left:-9px; width:3px; height:12px; background:#FC4;}