/* BASIC css start */
/*회사소개 페이지*/
.company_wrap {width:998px; margin:0 auto; margin-top:30px; clear:both;}
.company_top {width:998px; margin-bottom:30px;}
.company_menu {width:192px; float:left;}
.company_content{width:786px; float: left; margin-left:20px;}

/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; width:100%; height:80px; overflow:hidden; z-index:1; }
#topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:110px; }
#topBanner .bnnr_bx img { display:block; }
#topBanner .bnnr_bx p.bt_closeBanner { margin-left:605px; position:absolute; top:23px; left:50%; width:30px; height:30px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/herbnoori/10275/common/btn_topbanner_close.png) 0 0 no-repeat; }

/* header 상단 메뉴 */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header.act { margin-top:-180px; position:fixed; top:0 }

#header .hdArea { height:38px; background:#fff; border-bottom:1px solid #dddddd; z-index:1; }
#header .hdArea .hdTop { margin:0 auto; position:relative; width:1100px; height:38px }
#header .hdArea .hdTop .hdLeft { float:left; overflow:hidden }
#header .hdArea .hdTop .hdLeft ul li { position:relative; float:left; border-right:1px solid #dddddd; }
#header .hdArea .hdTop .hdLeft ul li:first-child { border-left:1px solid #dddddd; }
#header .hdArea .hdTop .hdLeft ul li a { display:block; padding:0 9px; color:#303030; line-height:38px }
#header .hdArea .hdTop .hdRight { float:right }
#header .hdArea .hdTop .hdRight ul li { position:relative; float:left; background:url(/design/herbnoori/img/login_area_bg.gif) no-repeat top left; }
#header .hdArea .hdTop .hdRight ul li a { display:block; padding:0 9px; color:#303030; line-height:38px }

#header .hdMidArea { height:101px }
#header .hdMidArea .hdMiddle { margin:0 auto; position:relative; width:1100px; clear:both;}
#header .hdMidArea .hdMiddle .tlogo { margin-left:25px; margin-top:31px; float:left;}
#header .hdMidArea .hdMiddle .searchArea { float:left; width:333px; text-align:right; border-bottom:2px solid #000000; margin:43px 0px 0px 164px; }
#header .hdMidArea .hdMiddle .searchArea .MS_search_word { float:left; width:300px; height:30px; line-height:33px; border:none; vertical-align:top; font-size:15px; }
#header .hdMidArea .hdMiddle .searchArea a { display:inline-block; width:30px; height:33px; text-align:left; text-indent:-9999em; 
background:url(/design/herbnoori/img/btn_search.gif) 100% 7px no-repeat;  }
#header .hdMidArea .hdMiddle .topRight_bn {float:right;}


/* upnavWrap */
#header .upnavWrap {width:100%; height:39px; border-top:1px solid #dddddd;}
#header .upnavWrap .upnav {width:1100px; height:39px; overflow:hidden; margin:0 auto; clear:both; /*background-color:#dddddd*/;}
#header .upnavWrap .upnav ul.upnav_L {float:left; text-align:right; padding:14px 0 13px;}
#header .upnavWrap .upnav ul.upnav_L li 
{float:left; padding-left:18px; background:url('/design/herbnoori/img/bullet_category.png') no-repeat 13px 5px; }
#header .upnavWrap .upnav ul.upnav_L li:first-child {background:none;}
#header .upnavWrap .upnav ul.upnav_L li a {display:block; height:14px; text-indent:9999px; overflow:hidden; background-repeat:no-repeat;}
#header .upnavWrap .upnav ul.upnav_L li a.upnav_L-01 
{width:73px; background-image:url('/design/herbnoori/img/upnav_L-01.jpg')}
#header .upnavWrap .upnav ul.upnav_L li a.upnav_L-02 
{width:44px; margin-left:11px; background-image:url('/design/herbnoori/img/upnav_L-02.jpg')}
#header .upnavWrap .upnav ul.upnav_L li a.upnav_L-03 
{width:56px; margin-left:11px; background-image:url('/design/herbnoori/img/upnav_L-03.jpg')}
#header .upnavWrap ul.upnav_R {float:right; text-align:right; padding:14px 0 13px;}
#header .upnavWrap ul.upnav_R li 
{float:left; padding-left:28px; background:url('/design/herbnoori/img/bullet_category.png') no-repeat 13px 5px; }
#header .upnavWrap .upnav ul.upnav_R li:first-child {background:none;}
#header .upnavWrap .upnav ul.upnav_R li a {display:block; height:14px; text-indent:9999px; overflow:hidden; background-repeat:no-repeat;}
#header .upnavWrap .upnav ul.upnav_R li a.upnav_R-01 
{width:34px; background-image:url('/design/herbnoori/img/upnav_R-01.jpg')}
#header .upnavWrap .upnav ul.upnav_R li a.upnav_R-02 
{width:66px; margin-left:11px; background-image:url('/design/herbnoori/img/upnav_R-02.jpg')}
#header .upnavWrap .upnav ul.upnav_R li a.upnav_R-03 
{width:33px; margin-left:11px; background-image:url('/design/herbnoori/img/upnav_R-03.jpg')}

/*메뉴*/
#header .headerBottom { margin:0 auto; position:relative; width:100%px; height:40px; background-color:#394055; }
#header .headerBottom .navWrap { width:1100px; height:40px; margin:0 auto; background:url('/design/herbnoori/img/menu-demo.jpg') no-repeat; }

#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .menuAll { float:left; width:80px; height:80px; text-align:center; background:#d72a2a; cursor:pointer }
#header .headerBottom .navWrap .menuAll #btn_allMenuOpen { padding-top:43px; width:80px; height:37px; color:#fff; font-size:11px; font-weight:bold; line-height:16px; background:url(/design/herbnoori/10275/common/btn_menu.gif) 30px 25px no-repeat;  }
#header .headerBottom .navWrap .lnb_wrap { float:left; width:1199px; height:78px; border:1px solid #cacaca; border-left:none }
#header .headerBottom .navWrap ul { padding:6px 0 }
#header .headerBottom .navWrap ul .lnb_menu { position:relative; float:left; width:92px; height:34px }
#header .headerBottom .navWrap ul .lnb_menu > a { display:block; font-size:14px; color:#5d5d5d; font-weight:bold; text-align:center; letter-spacing:-1px; line-height:34px }
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_plan { color:#955454 }
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_pay { color:#4daa9c }
#header .headerBottom .navWrap ul .lnb_menu > a.active { color:#d72a2a }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub { display:none; position:absolute; top:34px; left:-30px; width:auto; border-top:2px solid #d72a2a; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background:#fff; z-index:10 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub .inner { margin:10px 15px; overflow:hidden; *zoom:1 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul { float:left; width:120px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li { height:25px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a { display:block; padding:0 5px; font-size:11px; color:#4e4e4e; line-height:25px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a:hover { color:#d72a2a }
#header .headerBottom .navWrap .allMenuView { display:none; width:100%; position:absolute; top:0; left:0; background:#fff; z-index:10 }
#header .headerBottom .navWrap .allMenuView #btn_allMenuClose { position:absolute; top:0; left:0; width:34px; height:34px; text-indent:-9999em; background:url(/design/herbnoori/10275/common/btn_allmenu_close.gif) 0 0 no-repeat; cursor:pointer }
#header .headerBottom .navWrap .allMenuView .bx_allmenu { padding:30px 19px 0 36px; height:700px; border:1px solid #d72a2a; overflow-x:hidden; overflow-y:scroll; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList { padding-top:20px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul { padding:0; width:1300px; *zoom:1 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li { margin-right:31px; float:left; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a { display:block; padding:0 12px; position:relative; height:27px; font-size:12px; color:#3b3b3b; font-weight:bold; line-height:27px; border:1px solid #d6d6d6 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a > i { position:absolute; top:8px; right:12px; color:#000 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub { overflow:hidden }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul { padding:20px 0; float:left; width:123px; height:230px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li > a { display:block; padding:0 0 5px 12px; color:#3b3b3b }

#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m1 > a,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > a,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m3 > a { color:#955454 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m26 > a { color:#4daa9c }

#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > .all_sub > ul { width:135px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m8 > .all_sub > ul { width:140px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m11 > .all_sub > ul { width:140px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m22 > .all_sub > ul { width:140px }

/* 사이드 메뉴 */
.fix_rt_menu{position:fixed; right:0; bottom:0px; width:209px; border-left:1px solid #ccc; background:#fff; z-index:200 }
.fix_rt_menu .toggle_bt { position:absolute; top:80px; left:-32px; width:32px; height:31px; background:url(/design/herbnoori/10275/common/bg_side_toggle.png) 0 0 no-repeat; cursor:pointer }
.fix_rt_menu .toggle_bt p { font-size:22px; color:#fff; text-align:center; line-height:28px }
.fix_rt_menu .fix_rt_content { padding:120px 17px 0 17px; position:relative }
.fix_rt_menu .fix_rt_content .side_tit { text-align:center }
.fix_rt_menu .fix_rt_content .side_tit h4 { height:18px; font-size:14px; color:#2c2c2c; font-weight:bold; letter-spacing:-1px }
.fix_rt_menu .fix_rt_content .side_tit .bd { display:inline-block; width:13px; height:2px; background:#2c2c2c }
.fix_rt_menu .fix_rt_content .bx_quick_link { overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_quick_link ul { *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_quick_link ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li { padding:0 6px; float:left }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a { display:block; color:#686868; text-align:center }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico { display:inline-block; width:34px; height:34px; background:url(/design/herbnoori/10275/common/sp_sidelink.png) 0 0 no-repeat; }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico1 { background-position:0 0 }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico2 { background-position:0 -35px }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico3 { background-position:0 -70px }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .tx { display:block }
.fix_rt_menu .fix_rt_content .bx_quick_menu { padding-top:50px; overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul { padding-top:5px; *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul li { margin:0 5px 5px 0; float:left; width:80px; height:34px; border:1px solid #5b5b5b }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul li a { display:block; font-size:13px; color:#1b1b1b; line-height:34px; text-align:center }
.fix_rt_menu .fix_rt_content .bx_today { padding-top:40px }
.fix_rt_menu .fix_rt_content .bx_today .today_lst { padding-top:5px; overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul { margin-left:-5px; *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul li { margin-left:5px; margin-bottom:5px; float:left; width:83px; height:83px; border:1px solid #e1e1e1 }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul li img { width:83px; height:83px }
.fix_rt_menu .fix_rt_btm { position:absolute; bottom:0; left:0; width:100%; height:59px; border-top:1px solid #ccc }
.fix_rt_menu .fix_rt_btm ul { *zoom:1 }
.fix_rt_menu .fix_rt_btm ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_btm ul li { margin-left:-1px; float:left; height:59px; text-align:center; border-left:1px solid #ccc; background:#fff; cursor:pointer }
.fix_rt_menu .fix_rt_btm ul li p { padding-top:14px; color:#111 }
.fix_rt_menu .fix_rt_btm ul li p i { font-size:16px }


#ftWrap {padding:0 0;}

#footer {width:100%; margin-top:100px;}
#footer .contentslider-bottom .btn_area {width:1100px; position:relative; margin:0 auto;}
#footer .contentslider-bottom .sliderkit-nav {position:absolute; top:10px; right:10px; }
#footer .contentslider-bottom .sliderkit-nav-clip ul {display:inline-block;  text-align:center;}
#footer .contentslider-bottom .sliderkit-nav-clip li a{margin:3px;text-decoration:none;width:18px;height:18px;line-height:18px; background-color:#bbbbbb; cursor:pointer; font-size:11px;  color:#fff; border-radius:18px;}
#footer .contentslider-bottom .sliderkit-nav-clip li.sliderkit-selected a{width:18px;height:18px; background-color:#222; color:#fff;  border-radius:18px;}
#footer .contentslider-bottom {width:100%; text-align:center; height:120px; padding:0px; margin:0px; border-right:none;  position:relative;}
#footer .contentslider-bottom .sliderkit-panels{ width:100%; height:120px;overflow:hidden; padding:0px; margin:0px; background:transparent;}
#footer .contentslider-bottom .sliderkit-panel{  width:100%; height:120px;overflow:hidden ;padding:0px; margin:0px; background:transparent;}

#footer .section {width:100%; border-top:1px solid #222;  border-bottom:1px solid #e9e9e9; margin:0 auto; height:49px;}
#footer .section .inner {width:1100px; margin:0 auto; height:49px;}
#footer .section .inner ul li {float:left;}
#footer .section .inner ul li a {font-size:13px; color:#777; display:block; line-height:49px; padding:0px 12px; letter-spacing:-0.5px;background-image:url('/design/d4-0492/0699fineday/footer_menu_bg.gif'); background-position:0 20px; background-repeat:no-repeat;}
#footer .section .inner ul li a:hover {color:#000;}
#footer .section .inner ul li:first-child a {padding-left:10px;background-image:url('');}
#footer .section .inner .privacy a {color:#000;}

#footer .section1 {width:100%; border-bottom:1px solid #e9e9e9; margin:0 auto; height:385px;}
#footer .section1 .inner {width:1100px; margin:0 auto; padding-top:50px;position:relative;}
#footer .section1 .inner .ft_title {font-size:12px; color:#000; letter-spacing:2px; margin-top:0px; margin-bottom:25px;}

#footer .section1 .inner .f_cs_center {float:left; text-align:left; min-height:178px; border-right:1px solid #e9e9e9; padding-left:10px; padding-right:45px;}
#footer .section1 .inner .f_cs_center .cs_call {background-color:#222; padding:0 10px;text-align:center; height:33px; line-height:32px; color:#fff; font-size:22px;  border-radius:5px; display:inline-block; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
#footer .section1:hover .f_cs_center .cs_call {background-color:#5eb231;-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
#footer .section1 .inner .f_cs_center .cs_info {line-height:22px; color:#777; font-size:12px; padding-top:20px; }

#footer .section1 .inner .f_cs_bank {float:left; text-align:left; min-height:293px; border-right:1px solid #e9e9e9; padding-left:35px; padding-right:45px;}
#footer .section1 .inner .f_cs_bank .cs_call {width:160px; text-align:left; height:33px; line-height:32px; color:#222; font-size:18px; display:block; }
#footer .section1 .inner .f_cs_bank .cs_info {line-height:22px; color:#777; font-size:12px; padding-top:8px; }

#footer .section1 .inner .f_cs_copy {float:left; text-align:left; min-height:178px; padding-left:35px; width:573px;}
#footer .section1 .inner .f_cs_copy .cs_call {background-color:#222; width:157px; text-align:center; height:33px; line-height:32px; color:#fff; font-size:23px;  border-radius:5px; display:block; }
#footer .section1 .inner .f_cs_copy .cs_info {letter-spacing:-0.5px; line-height:22px; color:#777; font-size:12px; padding-top:0px; }
#footer .section1 .inner .f_cs_copy .cs_info span{position:relative; left:81px;}
#footer .section1 .inner .mtag {padding-top:12px;}
#footer .section1 .inner .copyright {color:#777; font-size:12px; padding-top:10px; }
#footer .section1 .inner .left_brand {float:left; width:150px; margin-top:10px; height:26px;font-size:0px; position:relative; }
#footer .section1 .inner .left_brand_list {font-size:11px; height:24px; border:1px solid #dedede; width:125px; border-right:0px; text-align:left; line-height:24px; float:left; text-indent:10px; cursor:pointer; color:#777;}
#footer .section1 .inner .left_brand_btn {float:left; cursor:pointer;}
#footer .section1 .inner #brandmenu {position:absolute; z-index:5555; display:none; width:148px; height:auto; border:1px solid #dedede; border-bottom:0px; background-color:#fff; bottom:25px; left:0px;  text-align:left; text-indent:10px;}
#footer .section1 .inner #brandmenu ul li a {font-size:11px; color:#999; width:148px; height:30px; line-height:30px; border-bottom:1px solid #dedede; display:block; text-decoration:none; }
#footer .section1 .inner #brandmenu ul li a:hover {color:#000; background-color:#fafafa; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

#footer .section2 {width:100%;border-bottom:1px solid #e9e9e9; }
#footer .section2 .inner {width:1100px;padding:30px 0;margin:0 auto; position:relative;}
#footer .section2 .inner a {font-size:12px;color:#aaa;display:block;margin-left:10px;}
#footer .section2 .inner a:hover {color:#333;}
#footer .section2 .inner a img {vertical-align:middle;}
#footer .section2 .inner .footer_top {top:-43px; right:0px; width:83px; height:42px; position:absolute;}
#footer .section3 {width:1100px; margin:0 auto;padding:50px 0; }
#footer .section3 p {text-align:center;color:#222;font-size:11px;}
#footer .section3 #instafeed {margin:20px auto 0;text-align:center;}
#footer .section3 #instafeed img {text-decoration:none; border:none; width:55px; height:55px;margin:0 2px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#footer .section3 #instafeed img:hover {filter:alpha(opacity=60); opacity:0.6;-moz-opacity:0.6;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;   -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/* BASIC css end */