/* layout*/ *{margin: 0;padding: 0;} html,body{overflow: hidden!important; _overflow:inherit!important} html{overflow:visible;} .ie6 html{overflow-y:scroll !important} html,body{height:100%;} .ie6 html,.ie6 body{overflow:hidden;} .ie7 html,.ie7 body{overflow:visible} .ie6 html, .ie7 html{overflow:auto;} #wrap{ height:auto; position:absolute; top:0; bottom:0; left:0; right:0; overflow:visible; background: #f4f4f4;} .ie6 #wrap{height:100%;width:100%;position:relative;overflow:visible} #container{position:absolute;top:34px;bottom:34px;left:0;right:0;overflow:hidden;margin:0;min-height:200px; z-index:20;} .ie6 #container{position:relative;top:0;bottom:34px;height:100%;overflow:visible;margin:-95px 0 -39px 0;padding-top:35px;padding-bottom:29px} #container:after{clear:both;display:block;height:0;content:'';visibility:hidden} #containerArea{position: absolute; top: 0; left: 0; bottom: 0; right: 0; _position: static;} .scroll_y{overflow-y: auto; overflow-x: hidden;} .scroll_x{overflow-x: auto; overflow-y: hidden;} .scroll_xy{overflow-x: auto; overflow-y: auto;} #containerFix{min-width:880px;min-height: 600px;} #header {clear: both; min-width: 880px; /*position: fixed;*/ width: 100%; height: 39px;z-index: 25;} .ie6 #header{position: relative;} /*�좎럥�얍뜝�뚯젧*/ #footer{background:#323232 url(../images/bg_footer01.png) repeat-x; position:absolute; bottom:0; width: 100%; min-width:880px; height: 33px; z-index: 100; padding: 0 0 0 0} /*�좎럥�얍뜝�뚯젧*/ .ie6 #footer{position:relative;} /*#contentArea{position:absolute;left:0;top:0;bottom:0;right:318px;z-index: 10;overflow:hidden;width:auto; border: 1px solid #e0e0e0; background: #fff;}*/ .contentW100{right:0 !important;} /* content width 100%占쎌쥙猷욑옙�용쐻占쎈뜄占썲뜝�덈뱠占쎌쥙猷욑옙�용쐻占쎌늿�뺧옙醫롫뼩占쎈끏裕�*/ .ie6 #content{position:static;width:100%;zoom:1;overflow:hidden;} @media print{#content{overflow:visible}} /* layout Form */ #header .headerArea{overflow:hidden; background: url(../images/bg_top_cms.jpg); height: 34px;} #header h1{position: absolute; left:10px; top:8px; z-index:1} #header h1 a{display:block;} #header h1 a.topCMSLogo { background:url(../images/logo_top_cube.jpg) no-repeat; width:167px; height:18px; font-size:0 } #header .util{width: 420px; overflow:hidden;padding-left: 20px; text-align:right;position: absolute; right: 15px; top:6px; z-index:1; font-size: 13px; color:#eee;} #header .util a{display:inline-block;} /*�좎럥�얍뜝�뚯젧*/ #header .util #btnLogout,#header .util #btnEditUserInfo { /*border:1px solid #2f2f2f*/} #header .util #btnLogout:hover,#header .util #btnEditUserInfo:hover {/* border:1px solid #777; background:#555*/} #header .util strong.userName{display:inline-block;font-size: 12px; color:#eee;padding: 0; margin-right: 5px;} /*�좎럥�얍뜝�뚯젧*/ #header .util span.loginInfo{display:inline-block; padding: 0 15px ;font-size: 11px; color:#eee;} #header .util a.btnOption{display: inline-block; width:66px; height:21px; padding:0; background: url(/common/btn/btn_option_off.gif) no-repeat left top;} #header .util a.btnOption span{text-indent: -9999px; font-size: 0;} #header .util a.btnOption.active, #header .util a.btnOption:hover{background: url(../common/btn_option_on.gif) no-repeat left top; } #header #gnb{width: 330px; margin: 0 auto; z-index:10; position:relative; text-align:center} #header #gnb ul{overflow: hidden; display:inline-block } #header #gnb li{float: left; padding: 0;} #header #gnb li span{display: block; text-indent: -9999px;} #header #gnb li.gnb_home a span{background: url(../images/nav_home.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_home a.active span, #header #gnb li.gnb_home a:hover span{background: url(../images/nav_home_on.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_cms a span{background: url(../images/nav_cms.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_cms a.active span, #header #gnb li.gnb_cms a:hover span{background: url(../images/nav_cms_on.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_dps a span{background: url(../images/nav_dps.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_dps a.active span, #header #gnb li.gnb_dps a:hover span{background: url(../images/nav_dps_on.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_wps a span{background: url(../images/nav_wps.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_wps a.active span, #header #gnb li.gnb_wps a:hover span{background: url(../images/nav_wps_on.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_dams a span{background: url(../images/nav_dams.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_dams a.active span, #header #gnb li.gnb_dams a:hover span{background: url(../images/nav_dams_on.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_admin a span{background: url(../images/nav_admin.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_admin a.active span, #header #gnb li.gnb_admin a:hover span{background: url(../images/nav_admin_on.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_webAdd a span{background: url(../images/nav_addIn.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_webAdd a.active span, #header #gnb li.gnb_webAdd a:hover span{background: url(../images/nav_addIn_on.jpg) no-repeat left top; width: 47px; height: 34px} /*#header #gnb li.gnb_nav {background: url(../images/nav_barR.jpg) no-repeat left top; width: 1px; height: 34px; display:inline-block}*/ #header #gnb li.gnb_cms_kr a span{background: url(../images/nav_cms_kr.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_cms_kr a.active span, #header #gnb li.gnb_cms_kr a:hover span{background: url(../images/nav_cms_kr_on.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_wps_kr a span{background: url(../images/nav_wps_kr.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_wps_kr a.active span, #header #gnb li.gnb_wps_kr a:hover span{background: url(../images/nav_wps_kr_on.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_admin_kr a span{background: url(../images/nav_admin_kr.jpg) no-repeat left top; width: 60px; height: 34px} #header #gnb li.gnb_admin_kr a.active span, #header #gnb li.gnb_admin_kr a:hover span{background: url(../images/nav_admin_kr_on.jpg) no-repeat left top; width: 60px; height: 34px} #header #gnb li.gnb_webAdd_kr a span{background: url(../images/nav_webAdd_kr.jpg) no-repeat left top; width: 73px; height: 34px} #header #gnb li.gnb_webAdd_kr a.active span, #header #gnb li.gnb_webAdd_kr a:hover span{background: url(../images/nav_webAdd_kr_on.jpg) no-repeat left top; width: 73px; height: 34px} #header #gnb li.gnb_onEdit_kr a span{background: url(../images/nav_onEdit_kr.jpg) no-repeat left top; width: 47px; height: 34px} #header #gnb li.gnb_onEdit_kr a.active span, #header #gnb li.gnb_onEdit_kr a:hover span{background: url(../images/nav_onEdit_kr_on.jpg) no-repeat left top; width: 47px; height: 34px} #footer .footBtn{position: absolute; left: 17px; top: 5px;} #footer .footBtn a{display:inline-block;} /*�좎럥�얍뜝�뚯젧*/ #footer .copy{ margin: 13px auto 5px; font-size:11px; line-height:130%; text-align:center; /*background:url(/images/img_copy.png) no-repeat left 1px;*/ width:320px; height:14px} /*�좎럥�얍뜝�뚯젧*/ #footer .btnHelp{position: absolute; right: 15px; top: 10px;} /* 占쎌쥙�∽옙占쎌삕�됰봺異�에�ワ옙�좎럥占�*/ #header #lnb {clear:both; width:100%; position:relative; padding:0 0; height:33px; background: url(../common/bg_nav.gif) repeat-x left top;} #header #lnb ul#gNavi {float:none; padding:0;} #header #lnb ul#gNavi li {float:left; padding:0; background: url(../common/bar_nav.gif) no-repeat left 10px; padding:10px 20px;} #header #lnb ul#gNavi li:first-child {background: none; } #header #lnb .navist a{color: #888;text-decoration: none;} #header #lnb .navist a:hover{color: #398ec0;} #header #lnb .navist a.active{color: #398ec0;} #header #lnb #navi01 {position:absolute; top:30px; padding:9px 0 0; left:10px; z-index:1; visibility:hidden;} #header #lnb #navi01 ul {padding:0; margin:0; width:950px; height:auto;} #header #lnb #navi01 ul li {background: none; padding: 0 10px;} #header #lnb #navi02 {position:absolute; top:30px; padding:9px 0 0; left:92px; z-index:1; visibility:hidden;} #header #lnb #navi02 ul {padding:0; margin:0; width:950px; height:auto} #header #lnb #navi02 ul li {background: none; padding: 0 10px;} #header #lnb #navi03 {position:absolute; top:30px; padding:9px 0 0; left:188px; z-index:1; visibility:hidden;} #header #lnb #navi03 ul {padding:0; margin:0; width:950px; height:auto} #header #lnb #navi03 ul li {background: none; padding: 0 10px;} #header #lnb #navi04 {position:absolute; top:30px; padding:9px 0 0; left:260px; z-index:1; visibility:hidden;} #header #lnb #navi04 ul {padding:0; margin:0; width:950px; height:auto} #header #lnb #navi04 ul li {background: none; padding: 0 10px;} #header #lnb #navi05 {position:absolute; top:30px; padding:9px 0 0; left:345px; z-index:1; visibility:hidden;} #header #lnb #navi05 ul {padding:0; margin:0; width:950px; height:auto} #header #lnb #navi05 ul li {background: none; padding: 0 10px;} #header #lnb #navi06 {position:absolute; top:30px; padding:9px 0 0; left:440px; z-index:1; visibility:hidden;} #header #lnb #navi06 ul {padding:0; margin:0; width:950px; height:auto} #header #lnb #navi06 ul li {background: none; padding: 0 10px;} #header #lnb #navi07 {position:absolute; top:30px; padding:9px 0 0; left:553px; z-index:1; visibility:hidden;} #header #lnb #navi07 ul {padding:0; margin:0; width:950px; height:auto} #header #lnb #navi07 ul li {background: none; padding: 0 10px;} .location{position: absolute; right: 10px; top: 10px; text-align: right; padding: 0; height: 22px;} .location li{display: inline; color: #888; background: url(../images/bar_location.gif) no-repeat left 45%; padding: 4px 5px 4px 9px;line-height:1.2;} .location li:first-child{background: none;} .location li a{color: #888; font-size: 11px;text-decoration: none;} .location li.current{color: #888; } .location li.home {background: url(../images/ico/ico_home.gif) no-repeat left 2px; padding-left: 18px;} /* aside_left */ #blindL{position: absolute; top:0; left: 0px; cursor:pointer; height:41px} #blindL span{display:block;text-indent: -9999px; font-size: 0; background:url("../images/btn/b_doorLClose.png") no-repeat; width:16px; height:44px;} #blindL:hover span{background:url(../images/btn/b_doorLOpen.png) no-repeat; width:16px; height:44px} #blindL span.active{background: url(../images/btn/b_doorROpen.png) no-repeat; width:16px; height:44px} #blindL:hover span.active{background:url(../images/btn/b_doorRClose.png) no-repeat; width:16px; height:44px} #blindLmove {position: absolute; right: 0px; cursor:move; height:100%; z-index:99; width:3px; background:url(../images/bg_barL.gif) repeat-y; top:0;} #blindLmove span{ text-indent: -9999px; font-size: 0; background:url(../images/btn/bu_barHand.gif) right 50% no-repeat; width:3px;; height:100%} #blindLmove:hover span{ ;width:3px; height:100%; background:url(../images/btn/bu_barHand.gif) left 50% no-repeat} #blindLmove span.active{ width:3px; height:100%; background:url(../images/btn/bu_barHand.gif) left 50% no-repeat} #blindLmove:hover span.active{ width:3px; height:100%; background:url(../images/btn/bu_barHand.gif) left 50% no-repeat} #tree{width: 197px; position: absolute; bottom: 0; left: 0px; top: 0; z-index: 6; margin:; background:#eee; padding:0 3px 0 0;/*border-right:1px solid #bac2d4*/} .blindL_o{left:-200px !important;} .blindL_o #blindL{position: absolute; top:0; left: 205px; cursor:pointer; height:41px} .blindL_c{left:1px !important;} .boxDate { padding:7px ; padding-right:0; border-bottom:1px solid #fff} .listBuLayer { display:inline-block; border:1px solid #aaa;box-shadow: 1px 1px 0 #ddd !important; background:#f7f7f7} .listBuLayer li {/* border:1px solid #bdbdbd; border-left:1px solid #ddd; */font-size:11px; padding:4px 6px 4px; margin:0; color:#7c7c7c; cursor:pointer; height:14px ; background:#fbfbfb; float:left; vertical-align:middle} .listBuLayer li.first { border-left:0 !important} .listBuLayer li:hover {color:#333} .listBuLayer li.select {; border-left:1px solid #a8c0d0; border-right:1px solid #a8c0d0;padding:4px 6px} .listBuLayer .buIco { background-attachment: scroll; background-clip: border-box; background:#f7f7f7 url(../images/btn/list_Layerbu.png) no-repeat; cursor: pointer; display: inline-block; font-size:0; width:17px} .listBuLayer .buIco:hover { background: #fff url(../images/btn/list_Layerbu.png) no-repeat;} .listBuLayer .buIco.select{ background: #e1ecf4 url(../images/btn/list_Layerbu.png) no-repeat;} .listBuLayer li.bar { color:#ddd; padding:4px 2px 3px } .listBuLayer #btnListOk { background-position: 2px 0;} .listBuLayer #btnListEdit { background-position: -29px 0;} .listBuLayer #btnListDel { background-position: -1px -1px; background: url(../images/btn/list_basket.png) no-repeat} .listBuLayer #btnListCopy { background-position: -87px 0;} .listBuLayer #btnListMove { background-position: -116px 0;} .listBuLayer #btnListFreview { background-position: -145px 0;} .listBuLayer #btnListPackCheck { background-position: -174px 0;} .listBuLayer #btnListPackWrite { background-position: -203px 0;} .listBuLayer #btnListTempCheck { background-position: -232px 0;} .listBuLayer #btnListMessage { background-position: -289px 0;} .listBuLayer #btnListMail { background-position: -317px 0;} .listBuLayer #btnListWriteNews { background-position: -347px 0;} .listBuLayer #btnListWriteImg { background-position: -377px 0;} .listBuLayer #btnListHtml { background-position: -428px 0; width:30px} .listBuLayer #btnImgLeft { background-position: 1px -63px;} .listBuLayer #btnImgCenter { background-position: -29px -63px;} .listBuLayer #btnImgRight { background-position: -58px -63px;} .listBuLayer #btnImgCaptionAdd { background-position: -87px -63px;} .listBuLayer #btnImgCaptionDel { background-position: -116px -63px;} .listBuLayer #btnPrint { background-position: 1px -105px;} .listBuLayer #btnSetting { background-position: -29px -105px;} .listBuLayer #btnFavorit { background-position: -58px -105px;} .listBuLayer #btnRe { background-position: -86px -104px;} .listBuLayer #btnListOk.select,.listBuLayer #btnListOk:hover { background-position: 1px -42px;} .listBuLayer #btnListEdit.select,.listBuLayer #btnListEdit:hover { background-position: -29px -42px;} .listBuLayer #btnListDel.select { background:#e1ecf4 url(../images/btn/list_basket.png) no-repeat; background-position: 2px -20px;} .listBuLayer #btnListDel:hover { background: url(../images/btn/list_basket.png) no-repeat/0 -21px;} .listBuLayer #btnListCopy.select,.listBuLayer #btnListCopy:hover { background-position: -87px -42px;} .listBuLayer #btnListMove.select,.listBuLayer #btnListMove:hover { background-position: -116px -42px;} .listBuLayer #btnListFreview.select,.listBuLayer #btnListFreview:hover { background-position: -145px -42px;} .listBuLayer #btnListPackCheck.select,.listBuLayer #btnListPackCheck:hover { background-position: -174px -42px;} .listBuLayer #btnListPackWrite.select,.listBuLayer #btnListPackWrite:hover { background-position: -203px -42px;} .listBuLayer #btnListTempCheck.select,.listBuLayer #btnListTempCheck:hover { background-position: -232px -42px;} .listBuLayer #btnListMessage.select, .listBuLayer #btnListMessage:hover { background-position: -289px -42px;} .listBuLayer #btnListMail.select, .listBuLayer #btnListMail:hover { background-position: -317px -42px;} .listBuLayer #btnListWriteNews.select, .listBuLayer #btnListWriteNews:hover { background-position: -347px -42px;} .listBuLayer #btnListWriteImg.select, .listBuLayer #btnListWriteImg:hover { background-position: -377px -42px;} .listBuLayer #btnListHtml.select, .listBuLayer #btnListHtml:hover { background-position: -428px -42px;} .listBuLayer #btnImgLeft.select ,.listBuLayer #btnImgLeft:hover { background-position: 2px -84px;} .listBuLayer #btnImgCenter.select,.listBuLayer #btnImgCenter:hover { background-position: -29px -84px;} .listBuLayer #btnImgRight.select,.listBuLayer #btnImgRight:hover { background-position: -58px -84px;} .listBuLayer #btnImgCaptionAdd.select,.listBuLayer #btnImgCaptionAdd:hover { background-position: -87px -84px;} .listBuLayer #btnImgCaptionDel.select,.listBuLayer #btnImgCaptionDel:hover { background-position: -116px -84px;} .listBuLayer #btnPrint.select ,.listBuLayer #btnPrint:hover { background-position: 2px -105px;} .listBuLayer #btnSetting.select,.listBuLayer #btnSetting:hover { background-position: -29px -105px;} .listBuLayer #btnFavorit.select,.listBuLayer #btnFavorit:hover { background-position: -58px -105px;} .listBuLayer #btnRe .select,.listBuLayer #btnRe :hover { background-position: -86px -127px;} .seachBar {width:100%; border-bottom:1px dotted #d2d2d2; clear:both;} .checkList01 {width:100%; border:1px solid #666;} .checkList01 td { border:1px solid #bdbdbd; text-align:center; font-size:11px; padding:3px 7px!important; color:#7c7c7c; cursor:pointer; height:16px !important; background:#fbfbfb; vertical-align:middle} .checkList01 td:hover {color:#333; border:1px solid #777 !important} .checkList01 td.select {background:#E1ECF4; color:#004E80; border:1px solid #6998B6} .checkList02 {width:100%; border:1px solid #666;} .checkList02 td {width:50%; border:1px solid #bdbdbd; text-align:center; font-size:11px; padding:3px 0; color:#7c7c7c; cursor:pointer;} .checkList02 td:hover {color:#333; border:1px solid #777} .checkList02 td.select {background:#E1ECF4; color:#004E80; border:1px solid #6998B6} .checkList03 {width:100%; border:1px solid #666;} .checkList03 td {width:33%; border:1px solid #bdbdbd; text-align:center; font-size:11px; padding:3px 0; color:#7c7c7c; cursor:pointer;} .checkList03 td:hover {color:#333;border:1px solid #777 !important} /*.checkList03 td.select {background:#e1ecf4; color:#004e80; border:1px solid #6998b6}*/ .checkList03 td.select {background:#E1ECF4; color:#004E80; border:1px solid #6998B6} .checkList04 {width:200px !important; border:1px solid #666;} .checkList04 td {width:33%; border:1px solid #bdbdbd; text-align:center !important; font-size:11px; padding:3px 0 !important; color:#7c7c7c; cursor:pointer; background:#ededed !important;} .checkList04 td:hover {background:url(../images/bg_tabClick01.jpg) repeat-x !important; color:#fff !important;} .checkList05 {width:100%; border:1px solid #666;} .checkList05 td {width:33%; border:1px solid #bdbdbd; text-align:center; font-size:11px; padding:3px 0; color:#7c7c7c; cursor:pointer; vertical-align:middle;} .checkList05 td:hover {background:url(../images/bg_tabClick02.jpg) repeat-x; color:#fff;} .checkList05 td.select {background:url(../images/bg_tabClick02.jpg) repeat-x; color:#fff;} .period span{ padding:3px 0 ; width:31%; color:#7c7c7c; border:1px solid #bdbdbd; font-size:11px; text-align:center; float:left ;margin-bottom:5px} .period .buL{ border-right:0;} .period .buR{ border-left:0;} .period .buC{ border-left:0;border-right:0;} .period .buClick{ background:url(../images/bg_tabClick.jpg) repeat-x; border:1px solid #2c6cd9; color:#000} /*.boxDate li { margin:0; padding:1px 0}*/ .boxContents li {width:50% !important; margin-bottom:4px; float:left; font-size:11px;} .boxMedia li {width:30% !important; margin-bottom:6px; float:left; font-size:11px; } .boxSearch { padding:7px ; padding-right:0; border-top:1px solid #d2d2d2} /* aside */ #blind{position: absolute;right:0; top:0; left:auto; cursor:pointer; width:17px; height:44px; border-right:1px solid #c1c2c4; z-index:10} #blind span{display:block; text-indent: -9999px; font-size: 0; background: url(../images/btn/b_doorRClose.png) no-repeat left 50%; height:100%; width:16px } #blind:hover span{ background:url(../images/btn/b_doorROpen.png) no-repeat left 50%; width:16px; height:44px} #blind span.active{ background: url(../images/btn/b_doorLOpen.png) no-repeat left 50%; width:16px; height:44px} #blind:hover span.active{ background: url(../images/btn/b_doorLClose.png) no-repeat left 50%; width:16px; height:44px } #blindmove {position: absolute; left:0px; cursor:move; height:100%; z-index:10; background:url(../images/bg_barR.gif) repeat-y; width:5px} #blindmove:hover {position: absolute; left: 0px; cursor:move; height:100%; z-index:10; background:url(../images/btn/bu_barHand.gif) 6px auto repeat-y; width:5px} #blindmove span{display:block;text-indent: -9999px; font-size: 0; background:url(../images/btn/bu_barHand.gif) left 50% no-repeat ; width:5px; height:100%} #blindmove:hover span{ width:3px; height:100%; background:url(../images/btn/bu_barHand.gif) left 50% no-repeat} #blindmove span.active{ width:3px; height:100%; background:url(../images/btn/bu_barHand.gif) left 50% no-repeat} #blindmove:hover span.active{ width:3px; height:100%; background:url(../images/btn/bu_barHand.gif) left 50% no-repeat} #blindW,.ui-layout-resizer-south,.ui-layout-resizer-north {display:block; position:relative; width:100%; border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:url(../images/bg_handW.gif) repeat-x !important; height:3px; cursor:move} #blindW span,.ui-layout-toggler-south ,.ui-layout-toggler-north {display:block; text-indent: -9999px; font-size: 0; background:url(../images/btn/bar_ver.gif) no-repeat 50% top !important; height:3px; width:100%; cursor:move} #blindW:hover span,#blindW:hover active,.ui-layout-toggler-south:hover ,.ui-layout-toggler-north:hover { background: url(../images/btn/bar_ver.gif) no-repeat 50% top !important; width:100%} .ui-layout-resizer-south,.ui-layout-resizer-north {} #blindLW{display:block; position:absolute; top:442px; left:auto; cursor:pointer; width:100%; border-top:1px solid #d6d8de; border-bottom:1px solid #e4e5e6; background:url(../images/bg_handW.gif) repeat-x; height:4px} #blindLW span{display:block; text-indent: -9999px; font-size: 0; background:url(../images/btn/bar_ver.gif) no-repeat 50% top; height:4px; width:100% } #blindLW:hover span, active{ background: url(../images/btn/bar_ver.gif) no-repeat 50% top; width:100%; height:4px} #sideView {width:315px; position: absolute; bottom: 0; right: 0px; top: 0; z-index: 99; margin:0; background:#fff; padding-left:5px} .viewRight {width:100%} .viewRight .arcodianR {width:100%; background:url(../images/bg_Rtit.gif) repeat-x !important; padding:0; height:28px; vertical-align:middle; color:#323232} .viewRight .arcodianR .on { background:url(../images/ico/i_menu.png) 7px -16px no-repeat; vertical-align:middle; padding:7px 0 0 24px; font-size:11px /*'占쎌쥙�θ굢占쎈쐻�좑옙,'dotum'*/; letter-spacing:-1px; display:inline-block} .viewRight .arcodianR .off { background:url(../images/ico/i_menu.png) 7px 9px no-repeat; vertical-align:middle; padding:7px 0 0 24px; font-size:11px /*'占쎌쥙�θ굢占쎈쐻�좑옙,'dotum'*/; letter-spacing:-1px; color:#7b8aa2; display:inline-block} .blind_o{right:-320px !important;} .blind_c{right:0px !important;} .sideInfo{/*position: absolute; top:0; */width: 100%; display:inline-block} .sideInfo h1.tabTitle{position:relative;height: 24px;background: url(../common/bg_side_line.gif) repeat-x left bottom; color:#398ec0} .sideTitBtn{position: absolute; top:1px; right: -1px; text-align: right;} /*.sideContentArea{}*/ .sideContentArea{padding:4px 10px 15px; line-height:1.8; color:#555} /*.sideContentArea p {text-align:center}*/ .sns { margin:10px 0!important; display:inline-block;} /*.sns img{ margin-right:1px; cursor:pointer; display:inline-block}*/ .sns a { background-image:url(../images/ico/sharing.png) !important; background-repeat:no-repeat; width:20px; height:20px; display:inline-block; cursor:pointer} .sns .twitterShare { background-position:0 -397px; } .sns .facebookShare { background-position:0 -44px !important} .sns .bloggerShare { background-position:0 -710px } .sns .thumblrShare { background-position:0 -264px } .sns .cyworldShare { background-position:0 -687px } .sns .pinterestShare{ background-position:0 -550px } .status { margin:0 !important; display:inline-block; background:url(../images/ico/i_wpms.gif) no-repeat; width:16px; height:15px; display:inline-block; font-size:0; vertical-align:middle} .status.w { background-position:0 -30px } .status.p { background-position:-16px -30px } .status.m { background-position:-32px -30px } .status.s { background-position:-48px -30px } .status.c { background-position:-64px -30px } .status.w_o { background-position:0 0 } .status.p_o { background-position:-16px 0 } .status.m_o { background-position:-32px 0 } .status.s_o { background-position:-48px 0 } .status.c_o { background-position:-64px 0 } .okCMS { margin:0 !important; display:inline-block; background:url(../images/ico/i_okCMS.gif) no-repeat; width:16px; height:15px; display:inline-block; font-size:0; vertical-align:middle} .okPPS { margin:0 !important; display:inline-block; background:url(../images/ico/i_okPPS.gif) no-repeat; width:16px; height:15px; display:inline-block; font-size:0; vertical-align:middle} .okPho { margin:0 !important; display:inline-block; background:url(../images/ico/i_okPho.gif) no-repeat; width:16px; height:15px; display:inline-block; font-size:0; vertical-align:middle} .okCMS.ok01, .okPPS.ok01, .okPho.ok01 { background-position:0 -17px } .okCMS.ok02, .okPPS.ok02, .okPho.ok02 { background-position:-17px -17px } .okCMS.ok03, .okPPS.ok03, .okPho.ok03 { background-position:-34px -17px } .okCMS.ok04, .okPPS.ok04, .okPho.ok04 { background-position:-51px -17px } .okCMS.ok05, .okPPS.ok05, .okPho.ok05 { background-position:-68px -17px } .okCMS.ok06, .okPPS.ok06, .okPho.ok06 { background-position:-85px -17px } .okCMS.ok07, .okPPS.ok07, .okPho.ok07 { background-position:-102px -17px } .okCMS.ok01_o, .okPPS.ok01_o, .okPho.ok01_o { background-position:0 0 } .okCMS.ok02_o, .okPPS.ok02_o, .okPho.ok02_o { background-position:-17px 0 } .okCMS.ok03_o, .okPPS.ok03_o, .okPho.ok03_o { background-position:-34px 0 } .okCMS.ok04_o, .okPPS.ok04_o, .okPho.ok04_o { background-position:-51px 0 } .okCMS.ok05_o, .okPPS.ok05_o, .okPho.ok05_o { background-position:-68px 0 } .okCMS.ok06_o, .okPPS.ok06_o, .okPho.ok06_o { background-position:-85px 0 } .okCMS.ok07_o, .okPPS.ok07_o, .okPho.ok07_o { background-position:-102px 0 } .icon { width:23px; height:20px; display:inline-block; font-size:0; cursor:pointer; vertical-align:top} .b_uci { background:url(../images/btn/b_uci.gif) no-repeat} .b_pdf { background:url(../images/btn/b_pdf.gif) no-repeat ; width:20px} .b_hwp { background:url(../images/btn/b_hwp.gif) no-repeat ; width:20px} .header{ vertical-align:middle !important; margin:5px 0 0; text-align:left} .header h1.sideH1{color: #4fa2dd; font-size: 14px; padding: 0; margin: 0;line-height: 1.4; } .header h2.sideH2{color: #999999; font-size: 12px; padding: 5px 0} .header h2.sideH3{color: #7db1e1; font-size: 12px; padding: 5px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:7px 0 ; font-weight:normal; line-height:1.4} .header h2.sideH4{padding: 8px 0 0 0;background:url(../images/line_dot.gif) repeat-x left top; margin:5px 0 0 5px;} .header p{background: url(../images/line_dot.gif) repeat-x left bottom; padding:3px 10px; font-size: 11px; color: #90b4d4;} .class_div_img {margin: 0px auto 10px; display: table; border: 1px solid rgb(236, 236, 236); color: rgb(102, 102, 102); line-height: 20px; clear: both; font-size: 12px; background: rgb(248, 248, 248); float: none !important; min-width: 278px;} .class_div_img .previewImg {width: 100% } .header p time{font-size: 11px; color: #90b4d4;} .header table{background: url(../images/line_dot.gif) repeat-x left bottom;font-size: 11px; color: #90b4d4; width:100%; margin-bottom:5px;} .header tr{} .header th{padding-left:12px; font-size: 11px; color: #90b4d4; font-weight:normal; text-align:left; vertical-align:middle; font-weight:bold} .header td{padding-left:7px; font-size: 11px; color: #888; vertical-align:middle} .scrollWrap_side{position: absolute; top: 124px !important; left: 0; bottom: 0; right: 0; _position: static;overflow:hidden; text-align:left; padding: 0 0 16px;} .scrollWrap_side .scrollContent_side{position: absolute; top: 0px; bottom: 0;left: 5px; right: 0; overflow: auto; overflow-y: scroll; overflow-x: auto; _position: static; padding: 0;} .ie7 .scrollWrap_side .scrollContent_side{overflow: hidden;overflow-y: scroll; overflow-x: auto;} .scrollWrap_side2{position: absolute; top: 50px; left: 5px; bottom: 30px; right: 0; _position: static;overflow:hidden; text-align:left; padding: 0 0 16px;} .scrollWrap_side2 .scrollContent_side{position: absolute; top: 8px; bottom: 0;left: 0; right: 0; overflow-y: scroll; overflow-x: hidden; _position: static; padding: 5px 0 0; background:#f9f9f9; text-align:justify; line-height:1.6} .ie7 .scrollWrap_side2 .scrollContent_side{overflow: hidden;overflow-y: scroll; overflow-x: auto;} .scrollWrap_detail{position: absolute; top:15px; left: 0; bottom: 0; right: 0; _position: static;overflow:hidden; text-align:left; padding: 16px 0;} .scrollWrap_detail .scrollContent_side{position: absolute; top: 0; bottom: 0;left: 0; right: 0; overflow: auto; overflow-y: scroll; overflow-x: auto; _position: static; padding: 10px 0 0;} .ie7 .scrollWrap_side .scrollContent_side{overflow: hidden;overflow-y: scroll; overflow-x: auto;} .previewBlank { background : url("../images/preview_blank.png") 50% 30% no-repeat!important; height: 100%; width: 100%} .listBlank { background : url("../images/list_blank.png") 50% 50% no-repeat!important; height: 100%; width: 100%; opacity:0.7;padding-bottom: 0 !important} .conImgListView { margin: 5px 0 10px; overflow: hidden; padding: 0 !important; width: 100% } .conImgListView ul { margin: 0 5px 5px; overflow: hidden } .conImgListView li { float: left; line-height: 1.5; margin: 5px 0 0; overflow: hidden; text-align: center} .conImgListView li .thumbArea { border: 1px solid #EEEEEE; display: table-cell; overflow: hidden; padding: 2px; text-align: center; min-width: 270px; background:#fff} .caption_box { color: #888888; padding: 5px; text-align: left;} .origin_box { border: 1px solid #DDDDDD; padding: 5px 7px; text-align: left;} .conImgListView li .thumbArea .axis { display: inline-block; height: 100%; vertical-align: middle; width: 0;} .conImgListView li .thumbArea .imgFrame { display: inline-block; margin: 0 0 10px; position: relative; vertical-align: middle;} .conImgListView li .thumbArea .imgFrame img { display: block; /*border: 1px solid #999999; max-height: 340px !important; max-width: 340px !important*/} .conImgListView li .imgFrame .ico { left: 5px; position: absolute; top: 9px} .sideContent{padding: 10px 12px 0; color: #666;} .sideContent p{line-height: 1.4;} .damsLineDot{padding: 10px 12px 10px !important; color: #666; background:url(../images/line_dot.gif) repeat-x left bottom;} .bannerArea{padding: 0px 0 5px 0; display:inline-block} .bannerCont{padding: 15px 0 0 0;text-align: center;} .controlBtn{text-align: center;font-size: 0;} .scrollWrap_sidebu{ position:absolute; bottom:56px; left:0; right:0; width:100%; background:#f7f7f7 url(../images/line_dot.gif) repeat-x left top; padding:12px 0 16px} .sideContainer2{border: 1px solid #e0e0e0; border-bottom:0; background: #ffffff; padding: 15px 0 0 0; margin-top: -1px;} /*.header2{margin: 0; background: url(/common/line_dot.gif) repeat-x left bottom;} .header2 h1.sideH1{color: #398ec0; font-size: 14px; padding: 0 0 8px 0;} .header2 p{background: url(/common/line_dot.gif) repeat-x left top; padding:5px 0; font-size: 11px; color: #8b897e; line-height:1.4;} .header2 p time{font-size: 11px; color: #90b4d4;} .imgAlt{color: #9f9d91; font-size: 11px; padding: 5px; line-height:1.3;} .imgAlt img{margin-right: 5px;}*/ .sideContainer2{border: 1px solid #e0e0e0; border-bottom:0; background: #ffffff; padding: 15px 0 0 0; margin-top: -1px;} .header2{margin: 0; background: url(/common/line_dot.gif) repeat-x left bottom;} .header2 h1.sideH1{color: #398ec0; font-size: 14px; padding: 0 0 8px 0;} .header2 p{background: url(/common/line_dot.gif) repeat-x left top; padding:5px 0; font-size: 11px; color: #8b897e; line-height:1.4;} .header2 p time{font-size: 11px; color: #90b4d4;} .imgAlt{color: #9f9d91; font-size: 11px; padding: 5px; line-height:1.3;} .imgAlt img{margin-right: 5px;} /* 占쎌쥙�ワ옙�μ물筌먯쉸肉됵옙醫묒삕*/ /*html{scrollbar-3dLight-Color: #eee; scrollbar-arrow-color: #a2a2a2; scrollbar-base-color: #fff; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #f7f7f7; scrollbar-DarkShadow-Color: #eee; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #fff}*/ /* Chrome, Safari占쎌쥙猷욑옙�용쐻占싼됯괍�롪퍓�뤄옙癒⑤쐻占쎌눘��옙醫묒삕*/ /*::-webkit-scrollbar {width: 8px; height: 8px; border: 1px solid #eee; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef} ::-webkit-scrollbar-track {background: #f7f7f7; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.1)} ::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.1); -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}*/ .scrollWrapView{position: absolute; top: 105px; left: 0; bottom: 0px; right: 0; _position: static;overflow:hidden; z-index:0;} .scrollWrapView .scrollContent{position: absolute; top: 26px; bottom: 0;left: 0; right: 0; z-index:0; overflow-y: scroll; overflow-x: hidden; _position: static; height:225px} .ie7 .scrollWrapView .scrollContent{overflow: hidden; overflow-y: scroll; overflow-x: hidden;} .scrollWrapView2{position: absolute; top: 0px; left: 0; bottom: 0px; right: 0; _position: static;overflow:hidden; z-index:0;} .scrollWrapView2 .scrollContent2{position: absolute; top: 26px; bottom: 0;left: 0; right: 0; z-index:0; overflow-y: scroll; overflow-x: hidden; _position: static; height:225px} .ie7 .scrollWrapView2 .scrollContent2{overflow: hidden; overflow-y: scroll; overflow-x: hidden;} .scrollWrapViewInfo {position:absolute; top:85px; bottom:0; left:0; right:0; overflow-y:scroll; overflow-x:hidden; padding:12px 5px 12px 12px} .scrollContent_side {padding-bottom:20px; font-size:12px; line-height:1.6} /*.newsConR .scrollContent{position: absolute; top:0; bottom: 0;left: 0; right: 0; z-index:0;overflow: auto; overflow-y: scroll; overflow-x: auto; _position: static; width:100%; min-width:280px}*/ /*�좎럥�얍뜝�뚯젧*/ #mainContents .scrollWrap{ position:absolute; top:76px} /*�좎럥�얍뜝�뚯젧*/ .scrollWrap{position: absolute; top: 69px; left: 0; bottom: 0px; right: 0; _position: static;overflow:hidden; z-index:0} .scrollWrap .scrollContent{position: absolute; top: 22px; .top: 22px; bottom: 0;left: 0; right: 0; z-index:0;overflow: auto; overflow-y: scroll; overflow-x: auto; _position: static;} .scrollWrap .scrollContentWPS{position: absolute; top: 0px; .top: 0px; bottom: 0;left: 0; right: 0; z-index:0;overflow: auto; overflow-y: scroll; overflow-x: auto; _position: static;} .ie7 .scrollWrap .scrollContent{overflow: hidden; overflow-y: scroll; overflow-x: auto;} .ie7 .scrollWrap .scrollContentWPS{overflow: hidden; overflow-y: scroll; overflow-x: auto;} /* 2015.12.28 �좎럥�뀐옙釉먮짗占쏙옙*/ .scrollWrap.sepTop { bottom: 60%;} .scrollWrap.sepBot { top: 40%;} .scrollWrap.sepBot .device { top: 6px; width:180px; right:auto} .scrollWrap.sepBot .view { top: 6px; left:180px; text-align:center} .scrollWrap.sepBot .view .thumbArea { border: 1px solid #EEEEEE; display:block; overflow: hidden; padding: 2px; text-align: center; min-width: 270px; background:#fff;margin: 5px;} .scrollWrap.sepBot .view .thumbArea .axis { display: inline-block; height: 100%; vertical-align: middle; width: 0;} .scrollWrap.sepBot .view .thumbArea .imgFrame { display: inline-block; margin: 0; position: relative; vertical-align: middle;} .scrollWrap.sepBot .view .thumbArea .imgFrame img { display: block; /*border: 1px solid #999999; max-height: 340px !important; max-width: 340px !important*/} .scrollWrap.sepBot .view .imgFrame .ico { left: 5px; position: absolute; top: 9px} .scrollWrap.sepBot .device .boardlistLi ul li { padding: 10px 20px; height: 120px;} /* 2015.12.28 �좎럥�뀐옙釉먮짗占쏙옙*/ .scrollWrapPop{} .scrollWrapPop .scrollContent{overflow: auto; overflow-y: scroll; overflow-x: auto; height:290px; border-bottom:1px solid #D0D0D0;} .ie7 .scrollWrapPop .scrollContent{overflow: hidden; overflow-y: scroll; overflow-x: auto;} .popLayerContent .scrollContent.templetBox { height:auto !important; top:0; margin-bottom:0; border-bottom:0} .popLayerContent .scrollContent.templetBox ul:last-child{ border-bottom:0 !important} .scrollTop{top:37px;} .viewBu{position: absolute; top:0; width:720px; border-top: 1px solid #f0f0f0; _position: static; padding: 9px 0 7px; border-bottom: 1px solid #e6e6e6; background:#fff} .viewBu .btnL{text-align: left; padding:0 0 0 12px;} .viewBu .btnR {position: absolute; right: 12px; text-align: right; top: 9px; background: url(../images/bg_listbot.png) repeat-x} .listBu{position: absolute; bottom: 40px; width: 100%; background: url(../images/bg_listbot.png) repeat-x; border-top: 1px solid #f0f0f0; _position: static; padding: 10px 0;} .listBu .btnL{text-align: left; padding-left: 12px;} .listBu .btnR {position: absolute; right: 12px; text-align: right; top: 10px; background: url(../images/bg_listbot.png) repeat-x} .listFoot{position: absolute; bottom: 0; width: 100%; height: 20px; _position: static; padding: 10px 0; border-top: 1px solid #ccc; background:#fff} .listFoot .btnL{text-align: left; padding-left: 12px;} .listFoot .btnR {position: absolute; right: 12px; text-align: right; top: 10px} .listFootPps{position: absolute; bottom: 0; width: 100%; height: 55px; _position: static; padding: 10px 0; border-top: 1px solid #ccc; background:#fff} .listFootPps .btnL{text-align: left; padding-left: 12px;} .listFootPps .btnR {position: absolute; right: 12px; text-align: right; top: 10px} .listFootWPS{position: absolute; bottom: 0; width: 100%; height: 55px; _position: static; padding: 10px 0; border-top: 1px solid #ccc; background:#fff} .listFootWPS .btnL{text-align: left; padding-left: 12px;} .listFootWPS .btnR {position: absolute; right: 12px; text-align: right; top: 10px} .unselectable { -moz-user-focus: ignore; -moz-user-select: -moz-none; } .scroll{overflow: auto;} .scrl{overflow: auto;} .noResult {text-align:center; padding-top:60px} /*Loading Bar 140120*/ .loadingBar {position:absolute; width:100%; height:100%; top:0; z-index:50000} .loadingBar img {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; opacity:0.75} /*占쎌쥙�∽옙占쎈뭄占쎈벊�뺝뜝�덊뒄癲뉖낑��140507*/ .pop_container { } #container_pop{position:absolute; top:40px; bottom:0px; left:0;right:0;overflow:hidden;margin:0;min-height:200px; z-index:20; } .ie6 #container_pop{position:relative;top:0;bottom:34px;height:100%;overflow:visible;margin:-95px 0 -39px 0;padding-top:35px;padding-bottom:29px} #container_pop:after{clear:both;display:block;height:0;content:'';visibility:hidden} #containerArea_pop{position: absolute; top: 12px; left: 0; bottom: 0; right: 0; _position: static;} .scroll_y{overflow-y: auto; overflow-x: hidden;} .scroll_x{overflow-x: auto; overflow-y: hidden;} .scroll_xy{overflow-x: auto; overflow-y: auto;} #containerFix_pop{min-width:560px;min-height: 600px;} #container_pop.newsWriteTop {top:85px} /*�좎럡��옙釉먮폇占쎄퍜�숅��귥삕占쎈굝痢⑼옙醫롫짗占쎌눨�앾옙袁④텥�좎럥裕�/ #containerTop {position: absolute; top: 0; left: 0; bottom: 55%; right: 0; _position: static;} #containerBottom {position: absolute; top: 51%; left: 0; bottom: 0; right: 0; _position: static;} #containerBottom_Pop {position: absolute; top: 46.5%; left: 0; bottom: 60px; right: 0; _position: static;} #containerLeft_Pop {position: absolute; top: 0; left: 10px; bottom: 60px; right: 40%; _position: static;} #containerRight_Pop {position: absolute; top: 0; left: 60%; bottom: 60px; right: 0; _position: static;} #containerLeft_Pop2 {position: absolute; top: 0; left: 10px; bottom: 60px; right: 60%; _position: static;} #containerRight_Pop2 {position: absolute; top: 0; left: 40%; bottom: 60px; right: 0; _position: static;} #container_pop .sum {margin:auto; position:absolute; top:45%; left:40.5%; text-align:center; display:inline-block; padding:2px; cursor:pointer} #containerArea_pop .add_operation { background:url(../images/ico/arrow_01.png) left 50% no-repeat; display:inline-block; width:27px; height:29px} #firstW3_pop {position: absolute; top: 0; left: 10px; bottom: 0; right: 66%; _position: static; border:1px solid #aaa} #SecW3_pop {position: absolute; top: 0; left: 50.5%; bottom: 0; right: 25%; _position: static; border:1px solid #aaa} #ThirW3_pop {position: absolute; top: 0; left: 75.5%; bottom: 0; right: 10px; _position: static; border:1px solid #aaa} #ResultCom {position: absolute; top: 0; left: 10px; bottom: 0; right: 10px; _position: static; border:1px solid #aaa} #firstH2_pop {position: absolute; top: 30px; left: 0; bottom: 50%; right: 0; _position: static; border:1px solid #aaa} #SecH2_pop {position: absolute; top: 51%; left: 0; bottom: 0; right: 0; _position: static; border:1px solid #aaa} #popupPreview #previewContent {border: #b5b5b5 solid 1px; bottom: 60px; left: 15px; overflow-y: auto; padding : 0 20px; position: absolute; right: 15px; top: 0; text-align:center; background:#f7f7f7} #popupPreview #previewContent .preview { width: 640px; margin:0 auto; background:#fff; padding:20px; bottom:0!important; border:0!important; overflow-y:hidden!important; position:relative !important} #popupPreview .preview h1 {color: #000; font-size: 24px; font-weight: bold; line-height: 36px; text-align:left} .preview h2 {color: #999; font-size: 16px; padding: 8px 0; text-align:left} .preview h3 {color: #7db1e1; font-size: 12px; font-weight: normal; line-height: 1.4; text-align:left} .preview .article { margin:15px 0; font-size: 16px; line-height: 1.8; text-align: justify; display:inline-block} .article figure figcaption {display: block; text-align: left; font-size: 14px; line-height: 1.4} .article .class_div_main {max-width: 500px; width:100%; margin: 0 auto;} .article .class_div_main img {width: 100%;} /* // �좎럡��옙釉먮폇占쎄퍜�숅��귥삕占쎈굝痢⑼옙醫롫짗占쎌눨�앾옙袁④텥�좎럥裕�/ /*占쎈씈猷뉓짆�삼옙�좑옙占쎌쥙�∽옙占쎌삕占쏙옙/ #previewContent {border: #b5b5b5 solid 1px; bottom: 60px; left: 15px; overflow-y: auto; padding : 0 20px; position: absolute; right: 15px; top: 0; text-align:center; background:#f7f7f7} #previewContent .contentsEditor { width: 640px; margin:0 auto; background:#fff; padding:20px; border:0 !important} .contentsEditor h1 {color: #000; font-size: 24px; font-weight: bold; line-height: 36px; text-align:left} .contentsEditor h2 {color: #999; font-size: 16px; padding: 8px 0; text-align:left} .contentsEditor h3 {color: #7db1e1; font-size: 12px; font-weight: normal; line-height: 1.4; text-align:left} .contentsEditor .article { margin:15px 0; font-size: 16px; line-height: 1.8; text-align: justify; display:inline-block} /* //占쎈씈猷뉓짆�삼옙�좑옙占쎌쥙�∽옙占쎌삕占쏙옙/ .container_pop {position:absolute; top:15px!important; bottom:15px!important; left:15px!important; right:15px!important; overflow:hidden; margin:0 ; min-width:1050px; min-height:650px; z-index:100; } .fileList{ width:100%; height:168px} #content_pop{position:absolute;top:0;bottom:60px;left:16px;right:347px; overflow:hidden;width:auto; color:#555; min-width:400px; z-index:10} .ie6 #content_pop{position:static;width:100%;zoom:1;overflow:hidden;} @media print{#content_pop{overflow:visible}} #contentsFile{position:absolute;top:auto;bottom:60px;left:16px;right:347px; overflow:hidden;width:auto; color:#555; min-width:400px; border:1px solid #b5b5b5; z-index:99; background:#fff} .ie6 #contentsFile{position:static;width:100%;zoom:1;overflow:hidden;} @media print{#contentsFile{overflow:visible}} #contentsFile .boxBorder header {/*min-width:750px*/;min-width:700px} #contentsFile header b { margin-right:5px; vertical-align:middle} #contentsFile header span { margin-top:-1px} .resultSearch { background : url("../images/btn/bu_searchDate.png") no-repeat; cursor: pointer; display: inline-block; height: 22px; width: 22px; vertical-align:middle; margin-left:3px } .resultSearch:hover { background-position : 0px -22px} .upload{ position:absolute;top:0;bottom:0;left:0;right:0; overflow:hidden;width:auto; min-width:400px; border:1px solid #fff; background:#eef1f7; color:#75869f; text-align:center; display:inline-block; z-index:5; font-size:14px} .upload h3{ display:block; margin:5% 0 15px} .upload .progress{ width:400px; height:8px; border:1px solid #93a5b9; display:inline-block;background:url(../images/animated-overlay.gif) repeat-x } #contentsFileP{position:absolute; top:40px; bottom:auto; left:16px; right:347px; overflow:hidden;width:auto; color:#555; border:1px solid #b5b5b5; z-index:5} .ie6 #contentsFilep{position:static;width:100%;zoom:1;overflow:hidden;} @media print{#contentsFilep{overflow:visible}} .contentW100_pop{right:0 !important;} /* content width 100%占쎌쥙猷욑옙�용쐻占쎈뜄占썲뜝�덈뱠占쎌쥙猷욑옙�용쐻占쎌늿�뺧옙醫롫뼩占쎈끏裕�*/ #container_pop .title {width:100%; min-width:630px} #container_pop .title li { margin:3px 0} #container_pop .title li b{ width:70px; display:inline-block; padding-top:2px; vertical-align:middle} #container_pop .title li input[type="text"]{ height: 22px; border: 1px solid #cacaca; line-height: 1.4; padding: 0 2px;} /*#content_pop .title {width:100%; min-width:630px} #content_pop .title li { margin:3px 0} #content_pop .title li b{ width:70px; display:inline-block; padding-top:2px; vertical-align:middle}*/ /*#content_pop.photoPop { bottom:60px !important}*/ .contentsEditor{ background: url(../images/editor.gif) no-repeat; background-size: cover; border-bottom: 1px solid #ddd; width: 100%; top: 100px; bottom: 0;} #content_pop .contentsEditor {background: url(../images/editor.gif) no-repeat; background-size:cover; border-bottom:1px solid #ddd; width:100%; position: absolute; top:78px; /*top:100px; */bottom:0 !important} #content_pop .contentsEditor_photo {background:#2f2f2f; position: absolute; top:0px; left:0px; right:0px; bottom:0px; text-align:center;} #content_pop .contentsEditor_photo .img {position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; border:1px solid #222} #content_pop .contentsEditor_photo .iconWrap {padding:5px 10px; text-align:left; background:#444; border-bottom:1px solid #555} .iconWrap .deviceBu{ background:url(../images/btn/img_btnDevice.png) 0 1px no-repeat; padding:0; margin:0; float:left;width:22px; height:26px; display:inline-block; cursor:pointer; border:1px solid #444; margin-right:5px} .iconWrap .deviceBu:hover, .iconWrap .deviceBu.on { background-position: 0 -25px !important} .iconWrap .bu_snap{ background:url(../images/btn/img_btnDevice.png) -22px 0px no-repeat; padding:0; margin:0; float:left; margin-right:10px; width:22px; height:25px; display:inline-block; cursor:pointer; border:1px solid #444} .iconWrap .bu_snap:hover, .iconWrap .bu_snap.on { background-position:-22px -25px !important} #content_pop .contentsEditor_photo .iconWrap .pbtnBar { background:url(../images/btn/barB.png) no-repeat; padding:0 3px} #content_pop .compare { display:inline-block; width:49%; } #content_pop .compare textarea {width:93%; } .fieTitfr { float:right; /*width:500px; */text-align:right; margin:-2px 0 0 } .countIcons { margin-right: 5px; display:inline-block} .countIcons b {display: inline-block; height:20px; cursor:pointer; color:#d74e03 !important; padding:3px 2px 0 22px ; text-align:right} .countIcons span { vertical-align:bottom; margin: 0 0 0 5px;} .countIcons .conTxt {background:url('../images/ico/i_text.png') no-repeat;} .countIcons .conImg {background:url('../images/ico/i_img.png') left -1px no-repeat;} .countIcons .conVod {background:url('../images/ico/i_vod.png') no-repeat;} .countIcons .conSound {background:url('../images/ico/i_sound.png') no-repeat;} .countIcons .conFile {background:url('../images/ico/i_file.png') no-repeat;} .themeSearch { display:inline-block;width: 55%; border-left:1px solid #c9c9c9; padding-left:3px} /*占썬꺁�뉛옙節놁쒜占썩뫖�뤹넭怨λ즸�곤옙/ #container_pop .contentsNewsFirst {position: absolute; top:30px; left:0; width:49%; height:250px; border:1px solid #b5b5b5; overflow-y:scroll} #container_pop .contentsNewsSecond {position: absolute; top:30px; right:0px; width:49%; height:250px; border:1px solid #b5b5b5; overflow-y:scroll} #container_pop .contentsNewsCompare {position: absolute; top:317px; bottom:0px; left:0; right:0; border:1px solid #b5b5b5; overflow-y:scroll} #container_pop .subtit { width:49%; display:inline-block; margin-left:0} .diagram { position:relative; display:inline; z-index:998} .diagram ul { position:absolute; display:inline-block; top:18px; left:0; width:50px; background:#333; border:1px solid #111; padding:5px 0 0; box-shadow:0 1px 2px rgba(0, 0, 0, .2);} .diagram ul li { display:block; text-align:left; padding:3px 5px} .diagram ul li:hover { background:#222} .diagram ul li .dia { position:relative!important; top:0 !important; border:0 !important} .text_write {border:1px dotted #eee; padding:0; position:absolute; z-index:998; } .img_mozaic {border:1px dashed #eee; padding:0; position:absolute; z-index:998;opacity: 0.4; background:#000 } .property {border:1px solid #777; background:#535353; padding:5px; position:absolute; z-index:999; top:120px; left:200px; width:220px; text-align:left; box-shadow:0 1px 2px rgba(1, 1, 2, .8); color:#adadad ; vertical-align:top} .propertyW {border:1px solid #777; background:#fff; padding:5px; position:absolute; z-index:999; top:120px; left:200px; width:220px; text-align:left; box-shadow:0 1px 2px rgba(0, 0, 0, .2); color:#333 ; vertical-align:top} #content_pop .contentsEditor_photo .photoWrap {position: absolute; top:50px; bottom:55px; left:20px; right:20px; border:2px solid #f2f5fa; overflow:auto; text-align:center; padding:10px; background:#2f2f2f;} #content_pop .contentsEditor_photo .photoWrap img {position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;} #content_pop .contentsEditor_photo .btnWrap {height:25px; position: absolute; bottom:20px; left:20px; right:20px;} /*#content_pop .contentsEditor_photo .photoButton {float:left; margin:0 5px 0 0;}*/ #content_pop .contentsEditor_photo .zoomButton {width:258px; height:22px; background:url(../images/bg_photoBar.gif) no-repeat left -2px; display:block; float:left; position:relative;} #content_pop .contentsEditor_photo_txt { padding:10px; overflow:auto; text-align:center; color:#888} #content_pop .contentsEditor_photo_modify {background:#2f2f2f; position: absolute; top:30px; left:0px; right:0px; bottom:0px;padding:10px; overflow:auto; text-align:center;} #content_pop .contentsEditor_photo_modify img {position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;} #content_pop .contentsEditor_photo_modify_txt {position: absolute; top:0px; left:0px; right:0px; padding:10px; overflow:auto; text-align:center;} #content_pop .contentsFile {position: absolute; bottom:225px; width:100%} #content_pop .contentsEditor_photo_original {background:#2f2f2f; position: absolute; top:0px; left:0px; right:0px; bottom:0px;padding:10px; overflow:auto; text-align:center;} #content_pop #photoEdit { position:absolute; top:65px; left:0; bottom:0; right:0; text-align:center} #content_pop #photoEdit.device_o {left:150px} #content_pop .device { position: absolute; left:0; bottom:0; top:35px; width:150px; background:#222; z-index:99; overflow:auto; border-right:1px solid #343434} #content_pop .device .scrollWrap { top:0; overflow-y:scroll } #content_pop .device ul { margin:0;} #content_pop .device ul li {margin:5px 3px 0; float:left} #content_pop .device .boardlistLi {padding:0 ; display:block} #content_pop .device .boardlistLi ul {text-align:left; float:left; padding:0px} #content_pop .device .boardlistLi ul li{float:left; text-align:left; padding:2px 5px ; position:relative; cursor:pointer; } #content_pop .device .boardlistLi ul li .thum {border:1px solid #ddd; background:#fbfbfb; width:115px; height:115px; text-align:center; font-size:11px; padding:0px; color:#999; position:relative; margin:0} #content_pop .device .boardlistLi ul li .thum .thumImg {top:0; bottom:0; left:0; right:0; margin:auto; position:absolute !important; max-width:115px; max-height:115px} #content_pop .device .boardlistLi ul li .thum .thumIco { bottom:-1px; right:-1px; position:absolute; z-index:99} #content_pop .device .boardlistLi ul li .thumIco { background: url(../images/ico/thumDevice.png) no-repeat; display: inline-block; height: 22px; margin:0; width: 22px; } #content_pop .device .boardlistLi ul li .thumIcoBu .ico Img { background-position:left top} #content_pop .device .boardlistLi ul li .thumIcoBu .ico Vod { background-position:left -22px} #content_pop .device .boardlistLi ul li .thumIcoBu .ico Txt { background-position:left -44px} #contentsFile .boxBorder {border:1px solid #b5b5b5; position:absolute; bottom:0; left:0; right:0; overflow:hidden} #contentsFile .boxBorder .thumUL {display:block;width:100%; background:#fff; height:140px; float:left} #contentsFile .boxBorder .thumUL ul{ margin:0;} #contentsFile .boxBorder .thumUL ul li{margin:5px 3px 0; float:left} .boxBorder .scrollWrap{position: absolute; left: 0;right: 0; bottom:0px; top:34px; _position: static; overflow:hidden; z-index:0; overflow-y:scroll; overflow-x:hidden; background:#ebebeb;margin:3px} /*.boxBorder .scrollWrap .scrollContent{position: absolute;left: 0; right: 0; z-index:0; overflow-y: scroll; overflow-x: hidden; _position: static; height:240px} .ie7 .boxBorder.scrollWrap .scrollContent{overflow: hidden; overflow-y: scroll; overflow-x: auto;}*/ #content_pop .boxBorder_photo {border:1px solid #b5b5b5; position:absolute; top:60px; left:0; right:0; overflow:hidden} #content_pop .boxBorder_photo .thumUL {display:block;width:100%; background:#fff; height:140px; float:left} #content_pop .boxBorder_photo .thumUL ul{ margin:0;} #content_pop .boxBorder_photo .thumUL ul li{margin:5px 3px 0; float:left} .boxBorder_photo .scrollWrap{position: absolute; left: 0;right: 0; bottom:0px; top:34px; _position: static; overflow:hidden; z-index:0; overflow-y:scroll; overflow-x:hidden; background:#ebebeb;margin:3px} .pop_list { border:1px solid #ddd; bottom:60px !important;} .boxCategory { position:relative; display:inline-block;} .boxCategory .box1 { position:relative; display:inline-block; border:1px solid #aaa; height:250px; } .box1 .boardList {width:100%; table-layout:fixed; min-width:200px} #sideView_pop {width:315px; position: absolute; bottom: 60px; right:16px; top: 0; z-index: 10; margin:0; background:#f7f7f7; border:1px solid #b5b5b5; border-left:0; padding-left:5px} .viewRight_pop {/*width:100% width: calc(100% - 2px); border: 1px solid #b5b5b5;*/ border-left:0} /*.viewRight_pop .arcodianR {width:100%; background:url(../images/bg_Rtit.gif) repeat-x !important; padding:0; height:28px;}*/ .viewRight_pop .arcodianR {width:100%; background:#e6e8ed; padding:0; height:28px; border-bottom:1px solid #adadad} .viewRight_pop .arcodianR b { margin:6px; vertical-align:middle; display:inline-block; font-size:11px; letter-spacing:-1px; color:#657894 } .viewRight_pop .popRtitle {width:94%; margin:2px 0 0 15px; height:24px; line-height:1.4} .viewRight_pop .scrollWrapView {position:absolute; /*top:91px;*/ top:60px;bottom:0px; left:0; right:0; overflow-y:scroll; overflow-x:hidden; padding: 0; background:#f9f9f9} .wrapperViewRight_pop {background:#f7f7f7} #blind_pop{position: absolute;left:5px; top:0; cursor:pointer; border-right:1px solid #b5b5b5; z-index: 11} #blind_pop span{display:block; text-indent: -9999px; font-size: 0; background: url(../images/btn/bPop_doorRClose.gif) no-repeat; width:11px; height:28px } #blind_pop:hover span{ background:#bbb url(../images/btn/bPop_doorRClose_o.gif) no-repeat ; width:11px; height:28px} #blind_pop span.active{ background: url(../images/btn/bPop_doorROpen.gif) no-repeat; width:15px; height:28px} #blind_pop:hover span.active{ background: url(../images/btn/bPop_doorROpen_o.gif) no-repeat ; width:11px; height:28px} .blindPop_o #blind_pop{position: absolute;left:-9px; top:0; bottom:0; cursor:pointer; border-left:1px solid #b5b5b5; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; z-index: 11} .blindPop_o #blind_pop span{display:block; text-indent: -9999px; font-size: 0; background: url(../images/btn/bPop_doorRClose.gif) no-repeat; width:11px; height:28px } .blindPop_o #blind_pop:hover span{ background:url(../images/btn/bPop_doorRClose_o.gif) no-repeat ; width:11px; height:28px} .blindPop_o #blind_pop span.active{ background:#eee url(../images/btn/bPop_doorROpen.gif) no-repeat -1px 50%; width:8px; height:100%} .blindPop_o #blind_pop:hover span.active{ background:#bbb url(../images/btn/bPop_doorROpen_o.gif) no-repeat -1px 50%; width:8px; height:100} #blindPW_pop{ cursor:pointer; z-index: 11; float:right} #blindPW_pop span{display:block; text-indent: -9999px; font-size: 0; background: url(../images/btn/b_arrOpen.gif) no-repeat; width:17px; height:17px; vertical-align:middle} #blindPW_pop:hover span{ background:url(../images/btn/b_arrOpen.gif) no-repeat; width:17px} #blindPW_pop span.active{ background: url(../images/btn/b_arrClose.gif) no-repeat; width:17px} #blindPW_pop:hover span.active{ background: url(../images/btn/b_arrClose.gif) no-repeat; width:17px } /*2014-12-31 : 占쎌쥙�э옙�곷븶 占쎌쥙�∽옙占쎈빝�좎뜴�앾옙�덉퓢�좎럡��占쎌쥙�ζ뤃�얠삕占쎌뼇異�옙�뚯굲占쎌쥙�ワ옙�λ쐻占쎌늿�뺝뜝�덈땻繞벿우삕 占쎌쥙�ο㎖硫대쑏�좑옙占쎌쥙��땟占쏙옙占싸쇱씀占쎌쥙猷욑옙�뗭삕�쀫쨪�숋옙占� .scrollWrapView_pop {position:absolute !important; top:56px; bottom:30px; left:0; right:0; overflow-y:scroll; overflow-x:hidden; padding: 5px 10px 6px 10px} .blindPop_o{right:-320px !important;} .blindPop_c{right:16px !important;} .blindPopW_o{bottom:60px !important; height:34px !important} .blindPopW_c{bottom:105px !important;} .blindPopWR_o{bottom:60px !important; height:34px !important;right:-320px !important;} .blindPopWR_c{bottom:60px !important;right:16px !important;} .blindPopPW_o{bottom:60px !important; height:34px !important} .blindPopPW_c{bottom:105px !important;} .blindPopPW_b{bottom:105px !important;} .blindPopPWR_o{top:62px !important; height:34px !important;right:320px} .blindPopPWR_c{top:106px !important;right:0 !important;} .popNotice {} .popNotice h3 { margin-left:0; margin-top:15px; margin-bottom:10px} /*占쎌쥙�э옙�곷븶*/ /*占쎌쥙�э옙�곷븶占쎌쥙�∽옙占쎈뭄�좑옙/ .photoWrapView {position:absolute; top:0px; bottom:0; left:0; right:0; overflow-y:auto; overflow-x:hidden; padding:12px 5px 12px 12px} #content_pop .photoEditor {background:#d6d6d6; width:100%; position: absolute; top:0; bottom:0;} #content_pop .photoEditor .iconWrap {height:50px; position: absolute; top:20px; left:20px; right:20px;} #content_pop .photoEditor .photoWrap {position: absolute; top:50px; bottom:55px; left:20px; right:20px; border:2px solid #f2f5fa; overflow:auto; text-align:center; padding:10px; background:#2f2f2f;} #content_pop .photoEditor .photoWrap img {position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;} #content_pop .photoEditor .btnWrap {height:25px; position: absolute; bottom:20px; left:20px; right:20px;} #content_pop .photoEditor .photoButton {float:left; margin:0 5px 0 0;} #content_pop .photoEditor .zoomButton {width:258px; height:22px; background:url(../images/bg_photoBar.gif) no-repeat left -2px; display:block; float:left; position:relative;} .scrollWrapViewPhoto {position:absolute; top:0px; bottom:0; left:0; right:0; overflow-y:auto; overflow-x:hidden; padding:12px 5px 12px 0px} .youtubeList_active { border: 5px solid #7db1e1; } .imgWebAppoval {content:url(../images/webApproval.png));} .txtNotice { font-size:14px; line-height:1.6} .imgNotice { font-size:14px; overflow-y:auto; border:1px solid #ddd; padding:10px; line-height:1.4; background:#f7f7f7; color:#222} .imgNotice img{ border:1px solid #aaa} .imgNotice .ex{ border:1px solid #aaa; margin:15px 0 25px; width:280px} span.progress_area {font-weight:bold; padding-bottom: 5px; font-size: 15px;} span.progress_area img {vertical-align:middle; margin-bottom:3px; width: 22px; height: 22px;}