@charset "utf-8";
/* CSS Document */

/* 메인 비주얼 */
.visualWrap2 { width:100%; height:210px; float:left; background:url(../image/background/visualWrapBackground2.jpg) no-repeat center 0; margin:-45px 0 0 0; }
.visualWrap2 .visualSlogan2 { width:100%; height:210px; float:left; font-size:0; line-height:0; text-indent:-20000px; }

/* 인덱스 비주얼 */
.visualWrap { width:100%; height:800px; float:left; background:url(../image/background/visualWrapBackground.jpg) no-repeat right 0; margin:-49px 0 0 0; }
.visualWrap .visualSlogan { width:100%; height:800px; float:left; background:url(../image/background/visualWrapBackground.jpg) no-repeat left 0; font-size:0; line-height:0; text-indent:-20000px; }

/* main_wrap */
.main_itam {width:100%; float:left; padding:14px 0 10px 0; text-align:center; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc;}
.main_itam .main_board {width:94%; margin:0 3% 5px 3%; display:inline-block;}
.main_itam .main_board .board_01 {float:left; width:32%; box-sizing:border-box; border:1px solid #d7d7d7; background-color:#ffffff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 2px 0 0 rgba(0,0,0,0.4); text-align:left; padding:18px 18px 18px 18px;}
.main_itam .main_board .board_02 {float:left; width:32%; box-sizing:border-box; border:1px solid #d7d7d7; background-color:#ffffff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 2px 0 0 rgba(0,0,0,0.4); text-align:left; padding:18px 18px 18px 18px; margin:0 2% 0 2%;}
.main_itam .main_board .board_03 {float:left; width:32%; box-sizing:border-box; border:1px solid #d7d7d7; background-color:#ffffff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 2px 0 0 rgba(0,0,0,0.4); text-align:left; padding:18px 18px 18px 18px;}
.main_itam .main_board .board_title strong {font-size:19px; width:85%; display:inline-block;}
.main_itam .main_board .board_title span a {font-size:17px; width:15%; display:inline-block; background:url(../image/background/main_bullet2.jpg) no-repeat 60px 4px;}
.main_itam .main_board ul {margin-top:10px;}
.main_itam .main_board ul li {background:url(../image/background/main_bullet.jpg) no-repeat left center; font-size:15px; line-height:24px; padding:0 0 0 10px;}
.main_itam .main_board ul li a {width:80%; display:inline-block;}
.main_itam .main_board ul li a:hover {color:#f75e1e;}
.main_itam .main_board ul li span {width:20%; display:inline-block; text-align:center;}

.main_itam .main_link {width:94%; margin:15px 3% 5px 3%; display:inline-block;}
.main_itam .main_link .link_01 {float:left; width:32%; box-sizing:border-box; border:1px solid #96be68; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 2px 0 0 rgba(0,0,0,0.4); text-align:left; background:#a5cd76 url(../image/background/main_link01.png) no-repeat 96% center;}
.main_itam .main_link .link_01 .link_title a {display:block; padding:18px 18px 28px 18px;}
.main_itam .main_link .link_01 .link_title a:hover {box-sizing:border-box; border:0px solid #f79d3d; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#87bd49 url(../image/background/main_link01.png) no-repeat 96% center;}
.main_itam .main_link .link_01 .link_title strong {font-size:19px; color:#566b3d;}
.main_itam .main_link .link_01 .link_title span {font-size:19px; color:#ffffff; margin-left:7px; font-weight:bold;}
.main_itam .main_link .link_01 .link_title p {font-size:17px; color:#e4f0d6;}

.main_itam .main_link .link_02 {float:left; width:32%; box-sizing:border-box; border:1px solid #52b0bf; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 2px 0 0 rgba(0,0,0,0.4); text-align:left; background:#55c3d4 url(../image/background/main_link02.png) no-repeat 96% center; margin:0 2% 0 2%;}
.main_itam .main_link .link_02 .link_title a {display:block; padding:18px 18px 28px 18px;}
.main_itam .main_link .link_02 .link_title a:hover {box-sizing:border-box; border:0px solid #f79d3d; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#1dafc6 url(../image/background/main_link02.png) no-repeat 96% center;}
.main_itam .main_link .link_02 .link_title strong {font-size:19px; color:#f6ff00;}
.main_itam .main_link .link_02 .link_title span {font-size:19px; color:#ffffff; margin-left:7px; font-weight:bold;}
.main_itam .main_link .link_02 .link_title p {font-size:17px; color:#ccedf2;}

.main_itam .main_link .link_03 {float:left; width:32%; box-sizing:border-box; border:1px solid #617aca; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 2px 0 0 rgba(0,0,0,0.4); padding:18px 18px 28px 18px; text-align:left; background-color:#718ce2;}
.main_itam .main_link .link_03 .link_title strong {font-size:19px; color:#ffffff;}
.main_itam .main_link .link_03 .link_title span {font-size:19px; color:#ffffff; margin-left:7px; font-weight:bold;}
.main_itam .main_link .link_03 .link_title .link_input {margin:15px 0 0 0;}
.main_itam .main_link .link_03 .link_title .link_input input.link_search {box-sizing:border-box; border:1px solid #5b72bb; height:32px; line-height:30px; display:inline-block; width:87%; font-size:15px; float:left;}
.main_itam .main_link .link_03 .link_title .link_input input.link_btn {box-sizing:border-box; border:none; margin:0 0 0 -5px;}

/* 인덱스 아이콘랩 */
.indexIconWrap { width:100%; float:left; padding:14px 0 0 0; text-align:center; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; }
.indexIconWrap > div { width:244px; height:289px; display:inline-block; margin:0 0 14px 0; position:relative; }
.indexIconWrap > div a { width:244px; height:289px; display:inline-block; text-align:left; }
.indexIconWrap > div a strong { position:absolute; top:230px; left:12px; }
.indexIconWrap > div a strong > span { text-indent:20px; font-size:12px; color:#3776db; letter-spacing:0; padding:0 0 0 10px; }
.indexIconWrap > div a > span { font-size:13px; color:#959595; position:absolute; bottom:12px; left:12px; }

/* 인덱스 아이콘 미디어쿼리 */
@media all and (min-device-width:1000px) {.indexIconWrap > div { margin:0 2.5% 14px 2.5%; }}
@media all and (min-device-width:1034px) {.indexIconWrap > div { margin:0 5.5% 14px 5.5%; }}
@media all and (min-device-width:1290px) {.indexIconWrap > div { margin:0 5.5% 14px 5.5%; }}
@media all and (min-device-width:1450px) {.indexIconWrap > div { margin:0 5.5% 14px 5.5%; }}
@media all and (min-device-width:1600px) {.indexIconWrap > div { margin:0 0.1% 14px 0.1%; }}
@media all and (min-device-width:1680px) {.indexIconWrap > div { margin:0 0.5% 14px 0.5%; }}

/* 인덱스 아이콘 배경 */
.indexIconOne { background:url(../image/background/indexIcon_1.png) no-repeat; }
.indexIconOne:hover { background:url(../image/background/indexIcon_1_over.png) no-repeat; }
.indexIconOne:hover strong { color:#ffffff; }
.indexIconOne:hover > span { color:#ffffff; }
.indexIconTwo { background:url(../image/background/indexIcon_2.png) no-repeat; }
.indexIconTwo:hover { background:url(../image/background/indexIcon_2_over.png) no-repeat; }
.indexIconTwo:hover strong { color:#ffffff; }
.indexIconTwo:hover > span { color:#ffffff; }
.indexIconThree { background:url(../image/background/indexIcon_3.png) no-repeat; }
.indexIconThree:hover { background:url(../image/background/indexIcon_3_over.png) no-repeat; }
.indexIconThree:hover strong { color:#ffffff; }
.indexIconThree:hover > span { color:#ffffff; }
.indexIconFour { background:url(../image/background/indexIcon_4.png) no-repeat; }
.indexIconFour:hover { background:url(../image/background/indexIcon_4_over.png) no-repeat; }
.indexIconFour:hover strong { color:#ffffff; }
.indexIconFour:hover > span { color:#ffffff; }
.indexIconFive { background:url(../image/background/indexIcon_5.png) no-repeat; }
.indexIconFive:hover { background:url(../image/background/indexIcon_5_over.png) no-repeat; }
.indexIconFive:hover strong { color:#ffffff; }
.indexIconFive:hover > span { color:#ffffff; }
.indexIconSix { background:url(../image/background/indexIcon_6.png) no-repeat; }
.indexIconSix:hover { background:url(../image/background/indexIcon_6_over.png) no-repeat; }
.indexIconSix:hover strong { color:#ffffff; }
.indexIconSix:hover > span { color:#ffffff; }

/* 로케이션 */
.location { width:94%; height:35px; background:url(../image/background/locationBackground.jpg) repeat; border-bottom:1px solid #d7d7d7; padding:0 3%; position:absolute; top:105px; }
.location li { text-align:left; float:left; height:35px; background:url(../image/background/locationDepth.png) left center no-repeat; padding-left:25px; }
.location > li:first-child { background:none; border-left:1px solid #d7d7d7; padding:0; }
.location li > a { display:inline-block; padding:9px 35px 0 25px; height:26px; background:url(../image/background/locationArrowRightBackground.png) right no-repeat; }
.location span { display:inline-block; padding:9px 25px 0 25px; height:26px; }
.location span.home { background:url(../image/background/locationHomeBackground.png) 18px 9px no-repeat; font-size:0; line-height:0; text-indent:-20000px; overflow:hidden; }
.location li ul { float:left; }
.location li ul:hover li { visibility:visible; margin-top:0; }
.location li ul li { float:none; border:1px solid #d7d7d7; border-top:0 none; background:url(../image/background/locationBackground.jpg) repeat; visibility:hidden; margin-top:-500px; padding-left:0; }
.location li ul li a { background:none; border:0 none; }
.location li ul li a:hover { color:#5c9be8; }
.location li ul li:first-child { border:0 none; border-bottom:1px solid #d7d7d7; visibility:visible; margin-top:0; }
.location li ul li:first-child a { background:url(../image/background/locationArrowBackground.png) right no-repeat; }

/* 다단랩 */
.partitionWrap { width:94%; float:left; margin:0 3% 20px 3%; border-top:2px solid #00bdfb; border-bottom:1px solid #00bdfb; }
.partitionWrap .conditionWrap { width:100%; margin:20px 0 10px 0; border:0 none; }
.partitionWrap .buttonWrap { width:auto; float:right; margin:-55px 2% 20px 0; background:none; text-align:right; }
.partitionWrap .leftWrap { width:49%; float:left; overflow:auto; }
.partitionWrap .leftWrap .scrollWrap { width:100%; float:left; overflow:auto; margin:0; border:0 none; padding:0; }
.partitionWrap .leftWrap .scrollWrap > ul { width:100%; float:left; border-top:2px solid #d7d7d7; border-bottom:2px solid #d7d7d7; background:#f9f9f9; }
.partitionWrap .leftWrap .scrollWrap > ul > li { border-left:2px solid #d7d7d7; border-right:2px solid #d7d7d7; }
.partitionWrap .rightWrap { width:49%; float:right; overflow:auto; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; padding:0 0.5% 0 1%; }
.partitionWrap .scrollWrap { width:100%; float:left; overflow:auto; margin:0; padding:0; }
.partitionWrap .titleArea { width:100%; margin:10px 0 5px 0; float:left; text-align:right; padding:0; }
.partitionWrap .titleArea h3 { background:url(../image/common/bullet.png) 0 -57px no-repeat; }
.partitionWrap .basicWriteTb { margin-bottom:10px; border-bottom:1px solid #d7d7d7; }
.partitionWrap .basicWriteTb th { width:auto; }
.partitionWrap .basicWriteTb td { white-space:normal; text-align:center; }
.partitionWrap .horizontalTb { margin-bottom:10px; border-bottom:1px solid #d7d7d7; }
.partitionWrap .horizontalTb th { width:auto; }
.partitionWrap .horizontalTb td { white-space:normal; }

/* 페이지 아이콘 랩 */
.pageIconWrap { width:94%; float:left; margin:0 3% 20px 3%; position:relative; text-align:center; }
.pageIconWrap > li { width:16%; min-height:120px; display:inline-block; margin:20px 0 0 0.3%; border-bottom:1px solid #d7d7d7; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 2px 0 0 rgba(0,0,0,0.4); position:relative; }
.pageIconWrap > li > strong { width:100%; height:30px; float:left; text-align:center; line-height:200%; clear:both; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; box-shadow:0 -1px 0 0 rgba(0,0,0,0.2); }
.pageIconWrap > li > a { min-width:120px; min-height:120px; clear:both; display:block; }
.pageIconWrap > li > a.iconCloseBtn { min-width:0; min-height:0; clear:none; display:none; }
.pageIconWrap > li > a > img { width:100%; height:100%; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }
.pageIconWrap > li > span { display:block; border:1px solid #d7d7d7; text-align:left; padding:5px 10px 5px 15px; background:url(../image/common/bullet.png) 5px -72px no-repeat #f7f7f7; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:10px 0 0 0; }
.pageIconWrap > li > span:last-child { border-bottom:0 none; }

/* 페이지 아이콘 랩 타이틀배경 색상 */
.pageIconWrap > li > strong.erpColor { background:#238ee9; }
.pageIconWrap > li > strong.totalColor { background:#65dc24; }
.pageIconWrap > li > strong.itamColor { background:#ff921d; }
.pageIconWrap > li > strong.earthColor { background:#d8d228; }
.pageIconWrap > li > strong.personnelColor { background:#30d5bc; }
.pageIconWrap > li > strong.maintainColor { background:#ef4a90; }

/* 탭 아이콘 리스트랩 */
.tabPiceWrap { width:99%; float:left; margin:-10px 0 20px 1%; position:relative; text-align:left; }
.tabPiceWrap li { width:13%; min-height:100px; display:inline-block; margin:10px 0.6% 0 0; border-bottom:1px solid #d7d7d7; -webkit-border-radius:10px; -moz-border-radius10:px; border-radius:10px; box-shadow:0 2px 0 0 rgba(0,0,0,0.4); position:relative; }
.tabPiceWrap strong { width:100%; height:30px; float:left; text-align:center; line-height:200%; clear:both; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; box-shadow:0 -1px 0 0 rgba(0,0,0,0.2); background:#4e5255; color:#ffffff; }
.tabPiceWrap a { min-width:100px; min-height:100px; clear:both; display:block; }
.tabPiceWrap a img { width:100%; height:100%; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }
.tabPiceWrap span { display:block; clear:both; border:1px solid #d7d7d7; text-align:left; padding:10px 10px 5px 15px; background:url(../image/common/bullet.png) 5px -72px no-repeat #f7f7f7; -webkit-border-radius:10px; -moz-border-radius10:px; border-radius:10px; margin-top:5px; }
.tabPiceWrap span:last-child { border-bottom:0 none; }

/* 아이콘 콘텐츠랩 */
.iconContentWrap { width:100%; float:left; display:none; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; }
.iconContentWrap .tabContentWrapOne { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; }
.iconContentWrap .tabContentWrapTwo { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .tabContentWrapThree { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .tabContentWrapFour { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .tabContentWrapFive { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .tabContentWrapSix { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .tabContentWrapSeven { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .tabContentWrapEight { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .tabContentWrapNine { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .tabContentWrapTen { width:100%; float:left; margin:0; background:url(../image/background/checkBackground.jpg) repeat #fcfcfc; display:none; }
.iconContentWrap .basicWriteTb { width:98%; margin:-1px 1% 10px 1%; background:#ffffff; }
.iconContentWrap .tbSearchArea { width:98%; margin:0 1% 10px 1%; }
.iconContentWrap .buttonWrap { width:98%; margin:0 1% 10px 1%; }
.iconContentWrap .buttonWrapLeft { width:98%; margin:0 1% 10px 1%; }
.iconContentWrap .buttonWrapCenter { width:98%; margin:0 1% 10px 1%; }
.iconContentWrap .conditionWrap { width:98%; margin:10px 1% 10px 1%; }
.iconContentWrap .tabDepthWrap { width:98%; margin:0 1%; }
.iconContentWrap .tabDepthWrap a { margin:10px 10px 0 0; }
.iconContentWrap .tabWrap { width:98%; margin:10px 1% 0 1%; background:url(../image/background/iconTabWrapBackground.png) repeat-x bottom; }
.iconContentWrap .tabWrap ul li.on { background:url(../image/background/iconTabOnBackground.png) no-repeat center bottom; }
.iconContentWrap .titleArea { width:98%; margin:10px 1% 10px 1%; }


/* 실장도 */
.sroomMain {width:99%; float:left; -webkit-border-radius:5px; margin:1% 0.5% 1% 0.5%; -moz-border-radius:5px; border-radius:5px; box-shadow:0 -1px 0 0 rgba(0,0,0,0.2); background:url(../image/sroom/s_room_bg.png) 0px 100% no-repeat #88a7d8;}
.sroomMain li {float:right; margin:1%; vertical-align:bottom;}
.sroomMpic {width:823px; margin:1%; float:left;}
.sroomRackpic {width:290px; height:665px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#ffffff;}
.sroomInfo {width:315px; height:230px;}

.area_hover { border: 1px solid red; }
img.server  { position:absolute; z-index:999; margin-left:20px; }
img.server2  { position:absolute; z-index:999; margin-left:-88px; }

/* 선택메뉴 */
.choice_wrap {}
.choice_wrap ul {}
.choice_wrap ul li {line-height:34px; background:url(../image/background/locationArrowRightBackground.png) no-repeat 10px center;}
.choice_wrap ul li a {display:block; padding:0 0 0 25px; font-size:14px !important; font-weight:bold;}
.choice_wrap ul li a:hover {background:#e2e5f0 url(../image/background/locationArrowRightBackground.png) no-repeat 10px center;}

.choice_wrap ul li.on {line-height:34px; background:#88a6d8 url(../image/background/locationArrowRightBackground.png) no-repeat 10px center;}
.choice_wrap ul li.on a {display:block; padding:0 0 0 25px; font-size:14px !important; color:#ffffff; font-weight:bold;}
.choice_wrap ul li.on a:hover {background:#88a6d8 url(../image/background/locationArrowRightBackground.png) no-repeat 10px center;}

/* 선택메뉴2 */
.choice_wrap2 {box-sizing:boder-box; border:2px solid #d7d7d7;}
.choice_wrap2 ul {}
.choice_wrap2 ul li {line-height:34px; background:url(../image/background/locationArrowRightBackground.png) no-repeat 10px center;}
.choice_wrap2 ul li a {display:block; padding:0 0 0 25px; font-size:14px !important; font-weight:bold;}
.choice_wrap2 ul li a:hover {background:#e2e5f0 url(../image/background/locationArrowRightBackground.png) no-repeat 10px center;}

.choice_wrap2 ul li.on {line-height:34px; background:#88a6d8 url(../image/background/locationArrowRightBackground.png) no-repeat 10px center;}
.choice_wrap2 ul li.on a {display:block; padding:0 0 0 25px; font-size:14px !important; color:#ffffff; font-weight:bold;}
.choice_wrap2 ul li.on a:hover {background:#88a6d8 url(../image/background/locationArrowRightBackground.png) no-repeat 10px center;}