/* BASIC css start */
/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; width:100%; height:80px; overflow:hidden }
#topBanner.cls { display:none; height:0 }
#topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:80px }
/*#topBanner .bnnr_bx { position:relative; height:80px }*/
#topBanner .bnnr_bx img { display:block }
#topBanner .bnnr_bx p.bt_closeBanner { margin-left:560px; margin-right:420px; position:absolute; top:20px; right:22px; width:35px; height:35px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/capsmro/phps/common/btn_topbanner_close.png) 0 0 no-repeat; }
/*#topBanner .bnnr_bx p.bt_closeBanner { position:absolute; top:20px; right:50px; width:35px; height:35px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/capsmro/phps/common/btn_topbanner_close.png) 0 0 no-repeat; }*/

/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header.act { position:fixed; top:-180px; left:0; right:0 }
#header .headerTop { position:relative; height:39px; border-bottom:1px solid #eee }
#header .headerTop .gnb { margin:0 auto; width:1280px }
#header .headerTop .gnb .hdtLeft { float:left }
#header .headerTop .gnb .hdtLeft ul { *zoom:1 }
#header .headerTop .gnb .hdtLeft ul:after { display:block; clear:both; content:'' }
#header .headerTop .gnb .hdtLeft ul li { height:39px; border-left:1px solid #eee; border-right:1px solid #eee }
#header .headerTop .gnb .hdtLeft ul li a { display:block; padding:0 14px 0 38px; height:39px; line-height:39px; background:url(/design/capsmro/phps/common/ico_bookmark.gif) 14px 11px no-repeat }
#header .headerTop .gnb .hdtRight { padding:13px 0; float:right }
#header .headerTop .gnb .hdtRight ul li { padding:0 13px; position:relative; float:left; border-right:1px solid #ccc }
#header .headerTop .gnb .hdtRight ul li.last { padding-right:0; border-right:none }
#header .headerTop .gnb .hdtRight ul li a { display:block }
#header .headerTop .gnb .hdtRight ul li a .num { padding:0 6px 1px 5px; font-size:11px; color:#c7095a; border-radius:10px; border:1px solid #cb1965 }
/*#header .headerMid { margin:0 auto; position:relative; width:980px; height:140px }*/
/*#header .headerMid .tlogo { position:absolute; top:32px; left:0; width:100%; text-align:left }*/
#header .headerMid { margin:0 auto; position:relative; width:1280px; height:120px }
#header .headerMid .tlogo { position:absolute; top:35px; left:0; width:100%; text-align:left }
#header .headerMid .searchArea { position:absolute; top:35px; left:420px; width:450px; height:56px; border:3px solid #104dac; border-radius:30px; background:#fff }
#header .headerMid .searchArea .MS_search_word { margin-left:20px; width:350px; height:56px; line-height:56px; border:none; background:none; vertical-align:top; color:#000000; font-weight:bold; font-size:16px; font-family: 'NanumBarunGothic', 'Malgun Gothic', 'Arial'; }
#header .headerMid .searchArea a { position:absolute; top:5px; right:5px; display:block; width:46px; height:46px; background:url(/design/capsmro/phps/common/btn_search.png) 0 0 no-repeat }
#header .headerMid .mid-slide { position:absolute; top:28px; right:0; width:210px; height:80px; overflow:hidden }
#header .headerMid .mid-slide .bx-controls-direction { position:absolute; bottom:0; right:0; width:29px; height:14px; z-index:50 }
#header .headerMid .mid-slide .bx-controls-direction a { position:absolute; top:0; width:15px; height:14px; text-indent:-9999em; background:url(/design/capsmro/phps/common/sp_hdm_slide.gif) 0 0 no-repeat }
#header .headerMid .mid-slide .bx-controls-direction .bx-prev { left:0; background-position:0 0 }
#header .headerMid .mid-slide .bx-controls-direction .bx-next { right:0; background-position:0 -14px }
/*#header .headerBottom { position:relative; height:60px; background:url(/design/capsmro/phps/common/bg_lnb.gif) 0 0 repeat-x } */
#header .headerBottom { position:relative; height:60px; background:url(/design/capsmro/phps/common/bg_lnb2.gif) 0 0 repeat-x }
#lnbWrap { margin:0 auto; position:relative; width:1280px; height:60px }
#lnbWrap .menuAll { position:absolute; top:0; left:0; width:65px; height:60px; cursor:pointer }
#lnbWrap .menuAll #btn_allMenu { width:65px; height:60px; text-indent:-9999em; background:url(/design/capsmro/phps/common/btn_allmenuopen.gif) 0 0 no-repeat }
#lnbWrap .lnb { padding-left:85px; *zoom:1 }
#lnbWrap .lnb:after { display:block; clear:both; content:'' }
#lnbWrap .lnb li { position:relative; float:left }
#lnbWrap .lnb li a { display:block; padding:0 35px; position:relative; height:60px; font-size:16px; color:#000; font-weight:bold; line-height:60px; z-index:10 }
#lnbWrap .ranks { position:absolute; top:22px; right:0; width:250px; height:17px; overflow:hidden }
#lnbWrap .ranks li { position:relative; width:250px; height:17px }
#lnbWrap .ranks li .num { position:absolute; top:0; left:0; width:17px; height:17px; font-size:11px; color:#3a3a3a; text-align:center; line-height:17px; background:#ffce1f }
#lnbWrap .ranks li .tx { padding-left:28px; float:left; width:190px; height:17px; overflow:hidden }
#lnbWrap .ranks li .tx a { display:block; height:17px; color:#fff; line-height:19px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden }
#lnbWrap .ranks li .change { text-align:right; line-height:19px }
#lnbWrap .ranks li .change.up { color:#ff2727 }
#lnbWrap .ranks li .change.dw { color:#9ac6fd }

#allMenuView { display:none; position:absolute; top:0; left:0 }
#allMenuView .allMenuClose { position:absolute; top:0; left:0; width:65px; height:63px; text-indent:-9999em; background:url(/design/capsmro/phps/common/btn_allmenuclose2.gif) 0 0 no-repeat; cursor:pointer }
/* #allMenuView .allMenu { position:absolute; top:60px; left:0; width:400px; border:3px solid #ddd; background:#fff } */
#allMenuView .allMenu { position:absolute; top:60px; left:0; width:300px; border:3px solid #ddd; background:#007BCA }
#allMenuView .allMenu ul { padding:7px 0 }
#allMenuView .allMenu ul li { height:40px; border-bottom:1px solid #0062A2; }
/* #allMenuView .allMenu ul li { height:37px; background:url(/design/capsmro/phps/common/sp_allmenu.png) 0 0 no-repeat } */
#allMenuView .allMenu ul li.a1 { background-position:0 0 }
#allMenuView .allMenu ul li.a2 { background-position:0 -60px }
#allMenuView .allMenu ul li.a3 { background-position:0 -120px }
#allMenuView .allMenu ul li.a4 { background-position:0 -180px }
#allMenuView .allMenu ul li.a5 { background-position:0 -240px }
#allMenuView .allMenu ul li.a6 { background-position:0 -300px }
#allMenuView .allMenu ul li.a7 { background-position:0 -360px }
#allMenuView .allMenu ul li.a8 { background-position:0 0px }
/* #allMenuView .allMenu ul li a { display:block; padding-left:62px; height:57px; font-size:14px; color:#444; font-weight:bold; line-height:57px } */
#allMenuView .allMenu ul li a { display:block; padding-left:20px; height:40px; font-size:14px; color:#fff; font-weight:bold; line-height:40px }

/* 좌측 사이드 메뉴 */
#side_scroll_left { margin-left:-730px; position:absolute; top:250px; left:50%; width:80px; z-index:90; }
#side_scroll_left.act { position:fixed !important; top:80px !important }
#side_scroll_left .scr_bx { width:80px }
#side_scroll_left .scr_bx ul li { padding-bottom:7px; position:relative; width:80px }
#side_scroll_left .scr_bx ul li img { width:100% }
/* BASIC css end */