/* BASIC css start */
.imgswap img:last-child{display:none} .imgswap:hover img:first-child{display:none} .imgswap:hover img:last-child{display:inline-block}

/* global rest */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, header, aside, footer,
input, select, textarea, button {
    margin: 0;
    padding: 0;
	font-family: 'Open Sans', Nanum Gothic, monospace, Corbel, Dotum, AppleGothic, Helvetica, sans-serif;
}

body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a {
    font-size: 12px;
  /*  line-height: 1.25;   */  
    color: #3b3b3b; 
	font-family: 'Open Sans', Nanum Gothic, monospace, Corbel, Dotum, AppleGothic, Helvetica, sans-serif; 
}

h1, h2, h3, h4, h5, h6 { font-weight: normal }
img {vertical-align: top;}
img, fieldset, button { border: 0 none }
li { list-style: none }
hr, caption, legend { display: none }
a { color: #3b3b3b; text-decoration: none; }
a:hover { }
button { overflow: hidden; cursor: pointer; }
button span { visibility: hidden }
address, em { font-style: normal }
select { line-height: 22px; height: 22px; }
input:focus { outline: none }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }


/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; width:100%; height:80px; overflow:hidden }
#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/mossfp/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:-160px; position:fixed; top:0 }
#header .hdArea { height:28px; background:#000 }
#header .hdArea .hdTop { margin:0 auto; position:relative; width:1280px; height:28px }
#header .hdArea .hdTop .hdLeft { float:left; overflow:hidden }
#header .hdArea .hdTop .hdLeft p { color:#fff; line-height:28px }
#header .hdArea .hdTop .hdRight { float:right }
#header .hdArea .hdTop .hdRight ul li { position:relative; float:left }
#header .hdArea .hdTop .hdRight ul li a { display:block; padding:0 9px; color:#fff; line-height:28px }

#header .hdMidArea { height:65px; background:#000 }
#header .hdMidArea .hdMiddle { margin:0 auto; position:relative; min-width:500px;max-width:100%;  }
#header .hdMidArea .hdMiddle .lnb_wrap { margin-left:12.5%; float:left; min-width:500px;max-width:100%;  height:55px; border:0px solid #cacaca; border-left:none }
#header .hdMidArea .hdMiddle ul { padding:15px 0; margin-top:-10px; margin-bottom:0px;}
#header .hdMidArea .hdMiddle ul .lnb_extra { margin:0; position:relative; float:left; width:180px; height:60px;  }
#header .hdMidArea .hdMiddle ul .lnb_extra a { display:block; font-size:20px;  font-weight:bold; text-align:center; letter-spacing:-1px; line-height:60px;color:#0090ff; }
#header .hdMidArea .hdMiddle ul .lnb_extra a:hover { color:black;background-color:white;color:#0090ff; }
#header .hdMidArea .hdMiddle ul .lnb_home { margin:0; position:relative; float:left; width:40px; height:60px;  }
#header .hdMidArea .hdMiddle ul .lnb_home a { display:block; font-size:20px;  font-weight:bold; text-align:center; letter-spacing:-1px; line-height:60px;color:#0090ff; }
#header .hdMidArea .hdMiddle ul .lnb_home a:hover { color:black;background-color:white;color:#0090ff; }

#header .hdMidArea .hdMiddle ul .vertbar { margin:0; position:relative; float:left; width:10px; height:34px;font-size:20px; text-align:center; letter-spacing:-1px; line-height:49px;color:#888; }

#header .hdMidArea .hdMiddle ul .lnb_menu { margin:0; position:relative; float:left; width:80px; height:60px; color:#fff; }
#header .hdMidArea .hdMiddle ul .lnb_menu > a { display:block; font-size:20px;  font-weight:bold; text-align:center; letter-spacing:-1px; line-height:60px; }
#header .hdMidArea .hdMiddle ul .lnb_menu > a.lnb_plan { color:#fff }
#header .hdMidArea .hdMiddle ul .lnb_menu > a.lnb_pay { color:#fff }
#header .hdMidArea .hdMiddle ul .lnb_menu > a.active { color:black; background-color:#fff; }
#header .hdMidArea .hdMiddle ul .lnb_menu .lnb_sub { display:none; position:fixed; top:90px; left:0px;  width:100vw;  background:#fff; z-index:10; margin-left: calc(-50vw + 50%); opacity:0.9;   }
#header .hdMidArea .hdMiddle ul .lnb_menu .lnb_sub .inner { margin:0 auto; position:relative; min-width:500px;max-width:100%;  overflow:hidden; *zoom:1 }
#header .hdMidArea .hdMiddle ul .lnb_menu .lnb_sub ul { float:left; width:180px; }
#header .hdMidArea .hdMiddle ul .lnb_menu .lnb_sub ul li { height:25px }
#header .hdMidArea .hdMiddle ul .lnb_menu .lnb_sub ul li a { display:block; padding:0 5px; font-size:15px; color:#green; line-height:25px }
#header .hdMidArea .hdMiddle ul .lnb_menu .lnb_sub ul li a:hover { color:#blue }
#header .hdMidArea .hdMiddle .tlogo { position:absolute; top:-15px; left:8px }
#header .hdMidArea .hdMiddle .searchArea { position:absolute; top:5px; right:0; width:200px; height:27px; text-align:right; border-bottom:1px solid #cacaca }
#header .hdMidArea .hdMiddle .searchArea .MS_search_word { padding:0 5px; float:left; width:155px; height:27px; line-height:23px; border:none; vertical-align:top }
#header .hdMidArea .hdMiddle .searchArea a { display:inline-block; width:30px; height:27px; text-align:left; text-indent:-9999em; background:url(http://mind.speedgabia.com/2020_fp/web/btn_search.png) 100% 3px no-repeat;  }

#header .headerBottom { margin:0 auto; position:relative; width:1280px; height:80px }
#header .headerBottom .navWrap { position:relative; *zoom:1 }
#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .menuAll { float:left; width:80px; height:80px; text-align:center; background:#000; 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/mossfp/10275/common/btn_menu.gif) 30px 25px no-repeat;  }
#header .headerBottom .navWrap .lnb_wrap { float:left; width:800px; height:78px; border:0px solid #cacaca; border-left:none }
#header .headerBottom .navWrap ul { padding:6px 0 }
#header .headerBottom .navWrap ul .lnb_menu { margin:0; position:relative; float:left; width:100px; height:34px }
#header .headerBottom .navWrap ul .lnb_menu > a { display:block; font-size:24px; color:#5d5d5d; font-weight:bold; text-align:center; letter-spacing:-1px; line-height:34px }
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_plan { color:#fff }
#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:100%; border-top:0px solid #d72a2a; 
                                                       border-left:0px solid #cacaca; border-right:0px solid #cacaca; border-bottom:0px 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 50px; 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/mossfp/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/mossfp/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/mossfp/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 }
/* BASIC css end */