#viewport{width:100%; min-width: 1280px; /*overflow:auto*/}
.contains{padding:0 10px;margin:0 auto;max-width:1180px}

#header{position:fixed;left:0;top:0;right:0;height:44px;border-bottom:1px solid #e8e9ea;background:#fff;z-index:100; min-width: 577px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#header .contains{padding:0;height:44px}
#header .logo{float:left;margin-left:-4px}
#header .logo a,
#header .logo img{display:block}
#header .header_menu{float:right;height:44px}
#header .header_menu .btn_menu{display:block;position:relative;float:left;margin-left:-1px;width:45px;height:44px;border-left:1px solid #e8e9ea;border-right:1px solid #e8e9ea;z-index:10}
#header .header_menu .btn_comment{background:url("../images/icon/header_comment.png") no-repeat center center}
#header .header_menu .btn_comment .badge{display:block;position:absolute;right:7px;top:7px;width:16px;height:16px;line-height:16px;text-align:center;font-size:11px;color:#fff;border-radius:50%;background:#f58026;white-space:nowrap;overflow:hidden}
#header .header_menu .btn_setup{background:url("../images/icon/header_setting.png") no-repeat center center}
#header .header_menu .select_box{height:44px}
.select_box{position:relative;float:left;margin-left:-1px;border-left:1px solid #e8e9ea;border-right:1px solid #e8e9ea;z-index:10}
.select_box .btn_value{display:block;position:relative;padding:0 35px 0 15px;height:43px;line-height:40px;font-size:14px;color:#666;border-top:1px solid #fff;overflow:hidden;z-index:10}
.select_box .icon{display:block;position:absolute;right:15px;top:50%;margin-top:-2.5px;width:10px;height:5px;background:url("../images/icon/select_arrow.png") no-repeat;z-index:1}
.select_box .btn_value b{color:#f58026;font-weight:normal; margin: 5px;}
.select_box .select_list{display:none;position:absolute;left:-1px;top:44px;right:-1px;padding:14px 0;border:1px solid #f58026;border-top:0;background:#fff;z-index:100}
.select_box .select_list a{display:block;height:28px;line-height:28px;text-align:center;font-size:13px;color:#aaa;font-weight:500}
.select_box .select_list a.active,
.select_box .select_list a:hover{color:#222}
.select_box.active{border-color:#f58026;z-index:20}
.select_box.active .btn_value{color:#f58026;border-color:#f58026}
.select_box.active .icon{background:url("../images/icon/select_arrow_on.png") no-repeat}

.login_box .header_menu .select_box{position:absolute;top: 20px;right: 20px;border:1px solid #e8e9ea;z-index:10}
.login_box .header_menu .select_box .btn_value{display:block;position:relative;padding:0 35px 0 15px;height:43px;line-height:40px;font-size:14px;color:#666;overflow:hidden;z-index:10}
.login_box .header_menu .select_box .icon{display:block;position:absolute;right:15px;top:50%;margin-top:-2.5px;width:10px;height:5px;background:url("../images/icon/select_arrow.png") no-repeat;z-index:1}
.login_box .header_menu .select_box .btn_value b{color:#f58026;font-weight:normal; margin: 5px;}
.login_box .header_menu .select_box .select_list{display:none;position:absolute;left:-1px;top:44px;right:-1px;padding:14px 0;border:1px solid #f58026;border-top:0;background:#fff;z-index:100}
.login_box .header_menu .select_box .select_list a{display:block;height:28px;line-height:28px;text-align:center;font-size:13px;color:#aaa;font-weight:500}
.login_box .header_menu .select_box .select_list a.active,
.login_box .header_menu .select_box .select_list a:hover{color:#222}
.login_box .header_menu .select_box.active{border-color:#f58026;z-index:20}
.login_box .header_menu .select_box.active .btn_value{color:#f58026;border-color:#f58026}
.login_box .header_menu .select_box.active .icon{background:url("../images/icon/select_arrow_on.png") no-repeat}

/* 20191218 guest.jsp 공지사항에 필요 */
.login_box .notice_box{margin:80px auto 20px; width:340px;height: 200px;}
.login_box .notice_title{margin-bottom:20px;line-height:30px;font-size:1.5em;color:#400040;font-weight:700}
.login_box .notice_list li{position:relative;padding:4px 0;padding-right:90px}
.login_box .notice_list .link{display:block;line-height:1.2em;font-size:15px;color:#400040;font-weight:300;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left;}
.login_box .notice_list .date{display:block;position:absolute;right:0;top:4px;width:90px;text-align:right;line-height:1.2em;font-size:15px;color:#400040;font-weight:300;filter:alpha(opacity=50);opacity:0.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

#footer{height:42px;background:#fff;border-top: 1px solid #e5e5e5;}
#footer .contains{height:100%}
#footer .copyright{text-align:center;line-height:42px;font-size:13px;color:#333;font-weight:500;}

#viewport.sub #header .contains{padding:0;max-width:100%;}
#viewport.sub #header .logo{margin:0;width:195px;height:44px;text-align:center;border-right:1px solid #d3d4d6;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#viewport.sub #header .logo a,
#viewport.sub #header .logo img{display:inline}

#viewport.sub #footer .contains{max-width:100%}
#viewport.sub #footer{padding-left:210px;border-top:1px solid #dbdee2;background:#fff}
#viewport.sub #footer .copyright{text-align:left;color:#495b6c;filter:"";opacity:1}

#content{padding-top:44px}
.main_content .main_top{position:relative;height:687px;z-index:10}
.main_content .main_top .contains{position:relative;height:100%}
.main_content .main_top .main_text{padding-top:70px;width:510px}
.main_content .main_top .main_text .logo{margin-bottom:12px}
.main_content .main_top .main_text p{line-height:28px;font-size:17px;color:#fff;font-weight:300}
.main_content .main_top .main_text .text_sub{display:none}
.main_content .main_top .main_text .title{margin-bottom:47px;line-height:50px;font-size:43px;font-weight:500}
.main_content .main_top .main_text .btn_box{margin-top:25px;height:50px}
.main_content .main_top .main_text .btn_box a{float:left;margin-right:8px}
.main_content .main_top .main_text .notice_box{margin-top:100px;width:410px}
.main_content .main_top .main_text .notice_title{margin-bottom:10px;line-height:30px;font-size:1.8em;color:#fff;font-weight:700}
.main_content .main_top .main_text .notice_list li{position:relative;padding:4px 0;padding-right:90px}
.main_content .main_top .main_text .notice_list .link{display:block;line-height:1.2em;font-size:16px;color:#fff;font-weight:300;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_top .main_text .notice_list .date{display:block;position:absolute;right:0;top:4px;width:90px;text-align:right;line-height:1.2em;font-size:16px;color:#fff;font-weight:300;filter:alpha(opacity=50);opacity:0.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_slide{position:absolute;right:35px;top:75px}
.main_content .main_slide .slide_box{position:relative;padding-top:100px;width:619px;height:572px;background:url("../images/main/slide_bg.png") no-repeat}
.main_content .main_slide .slide_box .text_box{position:absolute;left:50%;top:-23px;margin-left:-102.5px;padding:0 30px;width:145px;height:125px;line-height:95px;text-align:center;font-size:2.3em;color:#fff;background:url("../images/main/msgbox.png") no-repeat;z-index:10;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_slide .slide_list{position:relative}
.main_content .main_slide .slide_list .btn_box{display:block;position:absolute;left:50%;top:0;margin-left:-285px;padding:0 90px 0 105px;width:568px;height:102px;text-align:left;border-radius:5px;background:#fff;box-shadow:0 30px 20px rgba(0,0,0,0.12);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main_content .main_slide .slide_list .btn_box img{display:block;position:absolute;left:30px;top:50%;margin-top:-30px;width:60px}
.main_content .main_slide .slide_list .btn_box .text{display:block;line-height:102px;font-size:3em;color:#333;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_slide .slide_list .btn_box .icon{display:block;position:absolute;right:30px;top:50%;margin-top:-9.5px;width:12px;height:19px;background:url("../images/main/slide_arrow.png") no-repeat;z-index:10}
.main_content .main_slide .slide_list .btn_box.no6{z-index:6}
.main_content .main_slide .slide_list .btn_box.no5{top:95px;transform:scale(0.93);z-index:5}
.main_content .main_slide .slide_list .btn_box.no4{top:185px;transform:scale(0.86);z-index:4}
.main_content .main_slide .slide_list .btn_box.no3{top:265px;transform:scale(0.78);z-index:3}
.main_content .main_slide .slide_list .btn_box.no2{top:340px;transform:scale(0.71);z-index:2}
.main_content .main_slide .slide_list .btn_box.no1{top:405px;transform:scale(0.65);z-index:1;filter:alpha(opacity=0);opacity:0}

.main_content .main_menu{position:relative;z-index:20}
.main_content .main_menu .main_tab_box{margin-top:-60px}
.main_content .main_menu .main_tab{display:table;width:100%;table-layout:fixed}
.main_content .main_menu .main_tab .btn_tab{display:table-cell;padding:0 10px;height:60px;vertical-align:middle;text-align:center;font-size:16px;color:#fff;font-weight:300;background:url("../images/main/tab_bg.png") repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_menu .main_tab .btn_tab.active{color:#e51937;font-weight:bold;background:#fff}
.main_content .main_menu .tab_panel_area{position:relative;background:#fff;z-index:10}
.main_content .main_menu .tab_panel{position:absolute;left:-10000px;top:0;padding:45px 0 35px 0;z-index:-1}
.main_content .main_menu .tab_panel.active{position:relative;left:auto;top:auto;z-index:1}
.main_content .main_menu .tab_panel .title{padding:0 8px;margin-bottom:18px;line-height:1.2em;font-size:2.8em;color:#333;font-weight:300}
.main_content .main_menu .slide_area_box{position:relative}
.main_content .main_menu .slide_area{position:relative;margin:0 -10px;z-index:20}
.main_content .main_menu .slide_bg{position:absolute;left:0;top:0;bottom:0;right:0;overflow:hidden;z-index:10}
.main_content .main_menu .slide_area .slide_box{float:left;margin-bottom:10px;width:200px;height:180px}
.main_content .main_menu .slide_area .btn_tab{display:block;position:relative;margin:0 10px;width:auto;height:100%;border:1px solid #d9d9d9;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main_content .main_menu .slide_area .btn_tab img{display:block;position:absolute;left:50%;top:26px;margin-left:-40px;z-index:10}
.main_content .main_menu .slide_area .btn_tab .on{filter:alpha(opacity=0);opacity:0}
.main_content .main_menu .slide_area .btn_tab .text{display:block;position:absolute;left:0;bottom:34px;right:0;text-align:center;line-height:22px;font-size:18px;color:#333;font-weight:300;z-index:20}
.main_content .main_menu .slide_area .btn_tab.active,
.main_content .main_menu .slide_area .btn_tab:hover{background:#f58026}
.main_content .main_menu .slide_area .btn_tab.active .text,
.main_content .main_menu .slide_area .btn_tab:hover .text{color:#fff;font-weight:500}
.main_content .main_menu .slide_area .btn_tab.active img,
.main_content .main_menu .slide_area .btn_tab:hover img{filter:alpha(opacity=0);opacity:0}
.main_content .main_menu .slide_area .btn_tab.active .on,
.main_content .main_menu .slide_area .btn_tab:hover .on{filter:"";opacity:1}
.main_content .main_menu .bx-prev,
.main_content .main_menu .bx-next{position:absolute;left:-50px;top:50%;margin-top:-25px;width:30px;height:50px;text-align:left;text-indent:-9999px;background:url("../images/main/slide_prev.png") no-repeat center center;z-index:20}
.main_content .main_menu .bx-next{left:auto;right:-50px;background:url("../images/main/slide_next.png") no-repeat center center}
.main_content .main_bottom{background:#f9f9f9 url("../images/main/bottom_bg.png") no-repeat center top}
.main_content .main_bottom{padding:25px 0}
.main_content .main_bottom .menu_box{display:table;width:100%;table-layout:fixed;border:1px solid #e2e2e2;border-radius:3px;background:#fff}
.main_content .main_bottom .menu_box .btn_menu{display:table-cell;position:relative;height:34px;vertical-align:middle;text-align:center;font-size:16px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top: 5px;padding-bottom: 5px;}
.main_content .main_bottom .menu_box .btn_menu:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-17px;width:1px;height:34px;background:#e2e2e2}
.main_content .main_bottom .menu_box .btn_menu:first-child:after{display:none}
.main_content .main_bottom .menu_box .btn_menu img{display:inline-block;margin:-2px 12px 0 0;vertical-align:middle;*display:inline;zoom:1}
.main_content .main_bottom .menu_box .notice_box{display:none}


/* 버튼 */
.btn_line{display:block;text-align:center;color:#fff;font-weight:300;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn_line:hover{color:#666;background:#fff}
.btn_line.btn_gray{color:#666;border-color:#999;background: #fff}
.btn_line.btn_gray:hover{color:#fff;background:#999}

.btn_normal{display:block;width:170px;height:44px;line-height:42px;text-align:center;font-size:1.8em;color:#666;font-weight:300;border:1px solid #dfdfdf;background:#dfdfdf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn_normal:hover{color:#dfdfdf;border-color:#666;background:#666}

.btn_line2{display:block; float: left; min-width:66px;height:32px;margin-right: 5px;padding: 0 5px;line-height:28px;text-align:center;font-size:14px;color:#fff;font-weight:300;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn_line2:hover{color:#666;background:#fff}
.btn_line2.btn_gray{color:#666;border-color:#999; background:#fff;}
.btn_line2.btn_gray:hover{color:#fff;background:#999}
.btn_line2.btn_day{color:#666;border-color:#e0e0e0;border-radius: 8px;}
.btn_line2.btn_day:hover{color:#fff;border-color:#999; background:#999}

/* 서브 */
.sub_content{position:relative;padding:0 30px 60px 228px}

/* 사이드 메뉴 */
#viewport.main #sidebar{display:none}
#sidebar{position:fixed;left:0;top:44px;bottom:0;width:195px;background:#444;z-index:50;box-shadow: 0 50px 7px rgba(0,0,0,0.4);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sidebar .sidebar_top{position:absolute;left:0;top:0;width:100%;height:52px;border-bottom:1px solid #2b2b2b;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sidebar .sidebar_top .btn_menuall{display:block;padding:10px 10px}
#sidebar .sidebar_top .btn_menuall span{display:block;height:32px;line-height:29px;text-align:center;font-size:13px;color:#333;font-weight:500;border-radius:3px;background:#f2f2f2}
#sidebar .sidebar_top .btn_sidebar{display:block;position:absolute;right:-20px;top:0;width:21px;height:52px;border-left:1px solid #2b2b2b;background:#444 url("../images/icon/sidebar_arrow.png") no-repeat center center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sidebar .sidebar_wrap{position:absolute;left:0;top:52px;bottom:0;width:100%;overflow:hidden}
#sidebar .sidebar_area{position:absolute;left:0;top:0;bottom:0;width:195px;overflow:hidden}
#sidebar .sidebar_wrap .mCSB_scrollTools{width:10px}
#sidebar .sidebar_wrap .mCSB_inside>.mCSB_container{margin-right:0}
#sidebar .sidebar_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px;background:#fff}
#sidebar .sidebar_wrap .mCSB_scrollTools .mCSB_draggerRail{width:5px}
#gnb{border-bottom:1px solid #5d5d5d}
#gnb .menu{position:relative;border-top:1px solid #5d5d5d;border-bottom:1px solid #2b2b2b}
/* #gnb .menu .link{display:table;position:relative;padding-left:38px;height:44px;font-size:14px;color:#ccc;font-weight:500;background:#444;letter-spacing:0px;width:80%;} */
#gnb .menu .link{display:table-cell;padding-left:38px;height:44px;font-size:14px;color:#ccc;font-weight:500;background:#444;word-break:keep-all;vertical-align:middle;width:200px;}
#gnb .menu .arrow{display:block;position:absolute;right:15px;top:17px;width:10px;height:5px;background:url("../images/icon/sidebar_link.png") no-repeat}
#gnb .menu .fav{display:block;position:absolute;right:13px;top:16px;width:13px;height:12px;background:url("../images/icon/sidebar_fav.png") no-repeat;z-index:20}
#gnb .menu .fav.active{background:url("../images/icon/sidebar_fav_on.png") no-repeat}
#gnb .sub_menu{display:none;padding:6px 0; background:#2b2b2b}
#gnb .sub_menu li{position:relative}
#gnb .sub_menu li a:hover,
#gnb .sub_menu li a.active{color:#fe8223; font-weight: bold;}
/* #gnb .sub_menu li a.active{color:#fe8223;} */
/* #gnb .sub_menu .btns{display:block;position:relative;padding-left:32px;height:34px;line-height:32px;font-size:14px;color:#a0a0a0;font-weight:500;} */
#gnb .sub_menu .btns{display:table-cell;position:relative;padding-left:32px;padding-top:8px;padding-bottom:8px;line-height:1.2;font-size:14px;color:#a0a0a0;font-weight:500;word-break:keep-all;vertical-align:middle;}
#gnb .sub_menu .fav{top:50%;margin-top:-6px}
#gnb .sub_menu .no_fav{padding:10px 0;text-align:center;line-height:17px;font-size:12px;color:#fff}
#gnb .sub_menu .no_fav .fav{display:inline-block;position:relative;right:auto;left:auto;top:auto;margin:-1px 3px 0 0;*display:inline;zoom:1}
/* #gnb .menu .icon{display:block;position:absolute;left:12px;top:50%;margin-top:-10px;width:20px;height:20px} */
#gnb .menu .icon{position:absolute;left:12px;top:12px;width:20px;height:20px}
#gnb .menu .text{display: table-cell; vertical-align: middle;}

#gnb .btn_M01 .icon{background:url("../images/icon/sidebarmenu_off_01.png") no-repeat}
#gnb .menu.active .btn_M01 .icon{background:url("../images/icon/sidebarmenu_on_01.png") no-repeat}
#gnb .btn_M02 .icon{background:url("../images/icon/sidebarmenu_off_02.png") no-repeat}
#gnb .menu.active .btn_M02 .icon{background:url("../images/icon/sidebarmenu_on_02.png") no-repeat}
#gnb .btn_M03 .icon{background:url("../images/icon/sidebarmenu_off_03.png") no-repeat}
#gnb .menu.active .btn_M03 .icon{background:url("../images/icon/sidebarmenu_on_03.png") no-repeat}
#gnb .btn_M04 .icon{background:url("../images/icon/sidebarmenu_off_04.png") no-repeat}
#gnb .menu.active .btn_M04 .icon{background:url("../images/icon/sidebarmenu_on_04.png") no-repeat}
#gnb .btn_M05 .icon{background:url("../images/icon/sidebarmenu_off_05.png") no-repeat}
#gnb .menu.active .btn_M05 .icon{background:url("../images/icon/sidebarmenu_on_05.png") no-repeat}
#gnb .btn_M06 .icon{background:url("../images/icon/sidebarmenu_off_06.png") no-repeat}
#gnb .menu.active .btn_M06 .icon{background:url("../images/icon/sidebarmenu_on_06.png") no-repeat}
#gnb .btn_M07 .icon{background:url("../images/icon/sidebarmenu_off_07.png") no-repeat}
#gnb .menu.active .btn_M07 .icon{background:url("../images/icon/sidebarmenu_on_07.png") no-repeat}
#gnb .btn_M08 .icon{background:url("../images/icon/sidebarmenu_off_08.png") no-repeat}
#gnb .menu.active .btn_M08 .icon{background:url("../images/icon/sidebarmenu_on_08.png") no-repeat}
#gnb .btn_M09 .icon{background:url("../images/icon/sidebarmenu_off_09.png") no-repeat}
#gnb .menu.active .btn_M09 .icon{background:url("../images/icon/sidebarmenu_on_09.png") no-repeat}
#gnb .btn_M10 .icon{background:url("../images/icon/sidebarmenu_off_10.png") no-repeat}
#gnb .menu.active .btn_M10 .icon{background:url("../images/icon/sidebarmenu_on_10.png") no-repeat}
#gnb .btn_M11 .icon{background:url("../images/icon/sidebarmenu_off_11.png") no-repeat}
#gnb .menu.active .btn_M11 .icon{background:url("../images/icon/sidebarmenu_on_11.png") no-repeat}
#gnb .btn_M12 .icon{background:url("../images/icon/sidebarmenu_off_12.png") no-repeat}
#gnb .menu.active .btn_M12 .icon{background:url("../images/icon/sidebarmenu_on_12.png") no-repeat}
#gnb .btn_M22 .icon{background:url("../images/icon/sidebarmenu_off_22.png") no-repeat}
#gnb .menu.active .btn_M22 .icon{background:url("../images/icon/sidebarmenu_on_22.png") no-repeat}
#gnb .btn_M23 .icon{background:url("../images/icon/sidebarmenu_off_23.png") no-repeat}
#gnb .menu.active .btn_M23 .icon{background:url("../images/icon/sidebarmenu_on_23.png") no-repeat}

#gnb .btn_M14 .icon{background:url("../images/icon/sidebarmenu_off_14.png") no-repeat}
#gnb .menu.active .btn_M14 .icon{background:url("../images/icon/sidebarmenu_on_14.png") no-repeat}



/* #gnb .btn_fav .icon{background:url("../images/icon/sidebarmenu_fav.png") no-repeat} */
/* #gnb .btn_summary .icon{background:url("../images/icon/sidebarmenu_off_04.png") no-repeat} */
/* #gnb .btn_graph .icon{background:url("../images/icon/sidebarmenu_graph.png") no-repeat} */
/* #gnb .btn_site .icon{background:url("../images/icon/sidebarmenu_off_02.png") no-repeat} */
/* #gnb .btn_in .icon{background:url("../images/icon/sidebarmenu_in.png") no-repeat} */
/* #gnb .btn_ad .icon{background:url("../images/icon/sidebarmenu_ad.png") no-repeat} */
/* #gnb .btn_dupe .icon{background:url("../images/icon/sidebarmenu_off_01.png") no-repeat} */
/* #gnb .btn_page .icon{background:url("../images/icon/sidebarmenu_page.png") no-repeat} */
/* #gnb .btn_analyze .icon{background:url("../images/icon/sidebarmenu_off_05.png") no-repeat} */
/* #gnb .btn_viral .icon{background:url("../images/icon/sidebarmenu_off_06.png") no-repeat} */
/* #gnb .btn_setup .icon{background:url("../images/icon/sidebarmenu_setup.png") no-repeat} */
/* #gnb .btn_long .icon{background:url("../images/icon/sidebarmenu_off_02.png") no-repeat} */
/* #gnb .btn_car .icon{background:url("../images/icon/sidebarmenu_off_09.png") no-repeat} */
/* #gnb .btn_meet .icon{background:url("../images/icon/sidebarmenu_off_08.png") no-repeat} */
/* #gnb .btn_check .icon{background:url("../images/icon/sidebarmenu_check.png") no-repeat} */
/* #gnb .btn_secu .icon{background:url("../images/icon/sidebarmenu_secu.png") no-repeat} */
/* #gnb .btn_secu2 .icon{background:url("../images/icon/sidebarmenu_secu2.png") no-repeat} */
/* #gnb .menu.active .btn_fav .icon{background:url("../images/icon/sidebarmenu_fav_on.png") no-repeat} */
/* #gnb .menu.active .btn_summary .icon{background:url("../images/icon/sidebarmenu_on_04.png") no-repeat} */
/* #gnb .menu.active .btn_graph .icon{background:url("../images/icon/sidebarmenu_graph_on.png") no-repeat} */
/* #gnb .menu.active .btn_site .icon{background:url("../images/icon/sidebarmenu_on_03.png") no-repeat} */
/* #gnb .menu.active .btn_in .icon{background:url("../images/icon/sidebarmenu_in_on.png") no-repeat} */
/* #gnb .menu.active .btn_ad .icon{background:url("../images/icon/sidebarmenu_ad_on.png") no-repeat} */
/* #gnb .menu.active .btn_dupe .icon{background:url("../images/icon/sidebarmenu_on_01.png") no-repeat} */
/* #gnb .menu.active .btn_page .icon{background:url("../images/icon/sidebarmenu_page_on.png") no-repeat} */
/* #gnb .menu.active .btn_analyze .icon{background:url("../images/icon/sidebarmenu_on_05.png") no-repeat} */
/* #gnb .menu.active .btn_viral .icon{background:url("../images/icon/sidebarmenu_on_06.png") no-repeat} */
/* #gnb .menu.active .btn_setup .icon{background:url("../images/icon/sidebarmenu_setup_on.png") no-repeat} */
/* #gnb .menu.active .btn_long .icon{background:url("../images/icon/sidebarmenu_on_02.png") no-repeat} */
/* #gnb .menu.active .btn_car .icon{background:url("../images/icon/sidebarmenu_on_09.png") no-repeat} */
/* #gnb .menu.active .btn_meet .icon{background:url("../images/icon/sidebarmenu_on_08.png") no-repeat} */
/* #gnb .menu.active .btn_check .icon{background:url("../images/icon/sidebarmenu_check_on.png") no-repeat} */
/* #gnb .menu.active .btn_secu .icon{background:url("../images/icon/sidebarmenu_secu_on.png") no-repeat} */
#gnb .menu.active .link{color:#fff;border-color:#fff;background:#444}
#gnb .menu.active .arrow{transform:rotate(180deg)}

/* 설정 */
.sidebar_setup #gnb .menu .link { padding-left:10px}

#sidebar.select_top .sidebar_top { height:90px}
#sidebar.select_top .sidebar_wrap { top:90px}
#sidebar .top_tit_wrap { padding:5px; display:block}
#sidebar .top_tit_wrap .top_tit span{ color:#fff; vertical-align:middle; font-size:14px; }
#sidebar .top_tit_wrap .top_tit .icon { vertical-align:middle; margin-right:5px;}

.sub_header{margin:0 -40px;height:52px;background:#f58026;}
.sub_header .title{padding-left:40px;line-height:50px;font-size:20px;color:#fff}

.lnb_menu_box{margin-bottom:20px;height:39px;border-bottom:1px solid #dcdcdc}
.sub_lnb_menu{position:relative;height:40px;white-space:nowrap}
.sub_lnb_menu .lnb_menu{position:absolute;left:0;top:0}
.sub_lnb_menu .lnb_menu .btn_menu{display:inline-block;margin-right:20px;padding:0 5px;height:38px;line-height:38px;font-size:14px;font-weight: 500; color:#666;border-bottom:3px solid transparent;*display:inline;zoom:1}
.sub_lnb_menu .lnb_menu .btn_menu:hover{color:#e51937}
.sub_lnb_menu .lnb_menu .btn_menu.active{border-color:#e51937}

.sub_btn_menu{position:relative;padding-right:40px;margin-bottom:-10px;min-height:33px;overflow:hidden}
.sub_btn_menu .btn_line{display:block;float:left;margin-right: 7px;padding:0 20px;min-width:66px;width:auto;height:32px;line-height:28px;font-size:15px}
.sub_btn_menu .btn_help{display:block;position:absolute;right:0;top:3px;width:24px;height:24px;background:url("../images/icon/help.png") no-repeat center center;z-index:20}
.sub_btn_menu2{position:relative;margin-top:0px;min-height:33px;overflow:hidden}/* 레이어팝업버튼 */
.sub_btn_menu2 .btn_line{display:block;float:left;margin:0 3px 3px 0;padding:0 20px;min-width:66px;width:auto;height:32px;line-height:28px;font-size:15px}

.sub_panel_box{position:relative;margin-top:30px}
.marginTop0 .sub_panel_box{margin-top:0px;!important}
.sub_panel_box .sub_title{margin-bottom:10px;vertical-align:middle;line-height:1.2em;font-size:2em;color:#f58026;font-weight:500; }
.sub_panel_box .sub_title2{margin-bottom:10px;vertical-align:middle;line-height:1.2em;font-size:2em;color:#f58026;font-weight:500; }
.sub_panel_box .sub_title img{margin-right: 3px;vertical-align:middle}
.sub_panel_box .sub_title2 img{margin-right: 3px;vertical-align:middle}

.sub_panel_box .sub_header_btn{position:absolute;right:0;top:-5px}
.sub_panel_box .sub_header_btn a{display:block;float:left;margin:0 0 0 3px;width:68px;height:30px;line-height:28px;text-align:center;font-size:1.2em}
.sub_panel_box .sub_header_btn2{position:absolute;right:0;top:-5px}
.sub_panel_box .sub_header_btn2 a{display:block;float:left;margin:0 0 0 3px;width:95px;height:30px;line-height:28px;text-align:center;font-size:1.2em}
.sub_table{width:100%}
.sub_table th{padding:15px 10px 5px 10px;font-size:13px;color:#666;font-weight:500;vertical-align:top;border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5;background:#f2f2f2;white-space:nowrap}
.sub_table .important{color:#3884bf}
.sub_table td{padding:10px;height:30px;border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5}
.sub_table .input_text{margin-left:0px;padding:0 7px;width:100%;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}
.sub_table .input_text2{margin-left:0px;padding:0 7px;width:50%;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}
.sub_table .input_text3{margin-left:0px;padding:0 7px;width:40%;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}
.sub_table .input_text4{margin-left:0px;padding:0 7px;width:22%;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}
.sub_table .input_text5{margin-left:0px;padding:0 7px;width:30px;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}

.sub_table .input_text6{margin-left:0px;padding:0 7px;width:50%;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}


.sub_table select.input_text{margin-left:3px;padding:0 0 0 7px;width:100%;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#fff url("../images/icon/select.png") no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}

.sub_table select::-ms-expand {
	display: none;            /* 화살표 없애기 for IE10, 11*/
}
.sub_table .input_text:first-child{margin-left:0}
.sub_table .input_text3:first-child{margin-left:0}
.sub_table .input_date{ float: left;width: 46%;padding-right:30px;background-image:url("../images/icon/date.png")!important;background-position:right center!important;background-repeat:no-repeat!important}
.sub_table .input_date2{width: 28%;padding-right:30px;background-image:url("../images/icon/date.png")!important;background-position:right center!important;background-repeat:no-repeat!important}
.sub_table .unit{float: left; min-width: 4%;line-height:30px;text-align:center;}
.sub_table .unit2{float: center; min-width: 4%;line-height:30px;text-align:center;}
.sub_table textarea.input_text{padding:8px 10px;height:90px;line-height:16px;overflow:hidden;overflow-y:auto;resize:none}
.sub_table .select,
.sub_table .input_text:focus{color:#999;background-color:#fff}
.sub_table .size_min{width:100px}
.sub_table .size_min2{width:70px}
.sub_table .size_min3{width:120px}
.sub_table .size_min4{width:160px}
.sub_table .size_middle{width:42%}
.sub_table .size_middle2{width:24%}
.sub_table .size_half{width:54%}
.sub_table .size_all{width:100%}
.sub_table .select{margin-left:3px;padding-left:6px;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9 url("../images/icon/select.png") no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_table .select:first-child{margin-left:0;}
.sub_table .select2{margin-left:3px;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_table .select2:first-child{margin-left:0}

.sub_table .date_box{position:relative;padding-right:40px;width:95%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_table .date_box .date{position:absolute;right:-15px;top:0;width:50px;height:30px;line-height:30px;font-size:15px;color:#333;white-space:nowrap}

.list_table{width:100%;border-top:1px solid #999}
.list_table th{padding:5px 5px;height:28px;text-align:center;font-size:14px;color:#666;font-weight:500;border-bottom:1px solid #d5d5d5;border-top:1px solid #999;border-left:1px solid #d5d5d5;white-space:nowrap;background: #f7f7f7;box-sizing: border-box;}
.list_table td{padding:5px 5px;height:28px;text-align:center;font-size:14px;color:#666;border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5;border-left:1px solid #d5d5d5;white-space:nowrap;box-sizing: border-box;}
/*.list_table .list_table2 td{padding:5px 10px;height:28px;text-align:center;border-top:1px solid #999;border-left:1px solid #d5d5d5}*/

.list_table tr th:first-child,
.list_table tr td:first-child{border-left:0}
.list_table tr:first-child th,
.list_table tr:first-child td{border-top:1px solid #999}
.list_table td.left{padding-left:15px;text-align:left}
.list_table td.right{padding-right:15px;text-align:right}
.list_table td p.type,
.list_table td p.type.savie{color:#3884bf}
.list_table td p.type.decide{color:#58b4ca}
.list_table td p.type.wait{color:#a1a1a1}
.list_table td p.type.reject{color:#ee3642}
.list_table .dtl_btn{border:1px solid #999; background:#fff; color:#666;padding:5px}
.list_table .dtl_btn:hover{background:#666; color:#fff;padding:5px}

.list_table .input_text{margin-left:3px;padding:0 10px;width:100%;height:30px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}
.list_table .input_text:first-child{margin-left:0}
.list_table .input_date{padding-right:30px;background-image:url("../images/icon/date.png");background-position:right center;background-repeat:no-repeat}
.list_table textarea.input_text{padding:8px 10px;height:90px;line-height:16px;overflow:hidden;overflow-y:auto;resize:none}
.list_table .select,
.list_table .input_text:focus{color:#999;background-color:#fff}
.list_table .size_min{width:100px}
.list_table .size_min2{width:85px}
.list_table .size_min3{width:120px}
.list_table .size_middle{width:42%}
.list_table .size_half{width:54%}
.list_table .select{margin-left:3px;height:30px;width:95%;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.list_table .select:first-child{margin-left:0}
.list_table .input_text.input_center{text-align:center}
.list_table .select.size_short{padding:0 5px 0 10px;text-align:center;width:50px}




.grid_table{table-layout:fixed}
.grid_table tr td{border-color:#d5d5d5;background:#f4f5f7}
.grid_table .input_text,
.grid_table .select{height:26px;border:1px solid #d5d5d5;background:#fff}
.grid_table .check_area{padding-left:0!important;padding-right:0!important}
.grid_table .select,
.grid_table .input_text:focus{color:#666}
.grid_table tr.readonly td{background:#fff}
.grid_table tr.readonly .input_text{border:1px solid #fff;background:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.grid_table tr.readonly .select{padding-left:14px;border:1px solid #fff;background:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.grid_table tr.readonly td{background:#fff}
.grid_table .check{width:12px;height:12px;border:1px solid #d5d5d5;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.grid_table .check:checked{background:#fff url("../images/icon/check_on.png") no-repeat center center}

.sub_grid_detail{position:relative;margin-top:20px}
.sub_grid_detail .main_box{position:relative;margin-bottom:20px}
.sub_grid_detail .detail_box{float:left;position:relative;padding:15px;width:32%;height:370px;border:1px solid #d5d5d5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_grid_detail .detail_box2{float:left;position:relative;padding:15px;width:49%;height:370px;border:1px solid #d5d5d5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_grid_detail .detail_box3{float:left;position:relative;padding:15px;width:100%;height:350px;border:1px solid #d5d5d5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_grid_detail .detail_box4{float:left;position:relative;padding:15px;width:48%;height:580px;border:1px solid #d5d5d5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_grid_detail .grid_table{display:table;border-collapse:collapse;border-spacing:0}
.sub_grid_detail .detail_header{height:39px}
.sub_grid_detail .detail_header .grid_title{float:left;margin-right:10px;margin-bottom:8px;vertical-align: middle; height:30px;line-height:30px;font-size:20px;color:#f58026;font-weight:600}
.sub_grid_detail .detail_header .grid_title img{margin-right: 3px;vertical-align: middle;}
.sub_grid_detail .detail_header .date_box{float:left;margin-bottom:8px}
.sub_grid_detail .detail_header .date_box .select{float:left;margin-right:4px; width:60px;}
.sub_grid_detail .detail_header .date_box .select_month{margin-right:0}
/* .sub_grid_detail .detail_header .btn_line{float:left;margin-left:4px;width:66px;height:32px;line-height:28px;text-align:center;font-size:15px} */
.sub_grid_detail .detail_header .btn_line{display:block;float:left;margin-right: 5px;padding:0 20px;min-width:66px;width:auto;height:32px;line-height:28px;font-size:14px}
.sub_grid_detail .detail_header .select{
	width:75px;
	height:30px;font-size:13px; padding:4px;color:#666;border:1px solid #d5d5d5;
	text-align:center;
	background:#fff url("../images/icon/select.png") no-repeat right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sub_grid_detail .detail_header .select::-ms-expand {display: none;            /* 화살표 없애기 for IE10, 11*/}
.sub_grid_detail .detail_header .btn_box{float:right;margin-bottom:8px}
.sub_grid_detail .detail_header .apply_box{float:right;padding-left:0px;margin-bottom:8px;}
.sub_grid_detail .detail_header .apply_box .select{float:left; width:90px;}
.sub_grid_detail .detail_header .apply_box .btn_line{float:left;margin-left:4px}
.sub_grid_detail .detail_content{position:relative;padding-top:10px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.sub_grid_detail .detail_box .detail_content{position:absolute;left:8px;bottom:8px;right:8px;height:265px}
.sub_grid_detail .detail_box2 .detail_content{position:absolute;left:8px;bottom:8px;right:8px;height:265px}
.sub_grid_detail .detail_box3 .detail_content{position:absolute;left:8px;bottom:8px;right:8px;height:265px}
.sub_grid_detail .detail_box4 .detail_content{position:absolute;left:8px;bottom:8px;right:8px;height:265px}
.sub_grid_detail .detail_content .grid_table th,
.sub_grid_detail .detail_content .grid_table td{padding-left:5px;padding-right:5px}
.sub_grid_detail .detail_content .grid_table .select{width:100%}
.sub_grid_detail .detail_content .grid_table .input_text{padding:0 5px}
/*.sub_grid_detail .detail_content .grid_table tr.readonly .select{padding:0 4px}*/
.sub_grid_detail .detail_content .grid_table td.right .input_text{padding-right:10px;text-align:right}
.sub_grid_detail .detail_content .grid_table td.center .input_text{text-align:center}
.sub_grid_detail .calendar_box{margin-right:2%}
.sub_grid_detail .detail_payment{float:right}
.sub_grid_detail .detail_payment tr.readonly .input_text,
.sub_grid_detail .detail_payment tr.readonly .select{border-color:#f3f3f3;background:#f3f3f3}
.sub_grid_detail .detail_payment .grid_table td{background:#f3f3f3}
.sub_grid_detail .detail_content .grid_header{overflow:hidden}
.sub_grid_detail .detail_content .grid_scroll{height:100%;overflow:hidden}
.sub_grid_detail .detail_content .grid_scroll .grid_table{margin-top:-40px}

.sub_grid_detail .detail_content .mCSB_inside>.mCSB_container{margin-right:0}
.sub_grid_detail .detail_content .mCSB_scrollTools{width:6px}

.menu_scroll.mCustomScrollbar .mCustomScrollBox,
.menu_scroll.mCustomScrollbar .mCSB_container{height:100%}
.menu_scroll.mCustomScrollbar .mCSB_scrollTools_horizontal{bottom:-7px}

.sub_panel_side{margin:0 -30px 0 -40px; margin-top: 30px;}
.sub_panel_side .sub_list_table{border-bottom:1px solid #e3e3e3}
.sub_panel_side .sub_list_table li{padding-left:110px;padding-right:30px}
.sub_panel_side .sub_list_table .checkli{padding-left:130px;}
.sub_list_table li{position:relative;padding:12px 15px;border-top:1px solid #e0e0e0}
.sub_list_table .check_box{position:absolute;left:40px;top:39%;}
.sub_list_table .check_box input[type=checkbox] {width:20px; height:20px;}
.sub_list_table .idx_box{position:absolute;left:50px;top:50%;margin-top:-25px;width:30px;height:50px;line-height:48px;text-align:left;font-size:1.6em;color:#666;border-right:1px solid #d5d5d5}
.sub_list_table .idx_box2{position:absolute;left:72px;top:50%;margin-top:-25px;width:30px;height:50px;line-height:48px;text-align:left;font-size:17px;color:#666;border-right:1px solid #d5d5d5}
/*20190605 박우영 체크박스 표시용 Start*/
.sub_list_table .idx_box3 {position: absolute;left: 30px;top: 50%;margin-top: -25px;width: 30px;height: 50px;line-height: 48px;text-align: left;  font-size: 1.6em;color: #666;border-right: 1px solid #d5d5d5;}
.sub_list_table .title_box{display:block;position:relative;/* padding:0 100px 0 50px */}
.sub_list_table .title_box .type{display: inline-block;/* position:absolute; */padding: 0 4px;left:0;top:0;width:55px;height:21px;line-height: 18px;vertical-align: middle;text-align:center;font-size:12px;color:#fff;font-weight:500;border-radius:3px;background:#e51937;}
.sub_list_table .title_box .type.reject{backround:rgb(255,0,0)}
.sub_list_table .title_box .type.confirm{background:rgb(135, 227, 255)}
.sub_list_table .title_box .type.approving{background:#a1a1a1}
.sub_list_table .title_box .type.save{background:rgb(255,242,204)}
/*------------------------------- End*/
.sub_list_table .title_box .title{display: inline-block;margin-left:auto;line-height:22px;vertical-align: middle;font-size:14px;color:#333;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
margin-top:-6px;width:1px;height:14px;background:#d5d5d5}
.sub_list_table .title_box .date{display:block;position:absolute;right:0;top:-1px;height:18px;font-size:1.4em;color:#666;font-weight:500}

.sub_list_table .info_box{margin-top:8px;overflow:hidden}
.sub_list_table .info_box p{display:inline-block;margin-right:18px;position:relative;vertical-align:top;line-height:15px;font-size:14px;color:#666;*display:inline;zoom:1}
.sub_list_table .info_box p b{color:#333;font-weight:400;}
.sub_list_table .info_box p:after{content:"";display:block;position:absolute;left:-10px;top:50%;margin-top:-6px;width:1px;height:14px;background:#d5d5d5}

.sub_panel_side_dtl{margin:0}
.sub_panel_side_dtl .sub_list_table{border-bottom:1px solid #e3e3e3}
.sub_panel_side_dtl .sub_list_table li{padding-left:95px;padding-right:30px}

.list_page{margin-top:16px;margin-bottom: 16px;height:32px;text-align:center}
/* .list_page a{display:inline-block;margin:0 1px;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:top;font-size:14px;color:#666;border:1px solid #d5d5d5;background:#fff;z-index:10;*display:inline;zoom:1;border-radius:0px;} */
.list_page a{display:inline-block;margin:0 1px;width:30px;line-height:30px;text-align:center;vertical-align:top;font-size:14px;color:#666;border:1px solid #d5d5d5;background:#fff;z-index:10;*display:inline;zoom:1;border-radius:0px;}
.list_page a.active,
.list_page a:hover{color:#fff;font-weight:700;border-color:#8e8e8e;background:#999;z-index:20}
.list_page .first .icon{display:block;width:30px;height:30px;background:url("../images/icon/list_page_first.png") no-repeat center center}
.list_page .prev .icon{display:block;width:30px;height:30px;background:url("../images/icon/list_page_prev.png") no-repeat center center}
.list_page .next .icon{display:block;width:30px;height:30px;background:url("../images/icon/list_page_next.png") no-repeat center center}
.list_page .last .icon{display:block;width:30px;height:30px;background:url("../images/icon/list_page_last.png") no-repeat center center}
.list_page .first:hover .icon{background:url("../images/icon/list_page_first_on.png") no-repeat center center}
.list_page .prev:hover .icon{background:url("../images/icon/list_page_prev_on.png") no-repeat center center}
.list_page .next:hover .icon{background:url("../images/icon/list_page_next_on.png") no-repeat center center}
.list_page .last:hover .icon{background:url("../images/icon/list_page_last_on.png") no-repeat center center}

.sub_sort_table{margin:20px 0 30px 0;border:1px solid #d5d5d5;table-layout:fixed}
.sub_sort_table tr th,
.sub_sort_table tr td{padding-top:3px;padding-bottom:10px;vertical-align:top;border:0;background:#f9f9f9}
.sub_sort_table tr:first-child th,
.sub_sort_table tr:first-child td{padding-top:10px;padding-bottom:10px}
.sub_sort_table tr th{padding-top:10px}
.sub_sort_table tr:first-child th{padding-top:15px}
.sub_sort_table tr td{padding-right:10px}

.write .inputDate{background-image:url("../images/icon/date.png")!important;background-position:right center!important;background-repeat:no-repeat!important}

.write select{margin-left:3px;padding:0 0 0 7px;width:100%;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#fff url("../images/icon/select.png") no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}

.write select::-ms-expand {
	display: none;            /* 화살표 없애기 for IE10, 11*/
}

.car_btn{position:absolute;cursor:pointer;/* border:1px solid #ccc; */ box-sizing:border-box; padding:8px;vertical-align:middle;margin-left:-32px;}

.sub_sort_table .input_text,
.sub_sort_table .select{background:#fff}
.sub_sort_table .search_box{position:relative;padding-left:37%}
.sub_sort_table .search_box .input_dept{position:absolute;left:0;top:0;width:35%}
.sub_sort_table .search_box .input_search{margin:0;width:100%}
.sub_sort_table .search_box .btn_search{display:block;position:absolute;right:0;top:0;width:30px;height:30px;border:0;background:url("../images/icon/search.png") no-repeat center center;z-index:20}
.sub_sort_table .search_box .btn_search2{display:block;position:absolute;right:0;top:0;width:30px;height:30px;border:0;background:url("../images/icon/search.png") no-repeat center center;z-index:20}
.sub_sort_table .size_middle{width:38%}
.sub_sort_table .size_min{width:120px}

.graph_wrap .sub_panel_box .sub_title { text-align:center;}
.graph_wrap .sub_panel_box img.graph { width:100%}

.graph_wrap .sub_sort_table tr:first-child th{  padding-bottom:10px}
.graph_wrap .sub_sort_table tr:first-child td { padding-top:10px; padding-bottom:10px}

.login {min-width: 800px !important; height:100%; min-height: 600px; display:table;text-align:center; vertical-align:middle;}
.login2 { background:url(../images/sub/login_bg2.jpg) center no-repeat; background-size:cover; width:100%; height:100%; min-height: 800px; display:table; position:absolute; top:0; bottom:0; text-align:center; vertical-align:middle}
.login160 { background:url(../images/sub/login_bg_160.jpg) center no-repeat; background-size:cover; width:100%; height:100%; min-height: 800px; display:table; position:absolute; top:0; bottom:0; text-align:center; vertical-align:middle;}
.login_wrap .login_box {margin: auto; width: 650px;height: 100%; background: #fff;}
.login_wrap .login_box2 {position: absolute;top:0; left:0;width: 420px;height: 100%; background: #fff; box-shadow:0 10px 30px rgba(0,0,0,0.6) }
.login_wrap { display:table-cell; vertical-align:middle; text-align:center;}
.login_wrap .copyright{text-align:center;line-height:34px;font-size:13px;color:#999;font-weight:500;}
.login_wrap .copyright2{text-align:center;line-height:34px;font-size:13px;color:#999;font-weight:500;padding-top: 40px;}

.login_wrap .login_logo {padding: 60px 0;}
.login_wrap .input_wrap { border-bottom:1px solid #d5d5d5; width:35%; padding:0 5%; margin:0 auto}
.login_wrap .input_wrap .input_box { padding:14px 0 14px 30px ;}
.login_wrap .input_wrap .input_box.id { background:url(../images/sub/login_icon_01.png) left center no-repeat}
.login_wrap .input_wrap .input_box.pw { background:url(../images/sub/login_icon_02.png) left center no-repeat}
.login_wrap .input_wrap .input_box input { border:0; width:100%; font-size:20px; line-height:20px; color:#999}
.login_wrap .id_save { width:45%;  margin:10px auto; text-align:left; position:relative}
.login_wrap .id_save input { vertical-align:middle}
.login_wrap .id_save span { vertical-align:middle; font-size:12px; margin-left:5px}

.login_wrap .join_fw { width:70%;  margin:0 auto; padding:15px; text-align:center; position:relative}
.login_wrap .join_fw .btn_join { padding:5px;font-size:14px; color:#e51937; text-decoration:none}
.login_wrap .join_fw .btn_l {padding:5px; }
.login_wrap .join_fw .btn_pw {padding: 5px; font-size:14px; color:#e51937; text-decoration:none}
.login_wrap .btn_wrap{width: 612px; overflow: hidden; margin: 0 auto;}
.login_wrap .btn_login { width:255px; height:48px; color:#fff; background:#e51937; border-radius:5px; display:block; margin:50px auto 0; line-height:48px; font-weight:700; font-size:16px}
.login_wrap .btn_login2 {float: left; width:246px; height:48px; color:#fff; background:#e51937; border-radius:5px; display:block; margin:30px; line-height:48px; font-weight:700; font-size:16px}

/* 알럿팝업 공통은 common.js 3503줄 */
/* 2019.05.29 탁지현 대리님 수정 요청(506:btn_area,508:white_btn22:hover) */
#alert_pop{}
#alert_msg{margin-top:0;font-size:1.5em; color:#333;font-weight:500}
#confirm_msg{margin-top:0;font-size:16px; color:#333;font-weight:500}
#pop_cls{border:1px soild #666; }
.btn_area{margin-top:50px;}
/* 505, 506라인으로 변경 505라인으로 하면 얼럿버튼이 좌측정렬됨 */
/* .white_btn22{display:block; float: left; min-width:66px;height:32px;margin-right: 5px;line-height:27px;text-align:center;font-size:1.3em;color:#666;font-weight:300;border: 1px solid #999; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} */
.white_btn22{color:#666; border: 1px solid #999; padding:5px 20px;}
.white_btn22:hover{background:#999; color:#fff;}
.white_btn23{background:#ccc;color:#000; padding:5px 20px;}
.white_btn23:hover{background:#666; color:#fff; padding:5px 20px;}
.cofirm_pop2{height:200px;background:#666; }

/* Hyo Bong Bae 2018.04.06 */
.hidden{display:none}
.list_table tr.readonly td{background:#fff}
.list_table tr.readonly .input_text{border:1px solid #fff;background:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.list_table tr.readonly .select{padding-left:14px;border:1px solid #fff;background:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.list_table tr.readonly .select::-ms-expand {display: none;            /* 화살표 없애기 for IE10, 11*/}

.list_table tr.readonly td{background:#fff}


/* Jae Young Lee 2018.04.11 */
.table_style1 {width:100%; border-top:2px solid #000; text-align:center;margin-top:2em; margin-bottom:2em; border-collapse: collapse;font-size:11px;}
.table_style1 th {padding:1em; background:#f6f6f6; border-bottom:1px solid #eee; border-left:1px solid #eee; text-align:center;}
.table_style1 th:first-child  {border-left:0px;}
.table_style1 td {padding:1em; border-bottom:1px solid #eee; border-left:1px solid #eee;}
.table_style1 td:first-child  {border-left:0px;}
.table_style1 td.hidden { display:none; }

/* 통계 */
.stats {margin-top:20px;padding:20px}
.stats .stats_table {width:100%; height:500px;}
.jqplot-title{font-size:1.8em;font-weight:500;}
.jqplot-axis{font-size:12px;color:#999;}
.jqplot-point-label{font-size:15px;font-weight:bold;color:#e51937;}


/* 사이드 메뉴 */
#viewport.sidebar .sub_content{padding-left:80px}
#viewport.sidebar #sidebar{width:45px}
#viewport.sidebar #sidebar .btn_sidebar{background:#444 url("../images/icon/sidebar_arrow_on.png") no-repeat center center}
#viewport.sidebar #sidebar .btn_menuall span{text-align:left;text-indent:-9999px;background:#444 url("../images/icon/sidebarmenu_menuall.png") no-repeat center center}
#viewport.sidebar #sidebar #gnb .sub_menu{display:none!important}
#viewport.sidebar #sidebar #gnb .menu .text{filter:alpha(opacity=0);opacity:0;visibility:hidden}
#viewport.sidebar #footer{padding-left:65px}

#sidebar_mask{display:none!important}

#content{height:auto!important}

.sub_grid_detail .detail_panel{display:block!important}
.sub_grid_detail .detail_panel .detail_content{height:auto!important}
.sub_grid_detail .detail_box .detail_content{position:absolute;left:8px;bottom:8px;right:8px;height:265px!important}
.sub_grid_detail .detail_box2 .detail_content{position:absolute;left:8px;bottom:8px;right:8px;height:265px!important}
.sub_grid_detail .detail_box3 .detail_content{position:absolute;left:8px;bottom:8px;right:8px;height:265px!important}
.sub_grid_detail .detail_box4 .detail_content{position:absolute;left:8px;bottom:8px;right:8px;height:265px!important}
/* .sub_grid_detail .calendar_box .detail_header{height:79px} */
.sub_grid_detail .detail_box.calendar_box .detail_content{height:227px!important}
.sub_grid_detail .detail_box2.calendar_box .detail_content{height:227px!important}
.sub_grid_detail .detail_box3.calendar_box .detail_content{height:227px!important}
.sub_grid_detail .detail_box4.calendar_box .detail_content{height:227px!important}
.sub_content {min-height:800px;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


.sub_sort_panel{display:block!important}

/* new 신청페이지 */
#htmlTable1,#htmlTable2,#htmlTable3,#htmlTable4,#htmlTable5{/* border-top:1px solid #999 */}
.req_list { clear:both; display:block; overflow:hidden; }
.req_list .req_list_header ul { border-top:1px solid #d5d5d5; font-size:14px; font-weight:500; color:#666;  display:table; table-layout:fixed;width:100%; }
.req_list .req_list_header ul li{ display:table-cell; float:none;vertical-align:middle;padding:13px 0; background:#f3f3f3; }
.req_list ul { clear:both}
.req_list ul li { overflow:hidden; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; display:table-cell; width:8%; text-align:center; vertical-align:middle}
.req_list ul li:first-child {border-left:none;}
/* 	.req_list ul li:nth-child(2) {width:15%}
	.req_list ul li:nth-child(3) {width:15%}
	.req_list ul li:nth-child(4) {width:15%}
	.req_list ul li:nth-child(5) {width:5%}
	.req_list ul li:nth-child(6) {width:auto}
	.req_list ul li:nth-child(7) {width:5%}   */

	.req_list .wauto {width:auto}
	.req_list .w03p {width:3%}
	.req_list .w05p {width:5%}
	.req_list .w07p {width:7%}
	.req_list .w08p {width:8%}
	.req_list .w09p {width:9%}
	.req_list .w10p {width:10%}
	.req_list .w12p {width:12%}
	.req_list .w15p {width:15%}
	.req_list .w20p {width:20%}
	.req_list .w25p {width:20%}
	.req_list .w30p {width:30%}
	.req_list .w36p {width:36%}
	.req_list .w45p {width:45%}
	.req_list .w70p {width:70%}

	.req_list .w60 {width:60px;}
	.req_list .w65 {width:65px;}
	.req_list .w70 {width:70px;}
	.req_list .w75 {width:75px;}
	.req_list .w80 {width:80px;}
	.req_list .w85 {width:85px;}
	.req_list .w90 {width:90px;}
	.table_scroll{width:100%;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}

	.req_list ul li .tit {color:#999;  line-height:normal;  font-size:13px;}
	.req_list ul li .write { padding:8px 0; text-align:center; font-size:13px;color:#666; }
	.req_list ul li input { vertical-align:middle}
	.req_list ul li input.text,
	.req_list ul li input.num{  width:90%; padding:10px 5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
	.req_list .listUl {display:table; table-layout:fixed;width:100%; }
	.req_list .write select{width:92%; height:2.3em;padding:5px;font-size:11px;color:#666;border:1px solid #d5d5d5;background:#fff url("../images/icon/select.png") no-repeat right center !important;
	-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.req_list .write select::-ms-expand {display: none;            /* 화살표 없애기 for IE10, 11*/}
.req_list .write .dtl_btn{border:1px solid #999; background:#fff; color:#666;padding:5px}
.req_list .write .dtl_btn:hover{background:#666; color:#fff;padding:5px}
.req_list .write .input_modify{width:92%; height:2.2em;font-size:11px;color:#666; border:1px solid #d5d5d5;background:#fff;padding:0 6px; box-sizing: border-box;}

.pz{padding:0; margin:0}
}

@media screen and (min-width:1701px) {
	.sub_grid_detail .detail_header .apply_box{padding-left:0}
	.sub_grid_detail .calendar_box .detail_header{height:39px}
	.sub_grid_detail .detail_box.calendar_box .detail_content{height:265px!important}
	.sub_grid_detail .detail_box2.calendar_box .detail_content{height:265px!important}
	.sub_grid_detail .detail_box3.calendar_box .detail_content{height:265px!important}
	.sub_grid_detail .detail_box4.calendar_box .detail_content{height:265px!important}
}

/* 반응형 동적 테이블(PC) */
.dy_list {display:block; overflow:hidden}
.dy_list .list_header ul {border-top:1px solid #333;display:table; table-layout:fixed;width:100%;}
.dy_list .list_header ul li{float:none;display:table-cell;vertical-align:middle;padding:10px 0;border-bottom:2px solid #999999;}
.dy_list ul {clear:both}
.dy_list ul li {overflow:hidden;width:10%;display:table-cell;text-align:center;vertical-align:middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.dy_list ul li:last-child {border-right:0px;}
.dy_list ul li.list_chk,
.dy_list ul li.list_select {width:2%}
.dy_list ul li .tit {color:#333;line-height:normal;font-size:13px;}
.dy_list ul li .write {padding:5px 10px;text-align:center;color:#666;}
.dy_list ul li .input_text{margin-left:3px;padding:0 10px;width:100%;height:30px;font-size:13px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*line-height:28px;line-height:28px\9}
.dy_list ul.readonly li{background:#fff}
.dy_list ul.readonly .input_text{border:1px solid #fff;background:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.dy_list ul.readonly .select{padding-left:14px;border:1px solid #fff;background:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.dy_list ul.readonly .select::-ms-expand {display: none;}            /*화살표 없애기 for IE10, 11 */

.file_open_btn{color:#fff; background:#999; padding:5px; cursor:pointer;}
.file_open_btn:hover{background:#666;}

ul.btns2 li {}
ul.btns2 li a{float: left;width:70px; height:30px; margin:0px 5px 0 0; background:#fff;border: 1px solid #999;   color:#999;font-size:11px;text-align:center;line-height: 28px;}
ul.btns2 li a:hover{background:#999; color:#fff;}
ul.btns2 li p{display: block; position:relative;width:19px; height: 23px;padding: 5px 5px 0px; background: url(../../images/hncis_common/t_tip.png) 0px 0px no-repeat;color: #333; }

.search_area {width:100%; padding:10px 30px;background-color:#f3f3f3; box-sizing:border-box; -moz-box-sizing:border-box; }
.search_area table{width:100%; border-collapse:collapse; table-layout:fixed;}
.search_area th{font-size:12px; font-weight:normal; color:#333; text-align:left;}
.search_area td{padding:0 0 4px 0;}
.search_area input[type=text],
.search_area select{height:34px; padding:4px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; vertical-align: middle; font-size: 11px; color:#555;}
.search_area input[type=text]{width:100%;}
.search_area img{vertical-align:middle;}

.btn_area{width:100%;margin-top:30px;margin-bottom:20px;text-align:center;}
.btn_area input{display:inline-block;box-sizing:border-box;vertical-align:middle;width:170px;height:50px;padding:10px;margin-right:5px;background:#fff;text-align:center;font-size:17px;}
.btn_area .cancel_btn{border:1px solid #999;color:#666;}
.btn_area .cancel_btn:hover{background:#999;color:#fff;}
.btn_area .agree_btn{border:1px solid #175894;color:#175894;font-weight:bold;}
.btn_area .agree_btn:hover{border:none;background:#175894;color:#fff;}

/*sign up*/
.signUp_wrap{width:1000px;margin:0 auto;}
.width_100 .signUp_wrap{width:100%!important}
.signUp_wrap h1{width:100%;padding:40px 0;font-size:48px;color:#e51937;text-align:center;font-weight:600;}
.signUp_wrap h1 span{display:inline-block;margin-top:3px;vertical-align: bottom;}
.signUp_wrap h1 .join_logo{width:300px;height:69px;margin-top:0;margin-right:15px;background:url(../images/login/join_logo.png) 0 0 no-repeat;}
.signUp_wrap .join_nav{overflow:hidden;width:100%;height:69px;box-sizing:border-box;border:1px solid #ccc;background:url(../images/login/join_nav.png) no-repeat;font-size:0;text-indent:-9999px;}
.signUp_wrap .agree{background-position: 0 0;}
.signUp_wrap .input_info{background-position: 0 -69px;}
.signUp_wrap .join_mem{background-position: 0 -138px;}
.signUp_wrap h2{margin:20px 0 10px 0;color:#333;font-weight:700;}
.signUp_wrap .join_process h2{margin-top:40px;font-size:20px;}
.signUp_wrap table{width:100%;border-top:1px solid #d5d5d5;border-collapse: collapse;}
.signUp_wrap table caption{font-size:0;width:0;height:0;}
.signUp_wrap table th{padding:10px 0 10px 20px;border-bottom:1px solid #d5d5d5; background-color: #f2f2f2;border-collapse:collapse;box-sizing:border-box;-moz-box-sizing:border-box;font-size:14px;text-align:left;}
.signUp_wrap table td{padding:10px;border-bottom:1px solid #d5d5d5;border-collapse: collapse;box-sizing:border-box; -moz-box-sizing:border-box;}
.signUp_wrap table td select{height:34px; border:1px solid #d5d5d5;padding:5px;}
.signUp_wrap table td input[type=text]{width:95%;height:30px;padding-left:10px;border:1px solid #ccc;}
.signUp_wrap table td input{vertical-align:middle;}
.signUp_wrap table td li{float:left;}
.signUp_wrap table .check_btn{width:auto;height:30px;background:#fff; border:1px solid #999;font-size:13px; color:#666; padding:0 20px;}
.signUp_wrap table .check_btn:hover{background:#999;color:#fff;}
.signUp_wrap table.module_select th{font-size:18px;}
.signUp_wrap table.module_select td ul::after{clear:both;display:block;content:' ';height:0;font-size:0;}
.signUp_wrap table.module_select li{position:relative;margin:13px;}
.signUp_wrap table.module_select li label{display:block;padding-top:68px;width:63px;background:url(../images/login/module_icons.gif) no-repeat;font-size:13px;text-align:center;letter-spacing:-1px;cursor:pointer;}
.signUp_wrap table.module_select li label.module01{background-position: 0 0;}
.signUp_wrap table.module_select li label.module02{background-position: -63px 0;}
.signUp_wrap table.module_select li label.module03{background-position: -126px 0;}
.signUp_wrap table.module_select li label.module04{background-position: -189px 0;}
.signUp_wrap table.module_select li label.module05{background-position: -252px 0;}
.signUp_wrap table.module_select li label.module06{background-position: 0 -218px;}
.signUp_wrap table.module_select li label.module07{background-position: -63px -218px;}
.signUp_wrap table.module_select li label.module08{background-position: -126px -218px;}
.signUp_wrap table.module_select li label.module09{background-position: 0 -436px;}
.signUp_wrap table.module_select li label.module10{background-position: -63px -436px;}
.signUp_wrap table.module_select li label.module11{background-position: -126px -436px;}
.signUp_wrap table.module_select li label.module12{background-position: 0 -654px;}
.signUp_wrap table.module_select li label.module13{background-position: -63px -654px;}
.signUp_wrap table.module_select li label.module14{background-position: -126px -654px;}
.signUp_wrap table.module_select li label.module15{background-position: 0 -872px;}
.signUp_wrap table.module_select li label.module16{background-position: -63px -872px;}
.signUp_wrap table.module_select li label.module17{background-position: -126px -872px;}
.signUp_wrap table.module_select li label.module18{background-position: -189px -872px;}
.signUp_wrap table.module_select li label.module19{background-position: -189px -654px;}
.signUp_wrap table.module_select li label.module20{background-position: -315px 0;}
.signUp_wrap table.module_select li label.module01.on{background-position: 0 -109px;}
.signUp_wrap table.module_select li label.module02.on{background-position: -63px -109px;}
.signUp_wrap table.module_select li label.module03.on{background-position: -126px -109px;}
.signUp_wrap table.module_select li label.module04.on{background-position: -189px -109px;}
.signUp_wrap table.module_select li label.module05.on{background-position: -252px -109px;}
.signUp_wrap table.module_select li label.module06.on{background-position: 0 -327px;}
.signUp_wrap table.module_select li label.module07.on{background-position: -63px -327px;}
.signUp_wrap table.module_select li label.module08.on{background-position: -126px -327px;}
.signUp_wrap table.module_select li label.module09.on{background-position: 0 -545px;}
.signUp_wrap table.module_select li label.module10.on{background-position: -63px -545px;}
.signUp_wrap table.module_select li label.module11.on{background-position: -126px -545px;}
.signUp_wrap table.module_select li label.module12.on{background-position: 0 -763px;}
.signUp_wrap table.module_select li label.module13.on{background-position: -63px -763px;}
.signUp_wrap table.module_select li label.module14.on{background-position: -126px -763px;}
.signUp_wrap table.module_select li label.module15.on{background-position: 0 -981px;}
.signUp_wrap table.module_select li label.module16.on{background-position: -63px -981px;}
.signUp_wrap table.module_select li label.module17.on{background-position: -126px -981px;}
.signUp_wrap table.module_select li label.module18.on{background-position: -189px -981px;}
.signUp_wrap table.module_select li label.module19.on{background-position: -189px -763px;}
.signUp_wrap table.module_select li label.module20.on{background-position: -315px -109px;}
.signUp_wrap table.module_select li input[type=checkbox]{position:absolute;left:0;top:0;}
.signUp_wrap .join_btn{display:block;width:300px;height:65px;margin:30px auto;border:none;background:url(../../images/login/join_btn.png) no-repeat;font-size:24px;color:#fff;font-family:"Nanum Gothic",Helvetica, Arial,Verdana;}

.iframe100 {   display: block;   border: none;   height: 100vh;   width: 100%; }

required {
	display:none;
}