@charset "utf-8";

/* 메인 */
.gw_main {zoom:1; padding:8px 4px 1px; background-color:#ddd;}
.gw_main:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.gw_main .mbox {min-height:200px; margin:0 4px 8px; background-color:#fff; box-shadow:0 0 2px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05);} /* border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; */
.gw_main .mbox .tit_bar {height:24px; padding:5px; border-top:2px solid #aaa; border-bottom:1px solid #ddd; background:url(../img/ico_main.png) no-repeat 2px 0; font-size:1.1em; line-height:24px;} /* border-top:2px solid #739ad5; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; */
.gw_main .mbox .tit_bar h2 {margin:0; padding:0; font-size:1em;}
.gw_main .mbox .tit_bar h2 a {display:block; height:24px; padding-left:30px; line-height:26px; color:#444; text-decoration:none;}
.gw_main .mbox .tit_bar h2 .count {display:inline-block; min-width:12px; height:12px; margin:4px 2px; padding:2px; background-color:#4eba64; font-size:0.8em; line-height:13px; text-align:center; color:#fff; vertical-align:top; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; *display:inline; *zoom:1;}
.gw_main .mbox .cont_box .lst {min-height:165px; margin:0; padding:0; list-style:none;}
.gw_main .mbox .cont_box .lst li {height:22px; padding:5px 8px; line-height:22px; border-bottom:1px solid #eee;}
.gw_main .mbox .cont_box .lst li a {display:block; width:100%; height:22px; line-height:22px; color:#444; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.gw_main .mbox .cont_box .lst li .mico {margin-right:5px; vertical-align:top;}
.gw_main .mbox .cont_box .lst li.unread {font-weight:bold;}
.gw_main .mbox .cont_box .lft_photo li, .gw_main .mbox .cont_box .lft_photo li a {height:30px; line-height:30px;}
.gw_main .mbox .cont_box .lft_photo li .photo {display:inline-block; width:30px; height:30px; margin:0 7px 0 0; overflow:hidden; vertical-align:top; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; *display:inline; *zoom:1;}
.gw_main .mbox .cont_box .lft_photo li .photo img {width:30px; min-height:100%;}
.gw_main .mbox .cal_ico {display:inline-block; width:8px; height:16px; margin-right:5px; *display:inline; *zoom:1; background-color:#f5f5f5; vertical-align:middle;}
.gw_main .mbox_btm {padding:6px 0; text-align:center;}
.gw_main .mbox_btm .pagination {display:inline-block; height:16px; padding:8px 0 0 5px; vertical-align:middle;}
.gw_main .mbox_mail .cont_box .lst li .mico {background-position:-180px -40px;}
.gw_main .mbox_mail .cont_box .lst li.unread .mico {background-position:-160px -40px;}
.gw_main .mbox_msg .tit_bar {background-position:2px -34px;}
.gw_main .mbox_app .tit_bar {background-position:2px -67px;}
.gw_main .mbox_bbs .tit_bar {background-position:2px -101px;}
.gw_main .mbox_rpt .tit_bar {background-position:2px -135px;}
.gw_main .mbox_cal .tit_bar {background-position:2px -169px;}

@media all and (min-width:640px){
	.gw_main_lft {float:left; width:50%;}
	.gw_main_rgt {float:right; width:50%;}
}

/* 기본 정보 */
.basic_info {padding:5px 5px 10px;}
.basic_info .info_box {*zoom:1; height:60px; background-color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 2px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.05);}
.basic_info .info_box:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.basic_info .weather_feed {float:right;}
.basic_info .weather_feed .weather_item {height:40px; padding:10px 10px 10px 80px; text-align:right; background-size:113px 82px;}
.basic_info .weather_feed .weather_city {font-size:0.9em; padding-bottom:2px; color:#84c1ff;}
.basic_info .weather_feed .weather_temp {font-size:1.3em; font-weight:bold; color:#84c1ff;}
.basic_info .weather_feed .weather_desc,
.basic_info .weather_feed .weather_range,
.basic_info .weather_feed .weather_wind,
.basic_info .weather_feed .weather_link {display:none;}

/* 하이브리드앱 */
.hybrid_start .header {position:fixed; top:0; left:0; width:100%; z-index:2;}
.hybrid_start .content {padding-top:41px; z-index:1;}
.hybrid_start .footer {display:none;}

/* 바로가기 */
.svc_main_container {background:url(../img/svc_main.gif) repeat 0 0;}
.svc_main_container .svc_main_inner {background:url(../img/svc_main_lft.gif) repeat-y 0 0;}
.svc_main_container .svc_main_inner .svc_main {*zoom:1; background:url(../img/svc_main_rgt.gif) repeat-y 100% 0;}
.svc_main_container .svc_main_inner .svc_main:after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.svc_main .tab_pane {min-height:405px;}
.svc_main .svc_row {position:relative; background:url(../img/svc_main.gif) repeat-x 0 0;}
.svc_main .svc_row .row_lft {background:url(../img/svc_main_lft.gif) no-repeat 0 0;}
.svc_main .svc_row .row_rgt {*zoom:1; min-height:125px; background:url(../img/svc_main_rgt.gif) no-repeat 100% 0;}
.svc_main .svc_row .row_rgt:after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.svc_main .svc_tit {display:none;}
.svc_main .svc_ico {float:left; width:33.3%;}
.svc_main .svc_ico .ico_box {display:block; position:relative; width:100px; height:25px; margin:0 auto; padding-top:100px; background:url(../img/svc_icon.png) no-repeat 0 0; color:#333; text-align:center; text-decoration:none; z-index:1;}
.svc_main .svc_ico .ico_box .count {display:block; position:absolute; top:26px; right:10px; min-width:10px; height:20px; padding:0 5px; font-size:0.9em; font-weight:bold; line-height:22px; color:#fff; text-align:center; background-color:#f30; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.svc_main .svc_ico .ico_box .down {display:block; position:absolute; top:26px; right:8px; width:24px; height:24px; background:url(../img/img_main.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
.svc_main .svc_ico .ico_box .arr {display:none; position:absolute; bottom:-1px; left:50%; width:17px; height:9px; margin-left:-6px; background:url(../img/sub_arr.gif) no-repeat 0 0;}
.svc_main .svc_ico1 .ico_box {background-position:0 0;} /* 메일 */
.svc_main .svc_ico2 .ico_box {background-position:-100px 0;} /* 쪽지 */
.svc_main .svc_ico3 .ico_box {background-position:-200px 0;} /* 결재 */
.svc_main .svc_ico4 .ico_box {background-position:0 -125px;} /* 게시판 */
.svc_main .svc_ico5 .ico_box {background-position:-100px -125px;} /* 업무보고 */
.svc_main .svc_ico6 .ico_box {background-position:-200px -125px;} /* 일정관리 */
.svc_main .svc_ico7 .ico_box {background-position:0 -250px;} /* 파일함 */
.svc_main .svc_ico8 .ico_box {background-position:-100px -250px;} /* 조직도 */
.svc_main .svc_ico9 .ico_box {background-position:-200px -250px;} /* 주소록 */
.svc_main .svc_ico10 .ico_box {background-position:0 -375px;} /* 메신저 */
.svc_main .svc_ico11 .ico_box {background-position:-100px -375px;} /* 스캐너 */
.svc_main .svc_ico12 .ico_box {background-position:-200px -375px;} /* 설문조사 */
.svc_main .svc_ico13 .ico_box {background-position:0 -500px;} /* 동호회 */
.svc_main .svc_ico14 .ico_box {background-position:-100px -500px;} /* 자원예약 */
.svc_main .svc_ico15 .ico_box {background-position:-200px -500px;} /* 스페이스 */
.svc_main .svc_menu {display:none; position:absolute; top:125px; left:0; width:100%; height:88px;}
.svc_main .svc_menu ul {margin:0 5px; padding:10px 0; border:1px solid #bbb; background-color:#ebebeb; list-style:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.svc_main .svc_menu ul:after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.svc_main .svc_menu ul li {float:left; width:33.3%;}
.svc_main .svc_menu ul li a {display:block; height:34px; padding:0; line-height:34px; color:#444; text-align:center; text-decoration:none;}
.svc_main .svc_menu ul li .count {font-size:0.9em; font-weight:bold; color:#f30;}
.active_1 .svc_ico .ico_box,
.active_2 .svc_ico .ico_box,
.active_3 .svc_ico .ico_box,
.active_4 .svc_ico .ico_box,
.active_5 .svc_ico .ico_box,
.active_6 .svc_ico .ico_box,
.active_7 .svc_ico .ico_box,
.active_8 .svc_ico .ico_box,
.active_9 .svc_ico .ico_box,
.active_12 .svc_ico .ico_box,
.active_13 .svc_ico .ico_box,
.active_14 .svc_ico .ico_box {background-image:url(../img/svc_icon1.png);}
.active_1 .svc_ico1 .ico_box,
.active_2 .svc_ico2 .ico_box,
.active_3 .svc_ico3 .ico_box,
.active_4 .svc_ico4 .ico_box,
.active_5 .svc_ico5 .ico_box,
.active_6 .svc_ico6 .ico_box,
.active_7 .svc_ico7 .ico_box,
.active_8 .svc_ico8 .ico_box,
.active_9 .svc_ico9 .ico_box,
.active_12 .svc_ico12 .ico_box,
.active_13 .svc_ico13 .ico_box,
.active_14 .svc_ico14 .ico_box {background-image:url(../img/svc_icon.png);}
.active_1 .svc_ico .ico_box .count,
.active_2 .svc_ico .ico_box .count,
.active_3 .svc_ico .ico_box .count,
.active_4 .svc_ico .ico_box .count,
.active_5 .svc_ico .ico_box .count,
.active_6 .svc_ico .ico_box .count,
.active_7 .svc_ico .ico_box .count,
.active_8 .svc_ico .ico_box .count,
.active_9 .svc_ico .ico_box .count,
.active_12 .svc_ico .ico_box .count,
.active_13 .svc_ico .ico_box .count,
.active_14 .svc_ico .ico_box .count {background-color:#999;}
.active_1 .svc_ico1 .ico_box .count,
.active_2 .svc_ico2 .ico_box .count,
.active_3 .svc_ico3 .ico_box .count,
.active_4 .svc_ico4 .ico_box .count,
.active_5 .svc_ico5 .ico_box .count,
.active_6 .svc_ico6 .ico_box .count,
.active_7 .svc_ico7 .ico_box .count,
.active_8 .svc_ico8 .ico_box .count,
.active_9 .svc_ico9 .ico_box .count,
.active_12 .svc_ico9 .ico_box .count,
.active_13 .svc_ico9 .ico_box .count,
.active_14 .svc_ico9 .ico_box .count {background-color:#f30;}
.active_1 .svc_ico1 .ico_box .arr,
.active_2 .svc_ico2 .ico_box .arr,
.active_3 .svc_ico3 .ico_box .arr,
.active_4 .svc_ico4 .ico_box .arr,
.active_5 .svc_ico5 .ico_box .arr,
.active_6 .svc_ico6 .ico_box .arr,
.active_9 .svc_ico9 .ico_box .arr,
.active_12 .svc_ico9 .ico_box .arr,
.active_13 .svc_ico9 .ico_box .arr,
.active_14 .svc_ico9 .ico_box .arr {display:block;}
.active_1 .svc_ico1 {padding-bottom:90px;}
.active_1 .svc_menu1 {display:block;}
.active_2 .svc_ico2 {padding-bottom:90px;}
.active_2 .svc_menu2 {display:block;}
.active_3 .svc_ico3 {padding-bottom:126px;}
.active_3 .svc_menu3 {display:block; height:124px;}
.active_4 .svc_ico4 {padding-bottom:90px;}
.active_4 .svc_menu4 {display:block;}
.active_5 .svc_ico5 {padding-bottom:66px;}
.active_5 .svc_menu5 {display:block; height:54px;}
.active_6 .svc_ico6 {padding-bottom:90px;}
.active_6 .svc_menu6 {display:block;}
.active_9 .svc_ico9 {padding-bottom:90px;}
.active_9 .svc_menu9 {display:block;}

/* 스킨 */
.skin_dark .header .nav {background:#343434 url(../img/header_dark.gif) no-repeat 50% 0; border-color:#191919;}
.skin_dark .svc_main_container {background-image:url(../img/svc_dark.gif);}
.skin_dark .svc_main_container .svc_main_inner {background-image:url(../img/svc_dark_lft.gif);}
.skin_dark .svc_main_container .svc_main_inner .svc_main {background-image:url(../img/svc_dark_rgt.gif);}
.skin_dark .svc_main {background-color:#2c2d2f;}
.skin_dark .svc_main .svc_row {background-image:url(../img/svc_dark.gif);}
.skin_dark .svc_main .svc_row .row_lft {background-image:url(../img/svc_dark_lft.gif);}
.skin_dark .svc_main .svc_row .row_rgt {background-image:url(../img/svc_dark_rgt.gif);}
.skin_dark .svc_main .svc_menu ul {border-color:#191919; background-color:#363636;}
.skin_dark .svc_main .svc_menu ul li a,
.skin_dark .svc_main .svc_ico .ico_box {color:#fff;}
.skin_dark .svc_main .svc_ico .ico_box .arr {background-image:url(../img/dark_arr.gif);}
.skin_dark .footer {border-color:#191919; background-color:#2c2d2f;}
.skin_dark .footer .btn_area .btn {border-color:#191919; background-color:#2c2d2f; color:#fff;}

/* GW 스타트 */
.gw_start .header .account_info {position:relative; height:46px; padding:15px 38px 15px 80px; background-color:#214c9c; font-size:1.1em;}
.gw_start .header .account_info .photo {position:absolute; top:10px; left:10px; width:56px; height:56px; overflow:hidden; border-radius:28px; -moz-border-radius:28px; -webkit-border-radius:28px;}
.gw_start .header .account_info .photo img {width:56px; min-height:100%; margin-top:-6px;}
.gw_start .header .account_info .name {display:block; padding-top:4px; color:#fff;}
.gw_start .header .account_info .dept {display:block; padding-top:4px; color:#fff; font-size:0.9em; opacity:0.6;}
.gw_start .header .account_info .optn {position:absolute; top:8px; right:8px;}
.gw_start .header .account_info .optn button {display:block; width:26px; height:26px; background:url(../../../common/img/ico_cbtn_hd.png) no-repeat 0 -260px; background-size:26px 338px; overflow:hidden; text-indent:-9999px; cursor:pointer;}
.gw_start .header .account_info .optn button.setup {margin-top:8px; background-position:0 -182px;}
.gw_start .svc_main_container, .gw_start .svc_main_container .svc_main_inner, .gw_start .svc_main_container .svc_main_inner .svc_main {background:none; overflow:hidden;}
.gw_start .svc_main {padding-bottom:20px;}
.gw_start .svc_main .svc_ico {margin:0; border:0;}
.gw_start .svc_main .svc_ico .ico_box {width:100px; height:80px; margin:0 auto; padding:20px 0; background:url(../img/svc_icon_hd.png) no-repeat 0 0; background-size:300px 1000px;}
.gw_start .svc_main .svc_ico .ico_box .icon {display:block; position:relative; width:70px; height:72px; margin:0 auto; background:none;}
.gw_start .svc_main .svc_ico .ico_box .count {top:-5px; right:-5px; background-color:#f04859;}
.gw_start .svc_main .svc_ico .ico_box .down {top:5px; right:-5px; width:20px; height:20px; background:url(../img/ico_down_hd.png) no-repeat 0 0; background-size:20px 20px;}
.gw_start .svc_main .svc_ico .ico_box .name strong {font-weight:bold;}
.gw_start .svc_main .disabled .ico_box {background-image:url(../img/svc_icon1_hd.png); color:#777; opacity:0.7;}
.gw_start .svc_main .disabled .ico_box .count {display:none;}
.gw_start .svc_main .svc_ico1 .ico_box {background-position:0 -10px;} /* 메일 */
.gw_start .svc_main .svc_ico2 .ico_box {background-position:-100px -10px;} /* 쪽지 */
.gw_start .svc_main .svc_ico3 .ico_box {background-position:-200px -10px;} /* 결재 */
.gw_start .svc_main .svc_ico4 .ico_box {background-position:0 -135px;} /* 게시판 */
.gw_start .svc_main .svc_ico5 .ico_box {background-position:-100px -135px;} /* 업무보고 */
.gw_start .svc_main .svc_ico6 .ico_box {background-position:-200px -135px;} /* 일정관리 */
.gw_start .svc_main .svc_ico7 .ico_box {background-position:0 -260px;} /* 파일함 */
.gw_start .svc_main .svc_ico8 .ico_box {background-position:-100px -260px;} /* 조직도 */
.gw_start .svc_main .svc_ico9 .ico_box {background-position:-200px -260px;} /* 주소록 */
.gw_start .svc_main .svc_ico10 .ico_box {background-position:0 -510px;} /* 메신저 */
.gw_start .svc_main .svc_ico11 .ico_box {background-position:-100px -510px;} /* 스캐너 */
.gw_start .svc_main .svc_ico12 .ico_box {background-position:0 -385px;} /* 설문조사 */
.gw_start .svc_main .svc_ico13 .ico_box {background-position:-100px -385px;} /* 동호회 */
.gw_start .svc_main .svc_ico14 .ico_box {background-position:-200px -385px;} /* 자원예약 */
.gw_start .svc_main .svc_ico15 .ico_box {background-position:-200px -510px;} /* 스페이스 */
.gw_start .svc_main .svc_ico16 .ico_box {background-position:-200px -635px;} /* 업무관리 */
/* 아이콘 class 재정의 */
.gw_start .svc_main .svc_ico15 .ico_box {background-position:-200px -510px;} /* 스페이스 */
.gw_start .svc_main .svc_mail .ico_box {background-position:0 -10px;} /* 메일 */
.gw_start .svc_main .svc_msg .ico_box {background-position:-100px -10px;} /* 쪽지 */
.gw_start .svc_main .svc_app .ico_box {background-position:-200px -10px;} /* 결재 */
.gw_start .svc_main .svc_bbs .ico_box {background-position:0 -135px;} /* 게시판 */
.gw_start .svc_main .svc_rpt .ico_box {background-position:-100px -135px;} /* 업무보고 */
.gw_start .svc_main .svc_cal .ico_box {background-position:-200px -135px;} /* 일정관리 */
.gw_start .svc_main .svc_file .ico_box {background-position:0 -260px;} /* 파일함 */
.gw_start .svc_main .svc_org .ico_box {background-position:-100px -260px;} /* 조직도 */
.gw_start .svc_main .svc_ads .ico_box {background-position:-200px -260px;} /* 주소록 */
.gw_start .svc_main .svc_msgr .ico_box {background-position:0 -510px;} /* 메신저 */
.gw_start .svc_main .svc_scnr .ico_box {background-position:-100px -510px;} /* 스캐너 */
.gw_start .svc_main .svc_poll .ico_box {background-position:0 -385px;} /* 설문조사 */
.gw_start .svc_main .svc_frum .ico_box {background-position:-100px -385px;} /* 동호회 */
.gw_start .svc_main .svc_equ .ico_box {background-position:-200px -385px;} /* 자원예약 */
.gw_start .svc_main .svc_spc .ico_box {background-position:-200px -510px;} /* 스페이스 */
.gw_start .svc_main .svc_work .ico_box {background-position:-200px -635px;} /* 업무관리 */
.gw_start .svc_main .svc_aten .ico_box {background-position:0 -635px;} /* 근태 */
.gw_start .svc_main .svc_sns .ico_box {background-position:-100px -885px;} /* SNS */
.gw_start .svc_main .svc1 .ico_box {background-position:0 -10px;}
.gw_start .svc_main .svc2 .ico_box {background-position:-100px -10px;}
.gw_start .svc_main .svc3 .ico_box {background-position:-200px -10px;}
.gw_start .svc_main .svc4 .ico_box {background-position:0 -135px;}
.gw_start .svc_main .svc5 .ico_box {background-position:-100px -135px;}
.gw_start .svc_main .svc6 .ico_box {background-position:-200px -135px;}
.gw_start .svc_main .svc7 .ico_box {background-position:0 -260px;}
.gw_start .svc_main .svc8 .ico_box {background-position:-100px -260px;}
.gw_start .svc_main .svc9 .ico_box {background-position:-200px -260px;}
.gw_start .svc_main .svc10 .ico_box {background-position:0 -385px;}
.gw_start .svc_main .svc11 .ico_box {background-position:-100px -385px;}
.gw_start .svc_main .svc12 .ico_box {background-position:-200px -385px;}
.gw_start .svc_main .svc13 .ico_box {background-position:0 -510px;}
.gw_start .svc_main .svc14 .ico_box {background-position:-100px -510px;}
.gw_start .svc_main .svc15 .ico_box {background-position:-200px -510px;}
.gw_start .svc_main .svc16 .ico_box {background-position:0 -635px;}
.gw_start .svc_main .svc17 .ico_box {background-position:-100px -635px;}
.gw_start .svc_main .svc18 .ico_box {background-position:-200px -635px;}
.gw_start .svc_main .svc19 .ico_box {background-position:0 -760px;}
.gw_start .svc_main .svc20 .ico_box {background-position:-100px -760px;}
.gw_start .svc_main .svc21 .ico_box {background-position:-200px -760px;}
.gw_start .svc_main .svc22 .ico_box {background-position:0 -885px;}
.gw_start .svc_main .svc23 .ico_box {background-position:-100px -885px;}

/* 아이콘 스킨 */
.skin_icon1 .svc_main .svc_ico {margin-right:-1px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.skin_icon1 .svc_main .svc_ico .ico_box {width:auto; height:76px; padding:8px 0; background:none;}
.skin_icon1 .svc_main .svc_ico .ico_box .count {top:5px;}
.skin_icon1 .svc_main .svc_ico .ico_box .name strong {font-size:0.9em; font-weight:normal;}
.skin_icon1 .svc_main .svc_ico .ico_box .icon {width:50px; height:50px; margin:0 auto; background:url(../img/svc_main_hd.png) no-repeat 50% 0; background-size:50px 1150px;}
.skin_icon1 .svc_main .disabled .ico_box {opacity:0.5;}
.skin_icon1 .svc_main .disabled .ico_box .count {display:none;}
.skin_icon1 .svc_main .svc_ico1 .ico_box .icon {background-position:50% 0;} /* 메일 */
.skin_icon1 .svc_main .svc_ico2 .ico_box .icon {background-position:50% -50px;} /* 쪽지 */
.skin_icon1 .svc_main .svc_ico3 .ico_box .icon {background-position:50% -100px;} /* 결재 */
.skin_icon1 .svc_main .svc_ico4 .ico_box .icon {background-position:50% -150px;} /* 게시판 */
.skin_icon1 .svc_main .svc_ico5 .ico_box .icon {background-position:50% -200px;} /* 업무보고 */
.skin_icon1 .svc_main .svc_ico6 .ico_box .icon {background-position:50% -250px;} /* 일정관리 */
.skin_icon1 .svc_main .svc_ico7 .ico_box .icon {background-position:50% -300px;} /* 파일함 */
.skin_icon1 .svc_main .svc_ico8 .ico_box .icon {background-position:50% -350px;} /* 조직도 */
.skin_icon1 .svc_main .svc_ico9 .ico_box .icon {background-position:50% -400px;} /* 주소록 */
.skin_icon1 .svc_main .svc_ico10 .ico_box .icon {background-position:50% -600px;} /* 메신저 */
.skin_icon1 .svc_main .svc_ico11 .ico_box .icon {background-position:50% -650px;} /* 스캐너 */
.skin_icon1 .svc_main .svc_ico12 .ico_box .icon {background-position:50% -450px;} /* 설문조사 */
.skin_icon1 .svc_main .svc_ico13 .ico_box .icon {background-position:50% -500px;} /* 동호회 */
.skin_icon1 .svc_main .svc_ico14 .ico_box .icon {background-position:50% -550px;} /* 자원예약 */
.skin_icon1 .svc_main .svc_ico15 .ico_box .icon {background-position:50% -700px;} /* 스페이스 */
.skin_icon1 .svc_main .svc_ico16 .ico_box .icon {background-position:50% -950px;} /* 업무관리 */
/* 아이콘 class 재정의 */
.skin_icon1 .svc_main .svc_mail .ico_box .icon {background-position:50% 0;} /* 메일 */
.skin_icon1 .svc_main .svc_msg .ico_box .icon {background-position:50% -50px;} /* 쪽지 */
.skin_icon1 .svc_main .svc_app .ico_box .icon {background-position:50% -100px;} /* 결재 */
.skin_icon1 .svc_main .svc_bbs .ico_box .icon {background-position:50% -150px;} /* 게시판 */
.skin_icon1 .svc_main .svc_rpt .ico_box .icon {background-position:50% -200px;} /* 업무보고 */
.skin_icon1 .svc_main .svc_cal .ico_box .icon {background-position:50% -250px;} /* 일정관리 */
.skin_icon1 .svc_main .svc_file .ico_box .icon {background-position:50% -300px;} /* 파일함 */
.skin_icon1 .svc_main .svc_org .ico_box .icon {background-position:50% -350px;} /* 조직도 */
.skin_icon1 .svc_main .svc_ads .ico_box .icon {background-position:50% -400px;} /* 주소록 */
.skin_icon1 .svc_main .svc_msgr .ico_box .icon {background-position:50% -600px;} /* 메신저 */
.skin_icon1 .svc_main .svc_scnr .ico_box .icon {background-position:50% -650px;} /* 스캐너 */
.skin_icon1 .svc_main .svc_poll .ico_box .icon {background-position:50% -450px;} /* 설문조사 */
.skin_icon1 .svc_main .svc_frum .ico_box .icon {background-position:50% -500px;} /* 동호회 */
.skin_icon1 .svc_main .svc_equ .ico_box .icon {background-position:50% -550px;} /* 자원예약 */
.skin_icon1 .svc_main .svc_spc .ico_box .icon {background-position:50% -700px;} /* 스페이스 */
.skin_icon1 .svc_main .svc_work .ico_box .icon {background-position:50% -950px;} /* 업무관리 */
.skin_icon1 .svc_main .svc_aten .ico_box .icon {background-position:50% -750px;} /* 근태 */
.skin_icon1 .svc_main .svc_sns .ico_box .icon {background-position:50% -1100px;} /* SNS */
.skin_icon1 .svc_main .svc1 .ico_box .icon {background-position:50% 0;}
.skin_icon1 .svc_main .svc2 .ico_box .icon {background-position:50% -50px;}
.skin_icon1 .svc_main .svc3 .ico_box .icon {background-position:50% -100px;}
.skin_icon1 .svc_main .svc4 .ico_box .icon {background-position:50% -150px;}
.skin_icon1 .svc_main .svc5 .ico_box .icon {background-position:50% -200px;}
.skin_icon1 .svc_main .svc6 .ico_box .icon {background-position:50% -250px;}
.skin_icon1 .svc_main .svc7 .ico_box .icon {background-position:50% -300px;}
.skin_icon1 .svc_main .svc8 .ico_box .icon {background-position:50% -350px;}
.skin_icon1 .svc_main .svc9 .ico_box .icon {background-position:50% -400px;}
.skin_icon1 .svc_main .svc10 .ico_box .icon {background-position:50% -450px;}
.skin_icon1 .svc_main .svc11 .ico_box .icon {background-position:50% -500px;}
.skin_icon1 .svc_main .svc12 .ico_box .icon {background-position:50% -550px;}
.skin_icon1 .svc_main .svc13 .ico_box .icon {background-position:50% -600px;}
.skin_icon1 .svc_main .svc14 .ico_box .icon {background-position:50% -650px;}
.skin_icon1 .svc_main .svc15 .ico_box .icon {background-position:50% -700px;}
.skin_icon1 .svc_main .svc16 .ico_box .icon {background-position:50% -750px;}
.skin_icon1 .svc_main .svc17 .ico_box .icon {background-position:50% -800px;}
.skin_icon1 .svc_main .svc18 .ico_box .icon {background-position:50% -850px;}
.skin_icon1 .svc_main .svc19 .ico_box .icon {background-position:50% -900px;}
.skin_icon1 .svc_main .svc20 .ico_box .icon {background-position:50% -950px;}
.skin_icon1 .svc_main .svc21 .ico_box .icon {background-position:50% -1000px;}
.skin_icon1 .svc_main .svc22 .ico_box .icon {background-position:50% -1050px;}
.skin_icon1 .svc_main .svc23 .ico_box .icon {background-position:50% -1100px;}

/* 바로가기 (메트로UI) */
.svc_metro_main {*zoom:1; border-bottom:1px solid #bdbdbd;}
.svc_metro_main:after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.svc_metro_main .svc_tit {display:none;}
.svc_metro_main .svc_ico {float:left;}
.svc_metro_main .svc_ico .svc_ico_inner {height:129px; border:1px solid #bdbdbd; background-color:#f2f2f2;}
.svc_metro_main .svc_ico .svc_ico_inner a {display:block; position:relative; height:108px; padding:10px; color:#444; border:1px solid #fff; border-width:1px 0 0 1px; text-decoration:none;}
.svc_metro_main .svc_ico .icon {display:block; position:absolute; bottom:0; right:0; width:105px; height:95px; background:url(../img/svc_icon.png) no-repeat 0 -20px;}
.svc_metro_main .svc_ico .name {display:inline-block; height:20px; line-height:22px; vertical-align:top;}
.svc_metro_main .svc_ico .count {display:inline-block; min-width:10px; height:20px; padding:0 5px; font-size:0.9em; font-weight:bold; line-height:22px; color:#fff; text-align:center; background-color:#f30; vertical-align:top; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.svc_metro_main .svc_ico1,
.svc_metro_main .svc_ico2,
.svc_metro_main .svc_ico3 {width:50%;}
.svc_metro_main .svc_ico4,
.svc_metro_main .svc_ico5,
.svc_metro_main .svc_ico6,
.svc_metro_main .svc_ico7,
.svc_metro_main .svc_ico8,
.svc_metro_main .svc_ico9,
.svc_metro_main .svc_ico12,
.svc_metro_main .svc_ico13 {width:25%;}
.svc_metro_main .svc_ico14 {width:50%;}
.svc_metro_main .svc_ico1 .svc_ico_inner {border-width:0 1px 1px 0;}
.svc_metro_main .svc_ico2 .svc_ico_inner {border-width:0 0 1px 0;}
.svc_metro_main .svc_ico3 .svc_ico_inner {border-width:0 1px 1px 0;}
.svc_metro_main .svc_ico4 .svc_ico_inner {border-width:0 1px 1px 0; font-size:0.8em;}
.svc_metro_main .svc_ico5 .svc_ico_inner {border-width:0 0 1px 0; font-size:0.8em;}
.svc_metro_main .svc_ico6 .svc_ico_inner {height:100px; border-width:0 1px 1px 0; font-size:0.8em;}
.svc_metro_main .svc_ico7 .svc_ico_inner {height:100px; border-width:0 1px 1px 0; font-size:0.8em;}
.svc_metro_main .svc_ico8 .svc_ico_inner {height:100px; border-width:0 1px 1px 0; font-size:0.8em;}
.svc_metro_main .svc_ico9 .svc_ico_inner {height:100px; border-width:0 0 1px 0; font-size:0.8em;}
.svc_metro_main .svc_ico12 .svc_ico_inner {height:100px; border-width:0 1px 0 0; font-size:0.8em;}
.svc_metro_main .svc_ico13 .svc_ico_inner {height:100px; border-width:0 1px 0 0; font-size:0.8em;}
.svc_metro_main .svc_ico14 .svc_ico_inner {height:100px; border:0; font-size:0.8em;}
.svc_metro_main .svc_ico6 .svc_ico_inner a,
.svc_metro_main .svc_ico7 .svc_ico_inner a,
.svc_metro_main .svc_ico8 .svc_ico_inner a,
.svc_metro_main .svc_ico9 .svc_ico_inner a,
.svc_metro_main .svc_ico12 .svc_ico_inner a,
.svc_metro_main .svc_ico13 .svc_ico_inner a,
.svc_metro_main .svc_ico14 .svc_ico_inner a {height:79px;}
.svc_metro_main .svc_ico2 .icon {background-position:-100px -20px;}
.svc_metro_main .svc_ico3 .icon {background-position:-200px -20px;}
.svc_metro_main .svc_ico4 .icon,
.svc_metro_main .svc_ico5 .icon,
.svc_metro_main .svc_ico6 .icon,
.svc_metro_main .svc_ico7 .icon,
.svc_metro_main .svc_ico8 .icon,
.svc_metro_main .svc_ico9 .icon,
.svc_metro_main .svc_ico12 .icon,
.svc_metro_main .svc_ico13 .icon,
.svc_metro_main .svc_ico14 .icon {width:40px; height:40px; bottom:10px; right:10px; background-size:150px 312px; z-index:1;}
.svc_metro_main .svc_ico4 .icon {background-position:-104px -78px;}
.svc_metro_main .svc_ico5 .icon {background-position:-54px -140px;}
.svc_metro_main .svc_ico6 .icon {background-position:-104px -140px;}
.svc_metro_main .svc_ico7 .icon {background-position:-4px -138px;}
.svc_metro_main .svc_ico8 .icon {background-position:-4px -75px;}
.svc_metro_main .svc_ico9 .icon {background-position:-55px -75px;}
.svc_metro_main .svc_ico12 .icon {background-position:-104px -205px;}
.svc_metro_main .svc_ico13 .icon {background-position:-4px -265px;}
.svc_metro_main .svc_ico14 .icon {background-position:-54px -265px;}
.svc_metro_main .svc_ico4 .name,
.svc_metro_main .svc_ico5 .name,
.svc_metro_main .svc_ico6 .name,
.svc_metro_main .svc_ico7 .name,
.svc_metro_main .svc_ico8 .name,
.svc_metro_main .svc_ico9 .name,
.svc_metro_main .svc_ico12 .name,
.svc_metro_main .svc_ico13 .name,
.svc_metro_main .svc_ico14 .name {height:16px; line-height:18px;}
.svc_metro_main .svc_ico4 .count,
.svc_metro_main .svc_ico5 .count,
.svc_metro_main .svc_ico6 .count,
.svc_metro_main .svc_ico7 .count,
.svc_metro_main .svc_ico8 .count,
.svc_metro_main .svc_ico9 .count,
.svc_metro_main .svc_ico12 .count,
.svc_metro_main .svc_ico13 .count,
.svc_metro_main .svc_ico14 .count {position:absolute; bottom:35px; right:35px; min-width:6px; height:16px; line-height:18px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; z-index:2;}
.svc_metro_main .banner_block {clear:both; border-bottom:1px solid #bdbdbd;}
.svc_metro_main .banner_block .sy-pager {display:none;}
.svc_metro_main .banner_block .sy-caption-wrap {display:none; bottom:0; left:0; width:100%;}
.svc_metro_main .banner_block .sy-caption {left:0; padding:10px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.svc_metro_main .banner_block .sy-caption-wrap .sy-caption a:link,
.svc_metro_main .banner_block .sy-caption-wrap .sy-caption a:visited {color:#fff;}
.svc_metro_main .banner_block .sy-controls {display:block;}
.svc_metro_main .banner_block .sy-controls li {width:40px; min-width:inherit;}
.svc_metro_main .banner_block .sy-controls li a:after {background-color:transparent;}
.skin_metro .svc_main, .svc_metro_simple .svc_main {min-height:360px;}

/* 포스트 */
.post_reader_portlet .portlet {height:auto; margin:0;}
.post_reader_portlet .slide_scroll {position:relative; width:100%; z-index:1;}
.post_reader_portlet .inner_scroll {position:absolute; top:0; height:100%; z-index:1;}
.post_reader_portlet .type_tab {padding:0; border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.post_reader_portlet .type_tab .tab_bar {height:29px; padding:8px; border-bottom:1px solid #ddd;}
.post_reader_portlet .type_tab .tab_bar .tabs {float:left; padding:0; border:0; background:none;}
.post_reader_portlet .type_tab .tab_bar .tabs li {margin:0; padding:0; border:0; background:none; outline:none;}
.post_reader_portlet .type_tab .tab_bar .tabs li a {width:90px; height:27px; margin:0 5px 0 0; padding:0 3px; border:1px solid #bbb; font-weight:bold; text-align:center; line-height:27px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; outline:none; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.post_reader_portlet .type_tab .tab_bar .tabs li a:hover {background-color:#f5f5f5;}
.post_reader_portlet .type_tab .tab_bar .tabs li.ui-tabs-active a {height:29px; border:0; color:#fff; line-height:29px;}
.post_reader_portlet .type_tab .tab_bar .optn {float:right;}
.post_reader_portlet .type_tab .tab_bar .optn .btn {width:29px; height:29px; padding:0; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; opacity:0.6;}
.post_reader_portlet .type_tab .tab_bar .optn .ico_rfsh {background-position:50% -182px;}
.post_reader_portlet .type_tab .tab_bar .optn .ico_srch {background-position:50% -338px;}
.post_reader_portlet .type_tab .btn_simple {display:none;}
.post_reader_portlet .type_tab .btn_detail .ico {background-position:50% -649px;}
.post_reader_portlet .type_tab .btn_simple .ico {background-position:50% -701px;}
.post_reader_portlet .type_tab .tab_con {height:auto; padding:0; overflow:inherit;}
.post_reader_portlet .post_lst_box .srch_box {position:relative; top:auto; left:auto; width:auto; padding:8px 8px 8px 90px; border-bottom:1px solid #ddd; background:none;}
.post_reader_portlet .post_lst_box .srch_box .combobox {position:absolute; top:8px; left:8px;}
.post_reader_portlet .post_lst_box .srch_box .combobox .select_value {width:78px;}
.post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#214c9b; color:#fff;}
.post_reader_portlet .post_lst_box .category_box {height:40px;}
.post_reader_portlet .post_lst_box .category_box .category {position:relative; height:40px; padding:0; overflow:hidden;}
.post_reader_portlet .post_lst_box .category_box .category .tabs {margin:0; padding:0 10px; list-style:none; white-space:nowrap;}
.post_reader_portlet .post_lst_box .category_box .category .tabs li {display:inline-block;}
.post_reader_portlet .post_lst_box .category_box .category .tabs li a {display:inline-block; min-width:38px; height:40px; padding:0 6px; text-align:center; line-height:38px; text-decoration:none;}
.post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {height:38px; border-bottom:2px solid #214c9b; font-weight:bold; color:#444;}
.post_reader_portlet .post_lst_box .category_box .mask_l, .post_reader_portlet .post_lst_box .category_box .mask_r {position:absolute; top:0; width:20px; height:38px; z-index:2;}
.post_reader_portlet .post_lst_box .category_box .mask_l {left:0; background:url(../img/mask_l.png) no-repeat 100% 0;}
.post_reader_portlet .post_lst_box .category_box .mask_r {right:0; background:url(../img/mask_r.png) no-repeat 0 0;}
.post_reader_portlet .post_lst_box .pagination {border-top:1px solid #ddd;}
.post_timeline_box {padding:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f5f5f5;}
.post_timeline_box .no_data {padding:50px 10px; text-align:center; color:#999;}
.post_timeline {padding:8px 8px 0 24px;}
.post_timeline .slt_all {float:right; margin-bottom:-20px; padding-right:8px; color:#888;}
.post_timeline .slt_all .input_chk {margin:-1px 0 0 4px;}
.post_timeline .post_date {display:inline-block; min-width:61px; height:20px; margin-left:-16px; padding:0 5px; background-color:#999; font-size:0.8em; color:#fff; text-align:center; line-height:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.post_timeline .post_date .week {font-size:11px;}
.post_timeline .post_info {padding:6px 0 0 26px; border-left:1px solid #d2d2d2;}
.post_timeline .post_ul {margin:0; padding:0; list-style:none;}
.post_timeline .post_info .post_type {float:left; width:33px; height:33px; margin:10px 0 0 -43px; background:#214c9b url(../img/post_type.png) no-repeat 50% 0; text-align:center; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px;}
.post_timeline .post_info .post_type strong {display:block; margin-top:33px; height:22px; background-color:#f5f5f5; font-size:0.8em; line-height:22px;}
.post_timeline .post_info .type_mail {background-position:50% 0;}
.post_timeline .post_info .type_msge {background-position:50% -33px;}
.post_timeline .post_info .type_eapp {background-position:50% -66px;}
.post_timeline .post_info .type_noti {background-position:50% -99px;}
.post_timeline .post_info .type_sche {background-position:50% -132px;}
.post_timeline .post_info .type_poll {background-position:50% -165px;}
.post_timeline .post_info .type_bod {background-position:50% -198px;}
.post_timeline .post_info .type_doc {background-position:50% -231px;}
.post_timeline .post_info .type_work {background-position:50% -264px;}
.post_timeline .post_info .post_box {position:relative; min-height:46px; padding:10px; border:1px solid #d2d2d2; background-color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.post_timeline .post_info .post_box .arrow {position:absolute; top:15px; left:-10px; width:10px; height:20px; background:url(../../../common/img/popover_arrow.gif) no-repeat 100% -30px;}
.post_timeline .post_info .post_box .ico_chk {display:inline-block; width:20px; height:20px; background:url(../../../common/img/img_sp.png) no-repeat -120px 0; vertical-align:top; *display:inline; *zoom:1;}
.post_timeline .post_info .post_box .ico_chk span {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.post_timeline .post_info .post_box .user .photo {float:left; width:33px; height:33px; overflow:hidden; vertical-align:top; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px;}
.post_timeline .post_info .post_box .user .photo img {width:33px; min-height:100%;}
.post_timeline .post_info .post_box .user .name {display:none;}
.post_timeline .post_info .post_box .post_sub {width:100%; height:20px; padding-top:8px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.post_timeline .post_info .post_box .post_sub a {color:#444; text-decoration:none;}
.post_timeline .post_info .post_box .post_sub .star_chk {position:absolute; top:6px; right:6px; vertical-align:top;}
.post_timeline .post_info .post_box .post_sub .lico_atch {display:none;}
.post_timeline .post_info .post_box .post_cont {padding-top:8px; line-height:1.3; word-break:break-all; word-wrap:break-word;}
.post_timeline .post_info .post_box .post_by {position:absolute; top:10px; left:52px; padding-top:3px; font-size:0.8em;}
.post_timeline .post_info .post_box .post_by .date {display:block; padding-top:2px; color:#999;}
.post_timeline .post_info .post_box .post_by .lico_pop {margin-left:6px;}
.post_timeline .post_info .post_box .view_atch {margin-top:10px; border:0; border-radius:5px;}
.post_timeline .post_info:last-child {padding-bottom:20px;}
.post_timeline .complete .post_box {color:#999;}
.post_timeline .complete .post_box .post_sub a {text-decoration:line-through; color:#999;}
.post_timeline .complete .post_box .ico_chk {background-position:-150px 0;}
.post_timeline .selected .post_box {background-color:#f1f8fc;}
.post_timeline .selected .post_box .arrow {background-image:url(../../../common/img/popover_arrow1.gif);}
.show_srch .post_lst_box .srch_box {display:block;}
.reader_simple .type_tab .btn_detail {display:none;}
.reader_simple .type_tab .btn_simple {display:inline-block;}
.reader_simple .post_timeline .post_info .post_box .post_sub .lico_atch {display:inline-block;}
.reader_simple .post_timeline .post_info .post_box .post_cont,
.reader_simple .post_timeline .post_info .post_box .attach_file {display:none;}

/* 스킨 */
.svc_metro_simple .svc_ico4 .icon,
.svc_metro_simple .svc_ico5 .icon,
.svc_metro_simple .svc_ico6 .icon,
.svc_metro_simple .svc_ico7 .icon,
.svc_metro_simple .svc_ico8 .icon,
.svc_metro_simple .svc_ico9 .icon {width:30px; height:30px; bottom:15px; right:15px; background:url(../img/svc_icon2.png) no-repeat 0 0;}
.svc_metro_simple .svc_ico4 .icon {background-position:0 0;}
.svc_metro_simple .svc_ico5 .icon {background-position:-30px 0;}
.svc_metro_simple .svc_ico6 .icon {background-position:-60px 0;}
.svc_metro_simple .svc_ico7 .icon {background-position:0 -30px;}
.svc_metro_simple .svc_ico8 .icon {background-position:-30px -30px;}
.svc_metro_simple .svc_ico9 .icon {background-position:-60px -30px;}
.svc_metro_simple .svc_ico4 .count,
.svc_metro_simple .svc_ico5 .count,
.svc_metro_simple .svc_ico6 .count,
.svc_metro_simple .svc_ico7 .count,
.svc_metro_simple .svc_ico8 .count,
.svc_metro_simple .svc_ico9 .count {bottom:33px; right:35px;}

/* 메인 */
.new_main {*zoom:1;}
.new_main:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.new_main .svcbox {padding:10px 10px 0;}
.new_main .svcbox a {color:#444; text-decoration:none;}
.new_main .svcbox .lico_atch {width:7px; height:14px; background-position:-206px -43px; vertical-align:top;}
.new_main .svcbox .box_top {height:36px; padding:0 50px 10px 0; border-bottom:1px solid #d2d2d2;}
.new_main .svcbox .box_top a {float:left; width:100%; height:36px;}
.new_main .svcbox .box_top .tit strong {display:inline-block; height:36px; line-height:36px; padding:0 5px; font-size:1.1em; vertical-align:top;}
.new_main .svcbox .box_top .tit .icon {display:inline-block; width:36px; height:36px; border-radius:18px; background:#2c4f91 url(../img/svc_main1_hd.png) no-repeat 50% 4px; background-size:28px 700px; vertical-align:top;}
.new_main .svcbox .box_top .tit .count {display:inline-block; height:36px; line-height:36px; color:#096;}
.new_main .svcbox .box_top .optn {float:right; margin-right:-50px;}
.new_main .svcbox .box_top .optn .btn_fold {width:36px; height:36px; margin:0; border:0; background:none; overflow:visible;}
.new_main .svcbox .box_top .optn .btn_fold span {display:inline-block; width:20px; height:20px; background:url(../../../common/img/tico.png) no-repeat -120px -60px; overflow:hidden; text-indent:-9999px;}
.new_main .svcbox .box_cont {padding-bottom:10px;}
.new_main .svcbox .lst_box > ul {margin:0; padding:0; list-style:none;}
.new_main .svcbox .lst_box > ul > li {padding:6px 10px; border-bottom:1px solid #dedede;}
.new_main .svcbox .lst_box .new {float:left; width:6px; height:6px; margin:5px 0 0 -10px; background-color:#096; border-radius:3px; overflow:hidden; font-size:0;}
.new_main .svcbox .lst_box .new span {display:none;}
.new_main .svcbox .lst_box .no_data {padding:50px 10px; border-bottom:1px solid #dedede; text-align:center; color:#999;}
.new_main .svcbox .m_block {display:block;}
.new_main .svcbox .m_sub {width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.new_main .svcbox .m_info {*zoom:1; font-size:0.9em; color:#999;}
.new_main .svcbox .m_info:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.new_main .svcbox .m_info .user {float:left; max-width:60%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.new_main .svcbox .m_info .date {float:right; max-width:40%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.new_main .box_fold .box_top .optn .btn_fold span {background-position:-140px -60px}
.new_main .box_fold .box_cont {height:0; padding:0; visibility:hidden; overflow:hidden;}
.new_main .svcbox_mail .box_top .tit .icon {background-position:50% 4px;}
.new_main .svcbox_mail .lst_box .m_info {padding-bottom:4px;}
.new_main .svcbox_msg .box_top .tit .icon {background-position:50% -24px;}
.new_main .svcbox_msg .msg_lst > ul > li {margin-top:-1px; padding:0; border:0;}
.new_main .svcbox_msg .m_block {position:relative; min-height:54px; padding:8px 8px 8px 50px; border:1px solid #d2d2d2;}
.new_main .svcbox_msg .m_block .photo {position:absolute; top:8px; left:8px; width:30px; height:30px; overflow:hidden; border-radius:15px;}
.new_main .svcbox_msg .m_block .photo img {width:30px; min-height:100%; vertical-align:top;}
.new_main .svcbox_msg .m_block .m_info {padding-bottom:4px;}
.new_main .svcbox_msg .m_block .m_cont {font-size:0.9em; line-height:1.3; word-break:break-all;}
.new_main .svcbox_eapp .box_top .tit .icon {background-position:50% -52px;}
.new_main .app_state_box {margin-top:-1px; padding:8px 8px 0; border:1px solid #dedede; background-color:#f5f5f5;}
.new_main .app_state_box .date_div {padding-bottom:4px;}
.new_main .app_state_box .date_div .date_tit {padding-bottom:6px; font-size:0.8em; font-weight:bold; color:#777;}
.new_main .app_state_box .app_box {display:block; position:relative; margin-bottom:4px; padding:8px 8px 8px 50px; border:1px solid #d2d2d2; background-color:#fff;}
.new_main .app_state_box .app_box .photo {position:absolute; top:8px; left:8px; width:30px; height:30px; overflow:hidden; border-radius:15px;}
.new_main .app_state_box .app_box .photo img {width:30px; min-height:100%; vertical-align:top;}
.new_main .app_state_box .app_box .m_info {padding-bottom:4px; font-size:0.8em;}
.new_main .app_state_box .app_box .m_sub {padding-bottom:4px; font-weight:bold;}
.new_main .app_state_box .app_box .app_line {font-size:0.8em; color:#888;}
.new_main .app_state_box .app_box .app_line strong {color:#06c;}
.new_main .app_state_box .no_data {padding:54px 0; text-align:center; font-size:0.9em; color:#999;}
.new_main .svcbox_rpt .box_top .tit .icon {background-position:50% -108px;}
.new_main .svcbox_rpt .no_data {height:86px; padding-top:60px; font-size:0.9em; text-align:center; color:#999;}
.new_main .svcbox_rpt .report_lst {margin-top:-1px; padding:5px; border:1px solid #dedede; background-color:#f5f5f5;}
.new_main .svcbox_rpt .report_lst .rpt_box {height:120px; margin:5px; border-width:2px 0 0; border-style:solid; background-color:#fff; text-align:center; box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);}
.new_main .svcbox_rpt .report_lst .rpt_box .sub {height:48px; font-weight:bold; line-height:1.2; overflow:hidden;}
.new_main .svcbox_rpt .report_lst .rpt_box .sub a {display:block; height:32px; padding:8px;}
.new_main .svcbox_rpt .report_lst .rpt_box .user,
.new_main .svcbox_rpt .report_lst .rpt_box .dept,
.new_main .svcbox_rpt .report_lst .rpt_box .date {width:100%; font-size:0.9em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.new_main .svcbox_rpt .report_lst .rpt_box .user {margin-bottom:4px; padding-top:10px;}
.new_main .svcbox_rpt .report_lst .rpt_box .dept {margin-bottom:4px; color:#999;}
.new_main .svcbox_rpt .report_lst .rpt_box .date {color:#999;}
.new_main .svcbox_rpt .report_lst .owl-controls {display:none;}
.new_main .svcbox_bbs .box_top .tit .icon {background-position:50% -80px;}
.new_main .svcbox_bbs .lst_box .m_sub {padding-bottom:4px;}
.new_main .svcbox_cal .box_top .tit .icon {background-position:50% -136px;}
.new_main .svcbox_cal .lst_box > ul > li {padding-left:0;}
.new_main .svcbox_cal .lst_box .m_block {padding-left:10px; border-left:5px solid #ddd;}
.new_main .svcbox_cal .lst_box .m_sub {padding-bottom:4px;}
.new_main .svcbox_cal .lst_box .m_info .period {color:#090;}
.new_main .svcbox_poll .box_top .tit .icon {background-position:50% -248px;}
.new_main .svcbox_poll .lst_box .lico_surv1 {background-position:-280px -60px;}
.new_main .svcbox_poll .lst_box .lico_surv2 {background-position:-300px -60px;}
.new_main .svcbox_poll .lst_box .m_sub {height:20px; line-height:20px;}
.new_main .svcbox_poll .lst_box .m_sub .lico {vertical-align:top;}
.new_main .svcbox_poll .lst_box .m_info .sl {margin:0 2px; color:#ddd;}
.new_main .svcbox_poll .lst_box .m_info .ib {display:inline-block; margin-top:4px; margin-right:10px;}
.new_main .svcbox_poll .lst_box .m_info .period {display:inline-block; margin-top:4px; color:#090;}
.new_main .svcbox_equ .box_top .tit .icon {background-position:50% -304px;}
.new_main .svcbox_equ .resvn_lst .rs_ul {*zoom:1; margin:0; padding:0; list-style:none;}
.new_main .svcbox_equ .resvn_lst .rs_ul:after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.new_main .svcbox_equ .resvn_lst .resvn_info {min-height:54px; padding:8px 8px 8px 68px; border-bottom:1px solid #ddd; background-color:#fff; font-size:0.9em;}
.new_main .svcbox_equ .resvn_lst .resvn_info a {color:#444; text-decoration:none;}
.new_main .svcbox_equ .resvn_lst .resvn_info a:hover {text-decoration:underline;}
.new_main .svcbox_equ .resvn_lst .resvn_info .label {font-size:0.7em;}
.new_main .svcbox_equ .resvn_lst .resvn_info .thmb {float:left; width:54px; height:54px; margin-left:-68px; border:1px solid #dadada; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; overflow:hidden; vertical-align:middle; *display:inline; *zoom:1;}
.new_main .svcbox_equ .resvn_lst .resvn_info .equ .no_thmb {background-color:#f5f5f5; background-image:url(../../../common/img/no_img1.gif); background-size:auto;}
.new_main .svcbox_equ .resvn_lst .resvn_info .equ_name {line-height:1.3;}
.new_main .svcbox_equ .resvn_lst .resvn_info .sub {margin-top:6px; font-size:0.9em;}
.new_main .svcbox_equ .resvn_lst .resvn_info .date {margin-top:6px; color:#06c; font-size:0.9em;}
.new_main .svcbox_equ .resvn_lst .resvn_info .etc {margin-top:6px; color:#888;}
.new_main .svcbox_equ .resvn_lst .resvn_info .res_by {margin-top:6px;}
.new_main .svcbox_equ .resvn_lst .resvn_info .res_by .tel {margin-left:6px;}
.new_main .svcbox_equ .resvn_lst .state_ok {background-color:#06c;} /* 예약완료 */
.new_main .svcbox_equ .resvn_lst .state_wait {background-color:#00adb8;} /* 승인대기 */
.new_main .svcbox_equ .resvn_lst .state_psbl {background-color:#090;} /* 예약가능 */
.new_main .svcbox_equ .resvn_lst .state_imps {background-color:#f00;} /* 예약불가 */
.new_main .svcbox_equ .resvn_lst .state_retn {background-color:#f60;} /* 반려 */
.new_main .svcbox_equ .resvn_lst .state_dlay {background-color:#f00;} /* 반납지연 */
.new_main .svcbox_equ .resvn_none {padding:50px 10px; border-bottom:1px solid #dedede; text-align:center; color:#999;}
.new_main_set {height:40px; margin-top:-1px; border-top:1px solid #ddd;}
.new_main_set .btn_top, .new_main_set .btn_setup {height:40px; height:40px; margin:0; padding:10px 15px 10px 10px; line-height:20px; border:0; background:none; overflow:visible;}
.new_main_set .btn_setup .icon {display:inline-block; width:20px; height:20px; background:url(../../../common/img/tico.png) no-repeat -280px -40px; vertical-align:top; overflow:hidden; text-indent:-9999px;}
.svcbox_setup {margin:10px 0;}
.svcbox_setup > ul {margin:0; padding:1px 0 0; list-style:none;}
.svcbox_setup > ul > li {position:relative; margin-top:-1px; padding-right:82px; border:1px solid #bbb;}
.svcbox_setup > ul > li .svc {display:block; height:20px; line-height:20px; padding:10px;}
.svcbox_setup > ul > li button {position:absolute; top:0; width:40px; height:40px; overflow:visible; border:0; border-left:1px solid #ddd; background:none;}
.svcbox_setup > ul > li button:active {background-color:#d7efff;}
.svcbox_setup > ul > li .move_up {right:41px;}
.svcbox_setup > ul > li .move_dn {right:0;}
.svcbox_setup > ul > li .move_up .tico {background-position:-220px -60px;}
.svcbox_setup > ul > li .move_dn .tico {background-position:-240px -60px;}
.post_setup {margin:10px 0; border:1px solid #bbb;}
.post_setup .info_dl .info_ip {padding-left:95px;}
.post_setup .info_dl dl dt {width:75px;}
.post_setup .info_dl dl:last-child .info_ip {border-bottom:0;}
.post_setup .frm_select {vertical-align:top;}
.rdo_slt_box > ul {margin:0; padding:1px 0 0; list-style:none;}
.rdo_slt_box > ul > li {margin-top:-1px; border:1px solid #bbb;}
.rdo_slt_box > ul > li label {display:block; height:20px; line-height:20px; padding:10px;}
.rdo_slt_box > ul > li .rdobtn {vertical-align:top;}
.rdo_slt_box > ul > li.selected {background-color:#f1f8fc; font-weight:bold;}

@media all and (min-width:640px){
	.new_main {padding-left:1px;}
	.new_main .main_lft {float:left; width:50%; margin-left:-1px; border-right:1px solid #ddd;}
	.new_main .main_rgt {float:left; width:50%; margin-left:-1px; border-left:1px solid #ddd;}
}

@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.new_main .svcbox .box_top .optn .btn_fold span {background-image:url(../../../common/img/tico_hd.png); background-size:360px 140px;}
}

/* ==============================================================================
 *                              Color Skin ver 2.0
 * ============================================================================== */

body.gw_color1 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#2c4f91;} /* NAVY */
body.gw_color1 .gw_start .header .account_info,
body.gw_color1 .post_timeline .post_info .post_type,
body.gw_color1 .new_main .svcbox .box_top .tit .icon,
body.gw_color1 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color1 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#2c4f91 !important;}
body.gw_color2 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#0d7bbf;} /* BLUE */
body.gw_color2 .gw_start .header .account_info,
body.gw_color2 .post_timeline .post_info .post_type,
body.gw_color2 .new_main .svcbox .box_top .tit .icon,
body.gw_color2 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color2 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#0d7bbf !important;}
body.gw_color3 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#00a2b1;} /* BLUISHGREEN */
body.gw_color3 .gw_start .header .account_info,
body.gw_color3 .post_timeline .post_info .post_type,
body.gw_color3 .new_main .svcbox .box_top .tit .icon,
body.gw_color3 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color3 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#00a2b1 !important;}
body.gw_color4 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#006742;} /* GREEN */
body.gw_color4 .gw_start .header .account_info,
body.gw_color4 .post_timeline .post_info .post_type,
body.gw_color4 .new_main .svcbox .box_top .tit .icon,
body.gw_color4 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color4 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#006742 !important;}
body.gw_color5 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#54951e;} /* LIGHT GREEN */
body.gw_color5 .gw_start .header .account_info,
body.gw_color5 .post_timeline .post_info .post_type,
body.gw_color5 .new_main .svcbox .box_top .tit .icon,
body.gw_color5 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color5 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#54951e !important;}
body.gw_color6 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#f2c91a;} /* YELLOW */
body.gw_color6 .gw_start .header .account_info,
body.gw_color6 .post_timeline .post_info .post_type,
body.gw_color6 .new_main .svcbox .box_top .tit .icon,
body.gw_color6 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color6 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#f2c91a !important;}
body.gw_color7 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#f57323;} /* ORANGE */
body.gw_color7 .gw_start .header .account_info,
body.gw_color7 .post_timeline .post_info .post_type,
body.gw_color7 .new_main .svcbox .box_top .tit .icon,
body.gw_color7 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color7 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected labele {background-color:#f57323 !important;}
body.gw_color8 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#cc071e;} /* RED */
body.gw_color8 .gw_start .header .account_info,
body.gw_color8 .post_timeline .post_info .post_type,
body.gw_color8 .new_main .svcbox .box_top .tit .icon,
body.gw_color8 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color8 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#cc071e !important;}
body.gw_color9 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#7b61b7;} /* PURPLE */
body.gw_color9 .gw_start .header .account_info,
body.gw_color9 .post_timeline .post_info .post_type,
body.gw_color9 .new_main .svcbox .box_top .tit .icon,
body.gw_color9 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color9 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#7b61b7 !important;}
body.gw_color10 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#826555;} /* BROWN */
body.gw_color10 .gw_start .header .account_info,
body.gw_color10 .post_timeline .post_info .post_type,
body.gw_color10 .new_main .svcbox .box_top .tit .icon,
body.gw_color10 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color10 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#826555 !important;}
body.gw_color11 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#858b93;} /* GRAY */
body.gw_color11 .gw_start .header .account_info,
body.gw_color11 .post_timeline .post_info .post_type,
body.gw_color11 .new_main .svcbox .box_top .tit .icon,
body.gw_color11 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color11 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#858b93 !important;}
body.gw_color12 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#222222;} /* BLACK */
body.gw_color12 .gw_start .header .account_info,
body.gw_color12 .post_timeline .post_info .post_type,
body.gw_color12 .new_main .svcbox .box_top .tit .icon,
body.gw_color12 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color12 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#222222 !important;}
body.gw_color13 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#57b7dd;} /* SKY BLUE */
body.gw_color13 .gw_start .header .account_info,
body.gw_color13 .post_timeline .post_info .post_type,
body.gw_color13 .new_main .svcbox .box_top .tit .icon,
body.gw_color13 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color13 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#57b7dd !important;}
body.gw_color14 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#f78dbb;} /* PINK */
body.gw_color14 .gw_start .header .account_info,
body.gw_color14 .post_timeline .post_info .post_type,
body.gw_color14 .new_main .svcbox .box_top .tit .icon,
body.gw_color14 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color14 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#f78dbb !important;}
body.gw_color15 .post_reader_portlet .post_lst_box .category_box .category .tabs li.selected a {border-bottom-color:#2c4f91;} /* NAVY GR */
body.gw_color15 .gw_start .header .account_info,
body.gw_color15 .post_timeline .post_info .post_type,
body.gw_color15 .new_main .svcbox .box_top .tit .icon,
body.gw_color15 .type_tab .tab_bar .ui-tabs-nav li.ui-tabs-active a,
body.gw_color15 .post_reader_portlet .post_lst_box .srch_box .lst_filter .drop_box li.selected label {background-color:#2c4f91 !important;}

@media all and (min-width:480px) {
	.svc_main_container .svc_main_inner .svc_main .svc_ico {float:left; width:25%;}
}

@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.svc_main .svc_ico .ico_box,
	.svc_metro_main .svc_ico .icon  {background-image:url(../img/svc_icon_hd.png); background-size:300px 625px;}
	.svc_main .svc_ico .ico_box .arr {background-image:url(../img/sub_arr_hd.gif); background-size:17px 9px;}
	.active_1 .svc_ico .ico_box,
	.active_2 .svc_ico .ico_box,
	.active_3 .svc_ico .ico_box,
	.active_4 .svc_ico .ico_box,
	.active_5 .svc_ico .ico_box,
	.active_6 .svc_ico .ico_box,
	.active_7 .svc_ico .ico_box,
	.active_8 .svc_ico .ico_box,
	.active_9 .svc_ico .ico_box,
	.active_12 .svc_ico .ico_box,
	.active_13 .svc_ico .ico_box,
	.active_14 .svc_ico .ico_box {background-image:url(../img/svc_icon1_hd.png); background-size:300px 625px;}
	.active_1 .svc_ico1 .ico_box,
	.active_2 .svc_ico2 .ico_box,
	.active_3 .svc_ico3 .ico_box,
	.active_4 .svc_ico4 .ico_box,
	.active_5 .svc_ico5 .ico_box,
	.active_6 .svc_ico6 .ico_box,
	.active_7 .svc_ico7 .ico_box,
	.active_8 .svc_ico8 .ico_box,
	.active_9 .svc_ico9 .ico_box,
	.active_12 .svc_ico9 .ico_box,
	.active_13 .svc_ico9 .ico_box,
	.active_14 .svc_ico9 .ico_box,
	.skin_icon .svc_main .svc_ico .ico_box {background-image:url(../img/svc_icon_hd.png); background-size:300px 625px;}
	.svc_metro_main .svc_ico4 .icon,
	.svc_metro_main .svc_ico5 .icon,
	.svc_metro_main .svc_ico6 .icon,
	.svc_metro_main .svc_ico7 .icon,
	.svc_metro_main .svc_ico8 .icon,
	.svc_metro_main .svc_ico9 .icon,
	.svc_metro_main .svc_ico12 .icon,
	.svc_metro_main .svc_ico13 .icon,
	.svc_metro_main .svc_ico14 .icon {background-image:url(../img/svc_icon_hd.png); background-size:150px 312px;}
	.svc_metro_simple .svc_ico4 .icon,
	.svc_metro_simple .svc_ico5 .icon,
	.svc_metro_simple .svc_ico6 .icon,
	.svc_metro_simple .svc_ico7 .icon,
	.svc_metro_simple .svc_ico8 .icon,
	.svc_metro_simple .svc_ico9 .icon,
	.svc_metro_simple .svc_ico12 .icon,
	.svc_metro_simple .svc_ico13 .icon,
	.svc_metro_simple .svc_ico14 .icon {background-image:url(../img/svc_icon2_hd.png); background-size:90px 60px;}
	.skin_dark .svc_main .svc_ico .ico_box .arr {background-image:url(../img/dark_arr_hd.gif); background-size:17px 9px;}
	.svc_main .svc_ico .ico_box .down {background-image:url(../img/img_main_hd.png); background-size:24px 24px;}
	.gw_main .mbox .tit_bar {background-image:url(../img/ico_main_hd.png); background-size:34px 204px;}
	.post_timeline .post_info .post_box .ico_chk {background-image:url(../../../common/img/img_sp_hd.png); background-size:300px 300px;}
	.post_timeline .post_info .post_type {background-image:url(../img/post_type_hd.png); background-size:33px 330px;}
}
