/*----------------------------------------------------------------------  
  * i-PORTAL Viewer 사내통합게시판 *
 * Name		    :	theme1.css
 * DECS		    :	i-PORTAL 사내통합게시판 / Common Style Sheet
 * Created	    :	2015.01.27  BI MATRIX 정선화
 * Customized	:	2016.07.25  BI MATRIX 정선화
-----------------------------------------------------------------------*/


/* 공통 메인 및 서브 CSS 정의 */
@charset "utf-8"; 
*{padding:0px; margin:0px;}
html{height:100%; overflow-x:hidden; overflow-y:hidden; z-index:0;}
body{margin:0; padding:0; text-align:center; font-size:12px; color:#555555; line-height:150%; background-color:transparent; height:100%; -webkit-text-size-adjust:none;}
ul{float:left; list-style-type:none;}
li{float:left;  list-style-type:none;}
img{border:0; line-height:0px; font-size:0px;}
fieldset{border:none 0;}
hr, h2, #skip{display:none;}
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; line-height:150%;}
button{margin:0; padding:0; border:0 none; font-size:12px; background:transparent; line-height:100%; vertical-align:top; cursor:pointer;}
a {cursor:pointer; text-decoration:none;}


/* 로그인페이지 CSS */
#viewer_login{background-color:#f1f6fc;}
#login_wrap{position:relative; top:100px; width:549px; vertical-align:middle; margin-left:auto; margin-right:auto; text-align:center;}
#login_logo{float:left; position:absolute; top:0px; left:13px;}
#login_box{float:left; position:relative; top:45px; width:549px; height:330px; background:url('../../images/theme1/login/loginbox_bg.png') no-repeat;}
.login_title{position:absolute; top:36px; left:56px; width:437px; height:97px; background:url('../../images/theme1/login/login_title.png') no-repeat;}
.login_con{position:absolute; top:173px; left:56px; width:434px; height:80px;}
.login_con ul{height:34px; margin-bottom:8px;}
.login_check1{position:absolute; top:97px; left:85px; width:280px; height:20px; font-weight:bold;}
.login_check1 li{padding-right:35px;}
.login_check2{position:absolute; top:155px; left:101px; width:280px; height:20px; font-weight:bold;}
.login_check2 li{padding-right:35px;}
.login_btnarea{position:absolute; left:335px; top:0px;}
.login_btnarea2{position:absolute; left:335px; top:46px;}
.login_inputbg{float:left; width:236px; height:34px; background:url('../../images/theme1/login/input_bg.png') no-repeat;}
.login_input{ime-mode:disabled; background-color:transparent; border:0px; color:#666666; font-size:12px; font-family:"맑은 고딕"; width:215px; padding-top:3px; height:20px; margin:5px;}
.login_comt{position:absolute; top:235px; left:82px; text-align:left; font-weight:bold; color:#3c628d;}
.login_comt a{color: #3c628d; text-decoration: none;}
.login_comt a:link{color: #3c628d; text-decoration: none;}
.login_comt a:visited{color: #3c628d; text-decoration: none;}
.login_comt a:active{color: #3c628d; text-decoration: none;}
.login_comt a:hover {color: #3c628d; text-decoration: underline;}
.login_select{background-color:transparent; border:0px; color:#666666; font-size:12px; height:20px; width:185px; margin-top:6px;}
.select_align{float:left; padding-left:5px; }
.login_copyright{float:left; position:absolute; top:375px; width:549px; height:15px; font-size:11px; color:#6d96c4; font-family:"맑은 고딕";}


/* Layout */
/*#wrapper{position:relative; min-width:1262px; width:100%; margin-right:12px; margin-left:12px; margin-top:12px; background-color:transparent; text-align:left;}*/
#wrapper{position:relative; width:100%; height:100%; margin-right:auto; margin-left:auto; background-color:transparent; text-align:left;}
#header_wrap{position:relative; width:100%; height:56px; text-align:left;}
.header_top{position:relative; width:100%; height:56px; background:url('../../images/theme1/topbg.png') repeat-x;}
.header_top_blue{position:relative; width:100%; height:55px; background-color:#cfe0f6; border-bottom:1px solid #648bb6;}
.header_top_white{position:relative; width:100%; height:55px; background-color:#FFFFFF; border-bottom:1px solid #648bb6;}
.header_top_silver{position:relative; width:100%; height:55px; background-color:#ebebeb; border-bottom:1px solid #648bb6;}
.header_top_grey{position:relative; width:100%; height:55px; background-color:#cecece; border-bottom:1px solid #648bb6;}
#logo{float:left; position:absolute; left:10px; top:10px; width:221px; height:35px;}
#header{float:left; position:absolute; width:100%; height:56px;}
.header_left{float:left; position:absolute; top:20px; left:305px;} /* 20160726 추가 */
.header_left ul li {padding-right:7px;} /* 20160726 추가 */

/* navigation CSS
 * jquery.portal.paginate.js 사용 (ayoung.son 추가) */
.navi_area{float:left; position:absolute; top:33px; left:210px; width:75%; height:18px; z-index:1;} 
.navi{width: 100%; overflow: hidden;} 
.navi ul.navi_pages{float:left; list-style-type:none;}
.navi ul.navi_pages li.meanu_bar{display:inline; float:left; } /* font-weight:bold; */
.navi ul.navi_pages li.menu_title{display:inline; float:left; padding-left:30px; padding-right:30px; margin:0px;}
.navi_control{float:left; position:absolute; top:33px; right:20px; width:70px; height:18px; z-index:1;}
.navi_control span.jPag-previous-img{height:18px; margin:0px 0px 0px 2px; float:left; line-height:18px; font-size:18px; width:15px; text-align:right; cursor:pointer; background:transparent url(../../images/theme1/navicontrol_previous.png) no-repeat center right;}
.navi_control span.jPag-next-img{height:18px; margin:0px 0px 0px 2px; float:left; line-height:18px; font-size:18px; width:15px; text-align:right; cursor:pointer; background:transparent url(../../images/theme1/navicontrol_next.png) no-repeat center left;}
.navi_control span.jPag-sprevious-img{height:18px; margin:0px 0px 0px 2px; float:left; line-height:18px; font-size:18px; width:15px; text-align:right; cursor:pointer; background:transparent url(../../images/theme1/navicontrol_sprevious.png) no-repeat center right;}
.navi_control span.jPag-snext-img{height:18px; margin:0px 0px 0px 2px; float:left; line-height:18px; font-size:18px; width:15px; text-align:right; cursor:pointer; background:transparent url(../../images/theme1/navicontrol_snext.png) no-repeat center left;}
.navi ul.navi_pages li.menu_title span.jPag-span{cursor:pointer; font-weight:bold; float:left;}
.navi ul.navi_pages li.menu_title span.jPag-span-normal{font-weight:bold; text-decoration: none; color:#333333;}
.navi ul.navi_pages li.menu_title span.jPag-span-hover{font-weight:bold; text-decoration: none; color:#255a9c;}
.navi ul.navi_pages li.menu_title span.jPag-current{cursor:default; font-weight:bold; text-decoration: none; color:#255a9c; float:left;}

.vline{padding-left:10px; background:url('../../images/theme1/division.png') 0 0px no-repeat; color:#255a9c;}


/* 상단 아이콘 */
.topicon{float:right; position:absolute; top:20px; right:20px;}
.userarea{float:left;}
.userinfo{font-weight:bold;}
.icon_position {float:left; position:relative; top:-6px;}
.icon_position div {float:left; padding-left:7px;}
.iconarea{float:left;}
.iconarea .topicon_line {float:left; width:4px; height:19px; padding-right:8px; background:url('../../images/theme1/topicon_line.png') no-repeat;}
.iconarea li{padding-left:7px;}
.iconarea .topicon_items{float:left; padding-left:7px;}/* ayoung.son 추가 (popup동작때문에 li 에서 div로 바꿈) */
/* 뷰어상단 기능 버튼 (이미지버전) */
.topbtn_area{float:right; position:absolute; right:15px; top:5px; width:50% right;}
.topbtn_area li{padding-left:6px;}
.topbtn_area2{float:right; position:absolute; right:15px; top:2px; width:50% right;} /* 20150225 추가 */
.topbtn_area2 li{padding-left:6px;} /* 20150225 추가 */
/* 뷰어상단 기능 버튼 (Text버전) */
.textbtn{font-weight:bold; font-size:11px;}
.textbtn span.viewerBtnWrap{display:inline;}
.textbtn .selected a,
.textbtn .selected a:hover{background:#3568aa; color:#FFFFFF; text-shadow:none; font-weight:bold;}
.textbtn .viewerBtnWrap a{color:#FFFFFF; background:#5c5c5c; padding:4px 10px; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em;}
.textbtn .viewerBtnWrap a:hover{background:#3568aa; color:#FFFFFF;}

/* Content, Left Splitter */
.con_wrap{float:left; position:relative; width:100%; height:700px; text-align:left; background-color:#ffffff;} 
.left_wrap{float:left; position:relative; width:310px; height:100%; background-color:#ffffff; border-right:0px;} /* ayoung.son 20150212 */
.left_wrap_border{border-right:1px solid #91a5d1;}
.splitter_panel {float:left; position:relative; height:100%; /* border-left:1px solid #91a5d1; border-right:1px solid #91a5d1; */ z-index:101;}/* ayoung.son 20150212 */
.view_panel {float:left; position:relative;}
.leftwrap_right{position:relative; width:6px; height:100%; background:url('../../images/theme1/leftbar_viewbg.png') repeat-y; text-align:center;} /* ayoung.son 20150212 */
.leftwrap_left{position:relative; width:9px; height:100%; background:url('../../images/theme1/leftbar_hidebg.png') repeat-y; text-align:center;} /* ayoung.son 20150212 */
.leftbar_dot{position:absolute;}
.leftbar_arrow{padding-top:5px}

/* Left Menu */
.togglebg{width:100%; height:15px; background:url('../../images/theme1/toggle_bg.png') repeat-x;}
.togglebg_right{float:right; position:absolute; right:0px; width:9px; height:15px; background:url('../../images/theme1/toggle_rightbg.png') no-repeat;}
.toggle_area{float:right; position:absolute; right:9px;}
.toggle_area li{padding-left:3px;}

div.tabContent {width:100%; height:100%;}	/* ayoung.son 20150212 */
div.tabContent.hide { display: none; }	/* ayoung.son 20150212 */
div.tabBody {width:100%; height:100%; background-color:#ffffff;}	/* ayoung.son 20150212 */
div.tabBody.blue{width:100%; height:100%; background-color:#cfe0f6; z-index:10;}
div.tabBody.silver{width:100%; height:100%; background-color:#ebebeb; z-index:10;}
div.tabBody.darkblue{width:100%; height:100%; background-color:#356dac; z-index:10;}
div.search_header {position:absolute; width:235px;}	/* ayoung.son 20150212 */
div#search_content {margin:10px 0 0 0;}	/* ayoung.son 20150212 */

#leftarea_control{float:left; position:relative; width:191px; height:22px;}
.left_btn{float:left; position:relative; top:46px; width:191px; height:103px; vertical-align:middle;}
.left_btn li{padding-right:5px;}


/* 트리/슬라이드 메뉴 관련 css */
/* .leftmenu_area{float:left; position:relative; top:41px; width:100%; height:650px;} 
.leftmenu{float:left; position:absolute; width:100%; font-weight:bold; z-index:10;} */
.leftmenu_area{position:relative; float:left; width:100%; height:100%;} /* ayoung.son 20150217 */
.leftmenu{float:left; position:relative; width:100%; height:100%; z-index:10;} /* ayoung.son 20150217 */
/* .leftmenu ul li a{position:relative; width:240px; height:25px; background:url('../../images/common/left_blank.png')no-repeat scroll 0px 0px transparent;} */
.division{float:left; position:relative; width:240px; height:25px; border-bottom:1px solid #b5a798; padding-top:7px; vertical-align:middle;}

.leftmenu a{cursor:pointer; text-decoration: none; color:#81725f;}
.leftmenu a:link{cursor:pointer; text-decoration: none; color:#81725f;}
.leftmenu a:visited{cursor:pointer; text-decoration: none; color:#81725f;}
.leftmenu a:active{cursor:pointer; text-decoration: none; color:#3e2b2c;}
.leftmenu a:hover {cursor:pointer; text-decoration: none; color:#3e2b2c;}
.left_tabbg{width:100%; background-color:#a3c6ec; border-top:1px solid #356dac; border-bottom:1px solid #356dac; overflow:hidden;}
.left_tabbg ul{position:relative; left:5px; font-size:11.5px; } 
.left_tabbg li{padding-left:3px; height:25px;}
.left_tabbg li > div {height:21px; padding:3px 10px 0px 10px; background-color:rgb(209,226,245); margin-top:4px; color:#002266; cursor:pointer; border-top-left-radius:2px; border-top-right-radius:2px; }
.left_tabbg li > div.selected {background-color:rgb(53,109,172); color:#FFFFFF; font-weight:bold; }
.left_tabbg .tab_bullet{float:left; width:5px; height:5px; margin-top:5px; margin-right:3px; background:url('../../images/theme1/leftbar_arrow.png') no-repeat;}
.left_tabbg li > div.selected .tab_bullet{background:url('../../images/theme1/leftbar_arrow02.png') no-repeat;}

/* 좌측 검색유형 추가 20150310 */
.tabBody .search_panel{position:relative; border:1px solid #6b9acf; background-color:#FFFFFF; height:19px; margin:0 10px 0 10px; padding:3px 30px 3px 5px;}
.tabBody #search_input{border:0; color:#777777; font-size:1em; height:19px; margin:0; padding:0; width:100%;}
.tabBody .button_search{display:block; position:absolute; right:0px; top:0px; width:45px; height:100%; background:#6b9acf url('../../images/theme1/search.png') center no-repeat; border-left:1px solid #6b9acf; cursor:pointer; }

.tabBody .search_panel2{padding:3px 10px 3px 5px !important;}
.tabBody .button_search2{right:35px !important; width:30px !important; }
.tabBody .extend_gmatrix{display:block; position:absolute; right:0px; top:0px; width:30px; height:100%; background:#6b9acf url('../../images/theme1/plus.png') center no-repeat; border-left:1px solid #6b9acf; cursor:pointer; }


/* 보고서 명 표시 바 */
.titlebg{position:relative; left:0px; top:0px; width:100%; height:30px; background:url('../../images/theme1/titlebg.png') repeat-x;}
.title_area{float:left; position:relative; left:20px; top:6px; font-weight:bold; color:#333333;}
.title_bullet{height:11px; padding-left:20px; background:url('../../images/theme1/bullet.png') 0 0px no-repeat;}
/*.bookmark{float:right; width:13px; height:13px; padding-left:10px; padding-top:1px;}*/
.bookmark{float:left; position:relative; top:6px; left:20px; width:13px; height:13px; padding-left:10px; padding-top:1px; z-index:11;}

/* 현재경로 표시 위치수정 20150217 */
.location{float:left; position:relative; left:50px; top:6px; width:50% right; height:18px; color:#3e71b2; font-size:11px;}
.location a {text-decoration:none;}
.location a.current {font-weight:bold; color:#3e71b2;}
.location_bullet{height:3px; padding-left:10px; background:url('../../images/theme1/location_bullet.png') 0 3px no-repeat;}

/* .work_area{position:relative; top:0px; width:100%; margin-right:12px; z-index:3;}
.work_area{position:relative; top:0px; width:1238px; margin-right:12px; min-height:552px; border:1px solid #e2dfe0; background-color:#fefdfb; z-index:3;}
.work_group{position:relative; padding-left:25px; max-height:552px;}
.board_group{position:relative; padding-left:25px; padding-right:25px; max-height:650px;} */
.board_group{position:relative; padding:15px 25px 0 25px;} /* ayoung.son 20150303 */
.copyright{float:right; position:absolute; left:939px; bottom:14px;}


/* Drop메뉴배경 01 */
.dropbox_designer{position:absolute; right:15px; top:21px; width:124px; height:113px; z-index:10;}
.dropbox_board{position:absolute; right:0px; top:21px; width:124px; height:113px; z-index:10;}
/* .dropbox_area{position:absolute; right:0px; top:21px; width:124px; z-index:10;} */
.drop_top{float:left; width:124px; height:7px; background:url('../../images/theme1/drop_top.png') no-repeat;}
.drop_bg{float:left; width:124px; background:url('../../images/theme1/drop_bg.png') repeat-y;}
.drop_bottom{float:left; width:124px; height:7px; background:url('../../images/theme1/drop_bottom.png') no-repeat;}
.drop_bg ul{float:left; width:110px; }
.dropmenu3{float:left; position:relative; left:7px; width:110px; height:auto; border-bottom:1px solid #e8e8e8; z-index:10; }
.dropmenu3 a{float:left; text-decoration: none; color:#848484; font-weight:bold; width:110px; padding: 9px 0px 5px 22px; background:url('../../images/theme1/dropmenu2.png')no-repeat; z-index:11;}
.dropmenu3 a:link{float:left; text-decoration: none; color:#848484; font-weight:bold; width:110px; padding: 9px 0px 5px 22px; background:url('../../images/theme1/dropmenu2.png')no-repeat; z-index:11;}
.dropmenu3 a:visited{float:left; text-decoration: none; color:#848484; font-weight:bold; width:110px; padding: 9px 0px 5px 22px; background:url('../../images/theme1/dropmenu2.png')no-repeat; z-index:11;}
.dropmenu3 a:active{float:left; text-decoration: none; color:#0c3886; font-weight:bold; width:110px; padding: 9px 0px 5px 22px; background:url('../../images/theme1/dropmenu2_on.png')no-repeat; z-index:11;}
.dropmenu3 a:hover {float:left; text-decoration: none; color:#0c3886; font-weight:bold; width:110px; padding: 9px 0px 5px 22px; background:url('../../images/theme1/dropmenu2_on.png')no-repeat; z-index:11;}
.drop_text2{white-space:pre-line;}

/* i-MATRIX Viewer 상세옵션창 CSS 20150612 */
.topbtn_chlid_popupBox{position:absolute; right:2px; } /* 버튼타입이 Text일 때를 위해 top 속성 주면X */
.option_window{position:absolute; width:140px; background-color:#d9e9fa; border:1px solid #6b9acf; z-index:10;}
.option_window ul{position:relative; left:0px; width:118px; margin:5px; padding:5px; background-color:#FFFFFF; border:1px solid #b3c7dd;}
.option_window .li_option{position:relative; width:100%; height:auto; line-height:20px; border-bottom:1px dotted #b3c7dd; padding-top:3px; padding-left:0px; vertical-align:middle; font-size:12px;}
.option_window .li_bottom{border-bottom:0px; }  
.option_window .li_option span.propBtnWrap{float:left; text-decoration: none; color:#848484; font-weight:bold; width:100%; height:auto; z-index:11; } /* background:url('../../images/theme1/dropmenu3.png') no-repeat; */
.option_window .li_option span.propBtnWrap_2{float:left; text-decoration: none; color:#848484; font-weight:bold; width:100%; height:auto; z-index:11; background:url('../../images/theme1/dropmenu4.png') no-repeat;}
.option_window .li_option span.propTxtWrap{position:relative; left:5px; }
.option_window .li_option a{float:left; text-decoration: none; color:#848484; font-weight:bold; width:100%; height:auto; z-index:11;}
.option_window .li_option a:link{float:left; text-decoration: none; color:#848484; font-weight:bold; width:100%; height:auto; z-index:11;}
.option_window .li_option a:visited{float:left; text-decoration: none; color:#848484; font-weight:bold; width:100%; height:auto; z-index:11;}
.option_window .li_option a:active{float:left; text-decoration: none; color:#0c3886; font-weight:bold; width:100%; height:auto; z-index:11;}
.option_window .li_option a:hover {float:left; text-decoration: none; color:#0c3886; font-weight:bold; width:100%; height:auto; z-index:11;}


/* 탭뷰 전체 닫기 */
.sheet_closeAllBtn{width:24px; height:20px; background:url('../../images/theme1/report_tabclose.png') repeat-x;}
.sheet_closeAllBtn_on{width:24px; height:20px; background:url('../../images/theme1/report_tabclose_on.png') repeat-x;}

/* 시트탭 하단위치 css */
/* #bottom_tabarea{position:relative; top:20px; left:24px; width:100%; height:20px;} */
#bottom_tabarea{position:relative; top:0px; margin-left:15px; width:100%; overflow:hidden;}
#bottom_tabarea .sheet_tab{position:relative; width:100%;}
#bottom_tabarea .sheet_tab ul{padding-right:2px; cursor:pointer;}
#bottom_tabarea .sheettab_div{float:left; position:relative; left:0px; margin-right:1px; cursor:pointer;}
#bottom_tabarea .sheet_leftbg{width:10px; height:20px; background:url('../../images/theme1/report_tableft.png') no-repeat;}
#bottom_tabarea .sheet_bgbar{padding-left:10px; padding-right:0px; height:20px; background:url('../../images/theme1/report_tabbg.png') repeat-x;}
#bottom_tabarea .sheet_rightbg{width:27px; height:20px; background:url('../../images/theme1/report_tabright.png') no-repeat;}
#bottom_tabarea .sheet_leftbg_on{width:10px; height:20px; background:url('../../images/theme1/report_tableft_on.png') no-repeat;}
#bottom_tabarea .sheet_bgbar_on{padding-left:10px; padding-right:0px; height:20px; background:url('../../images/theme1/report_tabbg_on.png') repeat-x;}
#bottom_tabarea .sheet_rightbg_on{width:27px; height:20px; background:url('../../images/theme1/report_tabright_on.png') no-repeat;}
#bottom_tabarea .sheet_tabicon{float:left; position:relative; left:0px; top:8px; vertical-align:middle; margin-left:10px;}
#bottom_tabarea .sheet_bgbar .sheet_text{float:left; vertical-align:middle; font-weight:bold; color:#888888; margin-top:2px; font-size:11px;}
#bottom_tabarea .sheet_bgbar_on .sheet_text{float:left; vertical-align:middle; font-weight:bold; color:#244c93; margin-top:2px; font-size:11px;}

/* 시트탭 상단위치 css */
#top_tabarea{position:relative; top:-2px; left:24px; width:100%; height:20px;}
#top_tabarea .sheet_tab{position:relative; width:100%;}
#top_tabarea .sheet_tab ul{padding-right:2px; cursor:pointer;}
#top_tabarea .sheettab_div{float:left; position:relative; left:0px; margin-right:1px; cursor:pointer;}
#top_tabarea .sheet_leftbg{width:10px; height:20px; background:url('../../images/theme1/report_tableft2.png') no-repeat;}
#top_tabarea .sheet_bgbar{padding-left:10px; padding-right:0px; height:20px; background:url('../../images/theme1/report_tabbg2.png') repeat-x;}
#top_tabarea .sheet_rightbg{width:27px; height:20px; background:url('../../images/theme1/report_tabright2.png') no-repeat;}
#top_tabarea .sheet_leftbg_on{width:10px; height:20px; background:url('../../images/theme1/report_tableft2_on.png') no-repeat;}
#top_tabarea .sheet_bgbar_on{padding-left:10px; padding-right:0px; height:20px; background:url('../../images/theme1/report_tabbg2_on.png') repeat-x;}
#top_tabarea .sheet_rightbg_on{width:27px; height:20px; background:url('../../images/theme1/report_tabright2_on.png') no-repeat;}
#top_tabarea .sheet_tabicon{float:left; position:relative; left:0px; top:8px; vertical-align:middle; margin-left:10px;}
#top_tabarea .sheet_bgbar .sheet_text{float:left; vertical-align:middle; font-weight:bold; color:#888888; margin-top:2px; font-size:11px;}
#top_tabarea .sheet_bgbar_on .sheet_text{float:left; vertical-align:middle; font-weight:bold; color:#244c93; margin-top:2px; font-size:11px;}

/* POPUP 환경설정 (이전버전 호환을 위해 삭제하면 안됨) */
.popup_bg{position:relative; width:646px; height:506px; background:url('../../images/theme1/popup/pop_bg.png') no-repeat;}
.pop_header{position:relative; width:100%; height:40px;}
.pop_title{float:left; position:relative; top:19px; padding-left:30px; }
.pop_bullet{float:left; background:url('../../images/theme1/popup/popup_bullet.png') 0 8px no-repeat; padding:5px 0 0px 24px; font-size:16px; font-weight:bold; color:#0c3886;}
.pop_comment{float:left; position:absolute; top:74px; left:40px; text-align:left; width:580px; height:30px; color:#2c3b58; font-weight:bold; margin-bottom:10px; }
.pop_comment .bullet{padding-left:14px; background:url('../../images/theme1/popup/popup_bullet2.png') 0 4px no-repeat;}
.setting_box{position:absolute; top:110px; left:36px; width:574px; height:292px; background:url('../../images/theme1/popup/pop_inbox.png') no-repeat;}
.pop_btn{float:left; position:absolute; bottom:55px; width:100%; padding-top:20px; font-weight:bold;}
.setting_title{float:left; padding-left:30px; padding-top:7px; font-weight:bold; color:#FFFFFF;}
.pop_btn span{display:inline; padding:4px 4px;}
.pop_btn .selected a,
.pop_btn .selected a:hover{background:#3568aa; color:#FFFFFF; text-shadow:none; font-weight:bold;}
.pop_btn a{color:#FFFFFF; background:#5c5c5c; padding:8px 30px; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;}
.pop_btn a:hover{background:#3568aa; color:#FFFFFF;}
.detail_area{float:left; position:relative; left:78px; top:120px; width:490px; }
.detail_area ul{width:490px; height:28px; border-bottom:1px dotted #ddd; padding-top:10px; vertical-align:middle;}
.detail_area .ul_bottom{width:490px; height:28px; border-bottom:1px solid #FFFFFF; padding-top:10px; vertical-align:middle;}
.detail_area .inherit{float:left; width:490px; border:2px dashed #bfcfe2;}
.detail_area .ul_opt{width:490px; height:28px; background-color:#ebf2f9; padding-top:10px; vertical-align:middle;}
.con_th{width:150px; padding-left:5px; text-align:left; font-weight:bold;}
.con_th span{float:right; font-weight:bold; padding-right:10px;}
.con_select{background-color:#FFFFFF; border:1px solid #b0b0b0; color:#666666;font-size:12px; height:20px; margin-top:-2px; width:290px; padding-left:3px;}
.con_input{background-color:#FFFFFF; border:1px solid #b0b0b0; color:#666666; font-size:12px; height:20px; margin-top:-2px; padding-left:3px;}
.pop_icheck {position:relative; float:right; top:25px; right:25px;}
.pop_icheck a{color:#FFFFFF; background:rgb(38, 98, 187); padding:4px 20px; -webkit-border-radius: .9em; -moz-border-radius: .9em; border-radius: .9em; font-weight:bold; font-size:14px;}

/* POPUP 환경설정 세로가변형 추가 CSS 20151203 */
.setting_box_area {position:relative; top:68px; left:36px; width:574px;}
.setting_box_top{position:relative; top:0px; left:0px; width:574px; height:60px; background:url('../../images/theme1/popup/pop_inbox_topbg.png') no-repeat;} 
.setting_box_bg {position:relative; top:0px; left:0px; width:574px; max-height:230px; background:url('../../images/theme1/popup/pop_inbox_bgbar.png') repeat-y; overflow-x:hidden; overflow-y:auto;}
.setting_box_bottom{position:relative; left:0px; bottom:0px; width:574px; height:20px; background:url('../../images/theme1/popup/pop_inbox_bottombg.png') no-repeat;}
.detail_area2{position:relative; left:0px; top:-5px; width:490px;}
.detail_area2 ul{position:relative; left:40px; width:490px; height:28px; border-bottom:1px dotted #ddd; padding-top:10px; vertical-align:middle;}
.detail_area2 .ul_bottom{width:490px; height:28px; border-bottom:1px solid #FFFFFF; padding-top:10px; vertical-align:middle;}
.detail_area2 .inherit{float:left; width:490px; border:2px dashed #bfcfe2;}
.detail_area2 .ul_opt{width:490px; height:28px; background-color:#ebf2f9; padding-top:10px; vertical-align:middle;}


/* 즐겨찾기 팝업 */
.bookmark_popup_wrap {background-color:#ffffff; text-align:left;}
.boomarkPop_bg{position:relative; width:500px; height:500px; background:url('../../images/theme1/popup/pop_bg_bookmark.png') no-repeat;}
.boomarkPop_bg .pop_header{font-family: 나눔고딕,돋움,Dotum;}
.boomarkPop_content{float:left; position:absolute; overflow:auto; top:60px; left:30px; text-align:left; width:440px; height:300px; color:#2c3b58; border:1px solid rgb(168, 194, 219); }
.bookmarkPop_botton{float:left; position:absolute; bottom:55px; width:100%; padding-top:20px; font-weight:bold; text-align:center; }
.bookmarkPop_botton span{display:inline; padding:4px 4px;}
.bookmarkPop_botton a{background:#5c5c5c; color:#FFFFFF; padding:8px 30px; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em;}
.bookmarkPop_botton a:hover{background:#3568aa; color:#FFFFFF;}

.bookmarkPop_botton .readonly a{color:rgb(204, 204, 204); cursor:default !important;}
.bookmarkPop_botton .readonly a:hover{background:#5c5c5c !important;}

.bookmarkPop_input{padding-bottom:20px;}
.bookmarkPop_input input{width:300px; height:20px; border:1px solid #5c5c5c; padding-left:2px; }
.bookmarkPop_input input.readonly {background-color:rgb(204, 204, 204);}
.bookmarkPop_input a{padding:5px 10px !important;}


/* 공지사항 팝업 */
.boardPopupArea{position:absolute; top:0px; left:0px;} 
.boardPopupArea .board_popup_wrap{float:left; background-color:rgb(220,232,248); border:solid 1px rgb(100,139,182);} 
.boardPopupArea .board_popup_title{margin:10px; text-align:left; font-weight:bold; font-size:14px;}
.boardPopupArea .tit_bullet{width:6px; height:19px; padding-left:16px; background:url('../../images/bbs/main_bullet.gif') 0 0px no-repeat;}
.boardPopupArea .board_popup_content{margin:5px 10px 5px 10px; padding:5px; min-width:200px; min-height:200px; background-color:#FFFFFF; text-align:left; white-space:nowrap; overflow-x:auto; overflow-y:auto; } 
.boardPopupArea .board_popup_bottom{float:right; margin-right:5px; font-size:11px; color:rgb(128,128,128); text-align:right; font-weight:bold; }