/* base */ @font-face { font-family: 'NanumGothicBold'; font-weight: 600; src: url('../font/NanumGothicBold.eot'); src: url('../font/NanumGothicBold.eot') format('embedded-opentype'), url('../font/NanumGothicBold.woff') format('woff'), url('../font/NanumGothicBold.ttf') format('truetype'); } @font-face { font-family: 'NanumGothic'; font-weight: 400; src: url('../font/NanumGothic.eot'); src: url('../font/NanumGothic.eot') format('embedded-opentype'), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype'); } html,body{margin:0;background:transparent;overflow-x:visible;height:100%;}/*overflow:visible;overflow-x:visible;min-width:1600px;overflow:visible*/ body{font-size:12px;line-height:15px;color:#4e4e4e;background:transparent;font-style:normal;font-family:'NanumGothic', 'Helvetica', 'AppleGothic', sans-serif;overflow-x:hidden;overflow-y:auto}/*height:100%;*/ table{font-size:12px;} a img,img{vertical-align:top} img,fieldset{border:0} ul,ol,dl,p{list-style:none;padding:0;margin:0;} ul li img, img{vertical-align:top} a{text-decoration:none;color:#4e4e4e} a:link,a:visited{color:#f26700} a:hover,a:active,a:focus{color:#f26700;text-decoration:underline} .vam{margin:0 0 2px 0;vertical-align:middle} .dpib{display:inline-block !important} .dpb{display:block !important} .dpn{display:none !important} .nbg{background:transparent !important} .brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0} .blind{position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden} .indent{clear:both;margin-left:20px !important} .ofh{overflow:hidden} .ofa{overflow:auto !important} .clb{clear:both !important} .ffng{font-family:'NanumGothic' !important} .ffngb{font-family:'NanumGothicBold' !important} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{* zoom:1} .bbn {border-bottom:none !important;} .mlra {margin:0 auto !important;} .bgnone {background:none !important;} from{margin:0} button,input,select,textarea {max-width: 100%;} button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } inpur[type="text"]{-webkit-appearance: textfield;} button[disabled]{} input[disabled] { cursor: default; background:#e6e6e6 ; color:#838383; border:1px solid #cdcdcd; } input[readonly]{background:#e6e6e6;color:#838383;border:1px solid #cdcdcd;} textarea[readonly]{background:#e6e6e6;color:#838383;border:1px solid #cdcdcd;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } form{margin-bottom:0} fieldset { border:0; margin:0; min-width: inherit; padding:0; } fieldset > :last-child {margin-bottom: 0;} legend {border: 0;padding: 0;} input{border:1px solid #cdcdcd;line-height:24px;padding:0px 5px;color:#1a1a1a;height:24px;box-sizing:border-box;width:100%;font-size:12px} input[type="checkbox"] { position: absolute; opacity: 0; position: static\9; opacity: 1\9;width:auto;padding:0} input[type="checkbox"]:focus + label:before { outline: 1px dotted; } input[type="checkbox"] + label {font-family:'NanumGothic', 'Helvetica', 'AppleGothic', sans-serif;font-size:14px;color:#1a1a1a;line-height:20px;display:inline;margin-right:15px;padding:0} input[type="checkbox"] + label:before { content: ""; display: inline-block; display: none\9; width: 18px; height: 18px; margin: 0 10px 0 0; background: #fff; border: 1px solid #ccc; vertical-align: middle; box-sizing:border-box; } input[type="checkbox"]:checked + label:before { background: #38b8ac url(../images/ico_checked3.png); background-size: cover; }/* */ input[type="radio"] { position: absolute; opacity: 0; position: static\9; opacity: 1\9;width:auto;padding:0} input[type="radio"]:focus + label:before { outline: 1px dotted; } input[type="radio"] + label {position: relative; padding: 0 0 0 25px;font-family:'NanumGothic', 'Helvetica', 'AppleGothic', sans-serif;font-size:14px;color:#1a1a1a;margin-right:15px;} input[type="radio"] + label:before {content: ""; position: absolute; top: 50%; left: 0; display: inline-block; display: none\9; width: 18px; height: 18px; margin: -10px 0 0; background: #fff; border: 1px solid #ccc; border-radius: 50%;box-sizing:border-box;} input[type="radio"]:checked + label:after {content: ""; position: absolute; top: 50%; left: 5px; width:8px; height: 8px; margin: -5px 0 0; background: #38b8ac; border-radius: 50%;}/*url(../images/ico_checked3.png) */ .cal{display:block;position:relative;padding:0;margin:0 0 0 0} .cal:after{content:".";display:block;height:0;clear:both;visibility:hidden} .cal input{border:1px solid #cdcdcd;line-height:24px;padding:0px 5px;color:#1a1a1a;height:24px;box-sizing:border-box;width:90px;font-size:12px;float:left;margin-right:5px} .cal .img{display:block;margin-top:0;margin-right:2px;width:19px;height:24px;background:url(../images/calendar.gif) 0 3px no-repeat !important;text-indent:-999px;cursor:pointer;float:left;padding:0 3px !important} .cal .txt{color:#1a1a1a;line-height:24px;width:20px;display:block;float:left;text-align:center} textarea{border:1px solid #cdcdcd;padding:3px 5px;font-size:13px;color:#1a1a1a;width:99.8%;font-family:'NanumGothic', 'Helvetica', 'AppleGothic', sans-serif;overflow: auto;vertical-align: top;box-sizing:border-box;resize: none} textarea.nbd{border:1px solid #fff;padding:0;font-size:13px;color:#1a1a1a} select { width:100%;padding:0 5px; background:#fff url(../images/ic_combo.gif) no-repeat 98% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cdcdcd; border-radius: 0px; height:24px; font-size:12px;} select::-ms-expand {display: none;} /*필수입력*/ input.ast{background:#fff}/*background:#f8eed7*/ textarea.ast{background:#fff} select.ast{background:#fff url(../images/ic_combo.gif) no-repeat 98% 50%; } input.bd0{border:0 !important} #wrap {width: 100%;height:100%;top:0;padding:0;margin:0;display:block;;} #container {display:block; width: 100%;height:100%;min-height:100%} #container:after{content:".";display:block;height:0;clear:both;visibility:hidden} #container .gnb{width:190px;display:block;position:fixed;height:100%;float:left;background:#354052;vertical-align:top;z-index:101}/*position:fixed;*/ #container .gnb h1{display:block;position:relative;background:#26b2a5;margin:0;padding:6px 30px 7px 23px;height:48px} /*menu 접기*/ #container .gnb_small{width:65px;display:block;position:fixed;height:100%;background:#354052;vertical-align:top;z-index:101} #container .gnb_small h1{display:block;position:relative;background:#26b2a5;margin:0 auto;height:48px;width:42px;padding:6px 13px 7px 10px} #container .content_small{display:block;vertical-align:top;text-align:left;padding:0;height:100%;margin-left:65px;}/*min-width:1392px*/ #container .content{display:block;vertical-align:top;text-align:left;padding:0;height:100%;float:left;left:190px;position:relative;width:-webkit-calc(100% - 190px);width:calc(100% - 190px)}/*min-height:930px;background:#f5f5f7 url(../images/img_main_bg.jpg) 0 0 repeat-x;min-width:1392px*/ #container .content .main{background:#f5f5f7 url(../images/aa.jpg) 0 0 repeat-x;margin-top:61px; position:relative;min-height:896px;overflow-y:hidden} #container .content .top_area{display:block;position:fixed !important;top:0;margin:0;background:#fff;;border-bottom:1px solid #5f6e81;padding:0;height:60px;top:0; z-index:80; width:calc(100% - 190px);width:-webkit-calc(100% - 190px);width:-moz-calc(100% - 190px);} #container .content .top_area .quick_area{display:block;position:relative;padding:15px 20px 15px 20px;margin:0;}/*min-width:1600px;overflow:hidden*/ #container .content .top_area .quick_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} #container .content .top_area .quick_area .user{display:block;width:100px;float:left;position:relative} #container .content .top_area .quick_area ul.q_menu{display:block;position:relative;padding:0;margin:0;float:right} #container .content .top_area .quick_area ul.q_menu{list-style:none;display:block;position:relative} #container .content .top_area .quick_area ul.q_menu li{display:inline-block;vertical-align:top;width:31px;height:31px;margin-right:5px} #container .content .top_area .quick_area ul.q_menu li a{width:30px;height:30px;display:inline-block;cursor:pointer} #container .content .top_area .quick_area ul.q_menu li.bg01{background:url(../images/ic_quick_setting.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.bg02{background:url(../images/ic_quick_search.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.bg03{background:url(../images/ic_quick_alarm.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.bg04{background:url(../images/ic_quick_bookmark.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.bg05{background:url(../images/ic_quick_mylist.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.bg06{background:url(../images/ic_quick_file.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.bg07{background:url(../images/ic_quick_menu.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.bg08{background:url(../images/ic_quick_logout.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.on.bg01{background:url(../images/ic_quick_setting_on.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.on.bg02{background:url(../images/ic_quick_search_on.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.on.bg03{background:url(../images/ic_quick_alarm_on.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.on.bg04{background:url(../images/ic_quick_bookmark_on.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.on.bg05{background:url(../images/ic_quick_mylist_on.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.on.bg06{background:url(../images/ic_quick_file_on.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.on.bg07{background:url(../images/ic_quick_menu_on.png) no-repeat 0 0} #container .content .top_area .quick_area ul.q_menu li.on.bg08{background:url(../images/ic_quick_logout_on.png) no-repeat 0 0} #container .content .top_area .quick_area .q_menu_box{display:block;position:absolute;padding:0;margin:0;background:#fff;border:1px solid #576987;width:239px;right:25px;top:60px;z-index:99} #container .content .top_area .quick_area .q_menu_box .img_box{display:block;position:relative;margin:10px auto;width:133px;height:133px;border-radius:80px;border:1px solid #ddd;overflow:hidden} #container .content .top_area .quick_area .q_menu_box.w400{width:400px} #container .content .top_area .quick_area .q_menu_box.w1024{width:1024px} #container .content .top_area .quick_area .q_menu_box .tt{background:#576987;color:#fff;font-size:12px;line-height:15px;padding:8px 0 9px 0;border-bottom:1px solid #fff;} #container .content .top_area .quick_area .q_menu_box .tt span{font-size:12px;background:url(../images/ic_quick_file_title.png) 3px 0 no-repeat;padding:0 0 0 25px;display:inline-block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} #container .content .top_area .quick_area .q_menu_box .tt span.bookmark{font-size:12px;background:url(../images/ic_quick_book_title.png) 7px 0 no-repeat;padding:0 0 0 30px;display:inline-block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} #container .content .top_area .quick_area .q_menu_box .tt span.mylist{font-size:12px;background:url(../images/ic_quick_mylist_title.png) 7px 0 no-repeat;padding:0 0 0 30px;display:inline-block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} #container .content .top_area .quick_area .q_menu_box .tt span.search{font-size:12px;background:url(../images/ic_quick_search_title.png) 7px 0 no-repeat;padding:0 0 0 30px;display:inline-block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} #container .content .top_area .quick_area .q_menu_box .tt span.all_menu{font-size:12px;background:url(../images/ic_quick_menu_title.png) 7px 0 no-repeat;padding:0 0 0 30px;display:inline-block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} #container .content .top_area .quick_area .q_menu_box .tt span.close{display:inline-block;position:absolute;right:0;top:8px;background:url(../images/ic_quick_close.png) 0 0 no-repeat;text-indent:-9999px;cursor:pointer;padding:0;width:19px;height:19px} #container .content .top_area .quick_area .q_menu_box .box_content{display:block;position:relative;padding:5px 10px 5px 10px} #container .content .top_area .quick_area .q_menu_box .check_list{position:relative;padding:0;margin:0;list-style:none;margin-top:1px} #container .content .top_area .quick_area .q_menu_box .check_list li{width:100%;margin-right:10px;float:none} /*퀵메뉴 전체메뉴*/ #container .content .top_area .quick_area .q_menu_box .box_content .sitemap{display:block;position:relative;padding:0;margin:0} #container .content .top_area .quick_area .q_menu_box .box_content .sitemap:after{content:".";display:block;height:0;clear:both;visibility:hidden} #container .content .top_area .quick_area .q_menu_box .box_content .sitemap .map_group{width:130px;display:block;position:relative;padding:0;margin:0 10px 0 0;float:left;} #container .content .top_area .quick_area .q_menu_box .box_content .sitemap .map_group.w194{width:194px;} #container .content .top_area .quick_area .q_menu_box .box_content .sitemap .map_group.w180{width:180px;} #container .content .top_area .quick_area .q_menu_box .box_content .sitemap .map_group .menu01{display:block;position:relative;background:#d9dee7;font-size:14px;height:44px;font-weight:bold;text-align:center;color:#111111;line-height:44px;margin:0 0 10px 0;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif} #container .content .top_area .quick_area .q_menu_box .box_content .sitemap .map_group .menu02{display:block;position:relative;line-height:16px;font-size:14px;font-weight:bold;text-align:left;color:#303d50;margin:0 0 5px 5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;background:url(../images/ic_sitemap.gif) 0 3px no-repeat;padding:0 0 0 13px} #container .content .top_area .quick_area .q_menu_box .box_content .sitemap .map_group .menu03{display:block;position:relative;line-height:16px;font-size:12px;text-align:left;color:#303d50;margin:0 0 5px 0;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;padding:0 0 0 17px} /*퀵메뉴 양식함*/ .file_list{display:block;position:relative;padding:0;margin:0;list-style:none} .file_list li.down{background:url(../images/ic_quick_down.png) 100% 0 no-repeat;padding:0 20px 0 0;line-height:15px;padding:3px 0 3px} .file_list li.down a{color:#1a1a1a;font-size:12px;color:#1a1a1a;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} .file_list li.down a:hover{text-decoration:underline} /*즐겨찾기*/ .bookmark_info{background:#d9dee7;padding:10px;text-align:center;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;color:#5e5e5e} .bookmark_info span{color:#ff4200 } .btn_bookmark_del{padding:2px 10px 3px 15px;display:inline;width:55px;border:1px solid #c7c7c7;line-height:15px;font-size:12px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#686969;background:url(../images/ic_quick_del.png) 4px 4px no-repeat;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .btn_bookmark_del:hover{background:url(../images/ic_quick_del.png) 4px 4px no-repeat;color:#686969;border:1px solid #f47320} /*사용자 정보*/ .img_box{display:block;position:relative;text-align:center;margin-top:20px} .info_text{font-size:12px;color:#576987;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;text-align:center;margin-top:10px} .info_text p{line-height:15px;padding:3px 0 2px ;margin:2px 0 0 0;} .info_text p span{color:#576987;font-size:14px;} .info_btn{background:#107e74;width:100%;display:block;margin-top:10px} .info_btn .btn{display:block;position:relative;list-style:none;background:#576987} .info_btn .btn:after{content:".";display:block;height:0;clear:both;visibility:hidden} .info_btn .btn li{background:url(../images/user_info_line.png) 100% 50% no-repeat;font-size:14px;color:#fff;width:50%;float:left;line-height:15px;float:left;text-align:center;padding:12px 0 13px 0} .info_btn .btn li:last-child{background:none} .info_btn .btn li a{color:#fff} .info_btn .btn li a span.info{background:url(../images/user_info_arrow.png) 100% 6px no-repeat;padding-right:15px;} .info_btn .btn li a span.logout{background:url(../images/user_info_logout.png) 100% 4px no-repeat;padding-right:15px;} /*나의할일*/ .mylist_info{display:block;position:relative;padding:0;margin:0 0 0} .mylist_info .title{font-size:12px;font-weight:bold;color:#686969;line-height:15px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;background:none;display:inline-block;margin:0 5px 0 0} .mylist_info .title span.num a{color:#26b2a5;padding:0 5px} .mylist_info .list_box{background:#d9dee7;padding:5px;display:block;position:relative;margin:5px 0 5px 0;list-style:none} .mylist_info .list_box li{display:block;position:relative;padding:0 0 0 10px ;margin:2px 0 3px;line-height:18px;font-size:12px;background:url(../images/pilibg.gif) 2px 7px no-repeat} .mylist_info .list_box li a{color:#686969} /*사용자 정보*/ #container .content .user_info_area{display:block;position:relative;margin:33px 0 0 0 ;padding:10px 25px 0 25px;min-width:1348px;box-sizing:border-box;height:164px;background:#fff} #container .content .user_info_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} #container .content .user_info_area .user_info{display:block;position:relative;margin:0 ;float:left;min-width:547px;width:547px} #container .content .user_info_area .bookmark{display:block;position:relative;padding:0;margin:0;float:left;width:-webkit-calc(100% - 547px);width:-moz-calc(100% - 547px);width:calc(100% - 547px);} #container .content .user_info_area .bookmark h2{background:url(../images/ic_title_bookmark.png) 0 0 no-repeat ;padding:0 0 0 20px;margin-bottom:7px ;font-size:16px;color:#1a1a1a;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} #container .content .user_info_area .bookmark .book_list{display:table;position:relative;margin:0;border:1px solid #eeeeee;list-style:none;padding:15px 0 15px 0;width:100%;height:83px} #container .content .user_info_area .bookmark .book_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #container .content .user_info_area .bookmark .book_list li{display:table-cell;position:relative;border-right:1px solid #e2e2e2;text-align:center;padding:0 10px;min-height:70px;box-sizing:border-box;word-break:break-word;width:16.667%} #container .content .user_info_area .bookmark .book_list li span a{color:#354052;font-size:12px;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;height:14px} #container .content .user_info_area .bookmark .book_list li span{padding:0;margin-top:52px;display:block;font-size:12px;line-height:15px;height:19px} #container .content .user_info_area .bookmark .book_list li.bg00{background:url(../images/ic_book_app.png) 50% 0 no-repeat} #container .content .user_info_area .bookmark .book_list li.bg01{background:url(../images/ic_book_sm.png) 50% 0 no-repeat} #container .content .user_info_area .bookmark .book_list li.bg02{background:url(../images/ic_book_sl.png) 50% 0 no-repeat} #container .content .user_info_area .bookmark .book_list li.bg03{background:url(../images/ic_book_user.png) 50% 0 no-repeat} #container .content .user_info_area .bookmark .book_list li.bg04{background:url(../images/ic_book_comm.png) 50% 0 no-repeat} #container .content .user_info_area .bookmark .book_list li.bg05{background:url(../images/ic_book_dashboard.png) 50% 0 no-repeat} #container .content .user_info_area .bookmark .book_list li.bg06{background:url(../images/ic_book_work.png) 50% 0 no-repeat} #container .content .user_info_area .bookmark .book_list li.no{background:url(../images/ic_book_no.png) 50% 0 no-repeat;color:#94a09e !important} #container .content .user_info_area .bookmark .book_list li.no span a{color:#94a09e !important} #container .content .user_info_area .bookmark .book_list li:last-child{border-right:0;} #container .content .user_info_area .bookmark .book_list li a{color:#354052;font-weight:bold;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} #container .content .user_info_area .user_info .imgbox{display:block;position:relative;margin:10px 20px 0 0;float:left;width:133px;height:133px;border-radius:80px;border:1px solid #ddd;overflow:hidden;text-align:center} #container .content .user_info_area .user_info .info_text{display:block;position:relative;float:left} #container .content .user_info_area .user_info .info_text p{font-size:14px;line-height:15px;padding:5px 0 ;color:#454545;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;text-align:left} #container .content .user_info_area .user_info .info_text p span{color:#2a2a2a} #container .content .user_info_area .user_info .info_text p span.blue{color:#3c6085} #container .content .user_info_area .user_info .info_text .info{display:block;position:relative;width:100%;margin-top:15px} #container .content .user_info_area .user_info .info_text .info p{border-radius:30px;background:#3c6085;color:#fff;line-height:18px;padding:5px 10px 5px 10px;text-align:center;font-size:12px} #container .content .user_info_area .user_info .info_text .ap_list{display:block;position:relative;padding:0;margin:10px 0 0 0;list-style:none} #container .content .user_info_area .user_info .info_text .ap_list li{display:inline-block;font-size:16px;line-height:18px;padding:3px 10px ;text-align:center;color:#11172f;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;background:url(../images/img_ap_list.gif) 0 5px no-repeat} #container .content .user_info_area .user_info .info_text .ap_list li:first-child{background:none} #container .content .user_info_area .user_info .info_text .ap_list li a{color:#11172f;text-decoration:underline} /*서비스처리현황*/ #container .content .sm_list{display:block;position:relative;padding:0 25px;margin:10px 0 10px 0;min-width:1348px;box-sizing:border-box}/*min-width:1348px;width:100%*/ #container .content .sm_list h2{font-size:14px;line-height:15px;color:#1a1a1a;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;margin:10px 0 ;display:inline-block;} #container .content .sm_list .chart_box{display:inline-block;position:relative;padding:0;margin:0;width:100%} #container .content .sm_list .chart_box:after{content:".";display:block;height:0;clear:both;visibility:hidden} #container .content .sm_list .chart_box .box1{display:inline-block;float:left;box-sizing:border-box;position:relative;height:260px;padding:10px;margin-right:20px;border:1px solid #e2e2e2;background:#fff;vertical-align:top;width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);width:calc(50% - 20px);} #container .content .sm_list .chart_box .box2{display:inline-block;float:left;box-sizing:border-box;position:relative;height:260px;padding:10px;margin-right:0;border:1px solid #e2e2e2;background:#fff;vertical-align:top;width:50%;} #container .content .sm_list .chart_box .tit{display:block;position:relative;padding:0;margin:0 0 15px 0;line-height:15px} #container .content .sm_list .chart_box .tit:after{content:".";display:block;height:0;clear:both;visibility:hidden} #container .content .sm_list .chart_box .tit h3{font-size:12px;color:#1a1a1a;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;float:left;display:block;margin:0;font-weight:normal;line-height:15px;padding:1px 0 2px} #container .content .sm_list .chart_box .tit .date{font-size:12px;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;float:right;display:block;} #container .content .sm_list .chart_box .tit select.option{height:18px;line-height:18px;font-family:'NanumGothic', 'Helvetica', 'AppleGothic', sans-serif;vertical-align:middle;width:60px;border:1px solid #fff ;float:right;display:block;margin-right:5px} /*나의처리현황*/ #container .content .my_list{display:block;position:relative;padding:0 25px;margin:0 0 20px 0;}/*;min-width:1368px*/ #container .content .my_list:after{content:".";display:block;height:0;clear:both;visibility:hidden} #container .content .my_list .tit{display:block;position:relative;padding:0;margin:0 0 15px 0;line-height:15px} #container .content .my_list .tit h3{font-size:14px;line-height:16px;color:#1a1a1a;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;display:inline-block;vertical-align:middle;padding:4px 30px 4px 0;margin:0} #container .content .my_list .tit .banner{background:url(../images/main_ic_banner.png) 0 0 no-repeat;text-indent:-9999px;display:inline-block;position:relative;width:24px;height:24px;cursor:pointer;margin-right:2px;vertical-align:middle} #container .content .my_list .tit .banner.on{background:url(../images/main_ic_banner_on.png) 0 0 no-repeat;} #container .content .my_list .tit .list{background:url(../images/main_ic_list.png) 0 0 no-repeat;text-indent:-9999px;display:inline-block;position:relative;width:24px;height:24px;cursor:pointer;vertical-align:middle} .banner_list{ display:block;position:relative;padding:0;} .banner_list:after{content:".";display:block;height:0;clear:both;visibility:hidden} .banner_list a.prev{background:url(../images/main_banner_prev.png) 0 0 no-repeat;width:21px;height:50px;text-indent:-9999px;cursor:pointer;margin-right:10px;display:block;position:absolute;top:40%} .banner_list a.next{background:url(../images/main_banner_next.png) 0 0 no-repeat;width:21px;height:50px;text-indent:-9999px;cursor:pointer;margin-right:0;display:block;position:absolute;top:40%;right:0} .banner_list .list_b{list-style:none;display:inline-block;position:relative;width:1600px;margin:0 auto;overflow-x:hidden;overflow-y:hidden;height:152px} .banner_list .list_b:after{content:".";display:block;height:0;clear:both;visibility:hidden} .banner_list .list_b li{width:179px;height:130px;background:#fff;border:1px solid #d14514;display:block;float:left;padding:10px;margin-right:12px;position:relative } .banner_list .list_b li a{text-decoration:none;cursor:pointer} .banner_list .list_b li .tit_area{display:block;position:relative;padding:0;margin:0 0 5px 0} .banner_list .list_b li .tit_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} .banner_list .list_b li .tit_area .state{display:block;vertical-align:top;font-size:14px;color:#d14514;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;float:left;padding:2px 0 3px;line-height:15px} .banner_list .list_b li .tit_area .txt{display:block;text-align:center;font-size:14px;color:#fff;border-radius:20px;padding:2px 10px 3px 10px;line-height:15px;background:#d14514;float:right} .banner_list .list_b li .tt{display:block;position:relative;padding:5px 0 5px;text-align:left;line-height:18px;font-size:12px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;border-top:1px dotted #dadada} .banner_list .list_b li:last-child{margin-right:0} /*변경*/ .banner_list .list_b li.csr{background:#fff;border:1px solid #2db4a8} .banner_list .list_b li.csr .tit_area{display:block;position:relative;padding:0;margin:0 0 5px 0} .banner_list .list_b li.csr .tit_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} .banner_list .list_b li.csr .tit_area .state{display:block;vertical-align:top;font-size:14px;color:#2db4a8;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;float:left;padding:2px 0 3px;line-height:15px} .banner_list .list_b li.csr .tit_area .txt{display:block;text-align:center;font-size:14px;color:#fff;border-radius:20px;padding:2px 10px 3px 10px;line-height:15px;background:#2db4a8;float:right} .banner_list .list_b li.csr .tt{display:block;position:relative;padding:5px 0 5px;text-align:left;line-height:18px;font-size:12px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;}/*text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;*/ /*요청*/ .banner_list .list_b li.sr{background:#fff;border:1px solid #3da0c0} .banner_list .list_b li.sr .tit_area{display:block;position:relative;padding:0;margin:0 0 5px 0} .banner_list .list_b li.sr .tit_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} .banner_list .list_b li.sr .tit_area .state{display:block;vertical-align:top;font-size:14px;color:#3da0c0;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;float:left;padding:2px 0 3px;line-height:15px} .banner_list .list_b li.sr .tit_area .txt{display:block;text-align:center;font-size:14px;color:#fff;border-radius:20px;padding:2px 10px 3px 10px;line-height:15px;background:#3da0c0;float:right} .banner_list .list_b li.sr .tt{display:block;position:relative;padding:5px 0 5px;text-align:left;line-height:18px;font-size:12px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;}/*text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;*/ .banner_list .list_b li dl{display:block;position:relative;margin:5px 0 5px 0} .banner_list .list_b li dl dt{display:inline-block;line-height:15px;font-size:12px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;padding:2px 0px 3px 10px;color:#1a1a1a;text-align:left;background:url(../images/main_banner_bl.gif) 0 7px no-repeat} .banner_list .list_b li dl dd{display:inline-block;line-height:15px;font-size:12px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;text-align:left;margin:0;color:#1a1a1a;} .notice_area{display:block;position:relative;padding:0 25px ;margin:10px 0 10px 0;min-width:1348px;box-sizing:border-box}/*min-width:1368px*/ .notice_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} .notice_area .list1{display:inline-block;float:left;box-sizing:border-box;position:relative;height:154px;padding:10px;margin-right:20px;border:1px solid #e2e2e2;background:#fff;vertical-align:top;width:-webkit-calc(33% - 20px);width:-moz-calc(33% - 20px);width:calc(33% - 20px);} .notice_area .list2{display:inline-block;float:left;box-sizing:border-box;position:relative;height:154px;padding:10px;margin-right:20px;border:1px solid #e2e2e2;background:#fff;vertical-align:top;width:-webkit-calc(33% - 20px);width:-moz-calc(33% - 20px);width:calc(33% - 20px);} .notice_area .list3{display:inline-block;float:left;box-sizing:border-box;position:relative;height:154px;padding:10px;margin-right:0;border:1px solid #e2e2e2;background:#fff;vertical-align:top;width:34%} .notice_area ul.no_list{list-style:none;position:relative;padding:0;margin:0;width:100%} .notice_area ul.no_list li{background:url(../images/pilibg.gif)0 7px no-repeat;font-size:12px;color:#1a1a1a;line-height:17px;padding:0 0 0 10px;margin:2px 0 3px 0} .notice_area ul.no_list li:after{content:".";display:block;height:0;clear:both;visibility:hidden} .notice_area ul.no_list li .tit{font-size:12px;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;padding:0 10px 0 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:inline-block;width:264px;float:left} .notice_area ul.no_list li .date{font-size:12px ;display:inline-block;position:relative;float:right;display:block;width:80px;margin:0 5px;text-align:center} .notice_area ul.no_list li .user{font-size:12px ;display:inline-block;position:relative;float:right;display:block;width:60px;margin:0 5px;text-align:center} .notice_area ul.no_list li .ranking{font-size:12px ;display:inline-block;position:relative;float:right;display:block;width:60px;margin:0 5px;text-align:center} .notice_area ul.no_list li span a{color:#1a1a1a !important;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} .notice_area .list1 .tit_area{display:block;position:relative;padding:0;margin:0} .notice_area .list1 .tit_area h3{display:inline-block;text-align:left;font-size:14px;color:#1a1a1a} .notice_area .list1 .tit_area .more{display:inline-block;text-align:right;position:absolute;right:0;background:url(../images/main_notice_more.png) 0 0;text-indent:-9999px;width:17px;height:17px;cursor:pointer} .notice_area .list2 .tit_area{display:block;position:relative;padding:0;margin:0} .notice_area .list2 .tit_area h3{display:inline-block;text-align:left;font-size:14px;color:#1a1a1a} .notice_area .list2 .tit_area .more{display:inline-block;text-align:right;position:absolute;right:0;background:url(../images/main_notice_more.png) 0 0;text-indent:-9999px;width:17px;height:17px;cursor:pointer} .notice_area .list3 .tit_area{display:block;position:relative;padding:0;margin:0} .notice_area .list3 .tit_area h3{display:inline-block;text-align:left;font-size:14px;color:#1a1a1a} .notice_area .list3 .tit_area .more{display:inline-block;text-align:right;position:absolute;right:0;background:url(../images/main_notice_more.png) 0 0;text-indent:-9999px;width:17px;height:17px;cursor:pointer} .sub {display:block;position:relative;margin:0;padding:0 30px 0 25px;background:#fff;min-width:1350px}/*min-width:1360px*/ .sub_tt_area{display:block;position:relative;margin:60px 0 0 0;padding:20px 25px 11px 25px;background:#fff;} .sub_tt_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} .sub_tt_area .title_area{display:block;float:left;padding:0;margin:0;position:relative;left:0;padding-bottom:0} .sub_tt_area .title_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} .sub_tt_area .title_area a.bookmark{display:block;background:url(../images/ic_title_bookmark.png) 0 1px no-repeat;text-indent:-99999px;width:20px;height:18px;float:left} .sub_tt_area .title_area a.bookmark.on{background:url(../images/ic_title_bookmark_on.png) 0 1px no-repeat} .sub_tt_area .title_area a.help{display:block;background:url(../images/ic_title_help.png) 0 0 no-repeat;text-indent:-99999px;width:17px;height:18px;float:left} .sub_tt_area .title_area h2{font-size:18px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;display:block;line-height:18px;padding:0 10px 0 0;margin:0;float:left} .sub_tt_area .location{display:block;position:relative;float:right;right:0;list-style:none;background:url(../images/ic_location_home.png) 0 0 no-repeat;padding:0 0 0 24px } .sub_tt_area .location li{float:left;padding:2px 15px 2px 10px;font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;background:url(../images/ic_location_arrow.gif) 100% 5px no-repeat; } .sub_tt_area .location li:last-child{background:none;padding-right:0} .option_menu{display:block;position:relative;padding:0;margin:0;list-style:none;background:#354052;border-bottom:1px solid #434d5e} .option_menu:after{content:".";display:block;height:0;clear:both;visibility:hidden} .option_menu li{float:left;display:block;background:url(../images/ic_language_line.gif) 100% 100% no-repeat;width:50%;margin-top:16px;margin-bottom:17px ;} .option_menu li:last-child{background:none} .option_menu li a.language_k{background:url(../images/ic_language_k.gif) 0 0 no-repeat;width:42px;height:24px;text-indent:-9999px;display:block;margin:0 auto} .option_menu li a.language_e{background:url(../images/ic_language_e.gif) 0 0 no-repeat;width:42px;height:24px;text-indent:-9999px;display:block;margin:0 auto} .option_menu li.ic_menu{color:#fff;line-height:15px;font-size:15px;text-align:center;padding:7px 0 0 0;} .option_menu li.ic_menu a{color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;text-decoration:none} .option_menu li.ic_menu a:link,li.ic_menu a:visited{color:#fff;text-decoration:none} .option_menu li.ic_menu a:hover{color:#26b2a5;text-decoration:none} /*스몰*/ .gnb_small .option_menu{display:block;position:relative;padding:0;margin:0;list-style:none;background:#354052;border-bottom:0 } .gnb_small .option_menu li{display:block;margin-top:16px;height:41px;border-bottom:1px solid #434d5e;border-bottom:1px solid #434d5e;width:65px;background:none;margin-bottom:0} .gnb_small .option_menu li a.language_k{background:url(../images/ic_language_k.gif) 0 0 no-repeat;width:42px;height:24px;text-indent:-9999px;display:block;margin:0 auto} .gnb_small .option_menu li a.language_e{background:url(../images/ic_language_e.gif) 0 0 no-repeat;width:42px;height:24px;text-indent:-9999px;display:block;margin:0 auto} .gnb_small .option_menu li.ic_menu{background:none;color:#fff;line-height:15px;padding:7px 0 0 0;font-size:15px;text-align:center;height:34px} .gnb_small .option_menu li.ic_menu img{display:block;position:relative;width:50px;margin:0 auto} .gnb_small .option_menu li.ic_menu a{color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;text-decoration:none} .gnb_small .option_menu li.ic_menu a:link,li.ic_menu a:visited{color:#fff;text-decoration:none} .gnb_small .option_menu li.ic_menu a:hover{color:#26b2a5;text-decoration:none} /**/ .menu{display:block;position:relative;list-style:none;padding:0;margin:0} .menu li{display:block;position:relative;font-size:14px;color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;text-align:left;cursor:pointer} .menu li a{color:#fff;text-decoration:none;display:block;line-height:20px;padding:15px 0 15px 10px;} .menu li a span{display:block;margin:0;padding:0 0 0 25px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .menu li a span.m0{background:url(../images/ic_menu_app.png) 0 0px no-repeat;padding:0 0 0 30px }/*전자결재*/ .menu li a span.m1{margin:0;background:url(../images/ic_menu_SM.png) 0 0 no-repeat;padding:0 0 0 30px}/*서비스처리*/ .menu li a span.m2{background:url(../images/ic_menu_sl.png) 0 0px no-repeat;padding:0 0 0 30px}/*서비스 수준관리*/ .menu li a span.m3{background:url(../images/ic_menu_user.png) 0 0 no-repeat;padding:0 0 0 30px}/*사용자지원*/ .menu li a span.m4{background:url(../images/ic_menu_work.png) 0 2px no-repeat;padding:0 0 0 30px}/*업무설정*/ .menu li a span.m5{background:url(../images/ic_menu_comm.png) 0 2px no-repeat;padding:0 0 0 30px }/*공통관리*/ .menu li a span.m6{background:url(../images/ic_menu_dashboard.png) 0 0px no-repeat;padding:0 0 0 30px }/*대시보드*/ .menu li a span.m7{background:url(../images/ic_menu_sample.png) 0 0px no-repeat;padding:0 0 0 30px }/*화면샘플*/ .menu li.on a span.m0{background:url(../images/ic_menu_app_on.png) 0 0px no-repeat;padding:0 0 0 30px }/*전자결재*/ .menu li.on a span.m1{margin:0;background:url(../images/ic_menu_SM_on.png) 0 0 no-repeat}/*서비스처리*/ .menu li.on a span.m2{background:url(../images/ic_menu_sl_on.png) 0 0 no-repeat;}/*서비스수준관리*/ .menu li.on a span.m3{background:url(../images/ic_menu_user_on.png) 0 0 no-repeat;}/*사용자지원*/ .menu li.on a span.m4{background:url(../images/ic_menu_work_on.png) 0 2px no-repeat}/*업무설정*/ .menu li.on a span.m5{background:url(../images/ic_menu_comm_on.png) 0 2px no-repeat}/*공통관리*/ .menu li.on a span.m6{background:url(../images/ic_menu_dashboard_on.png) 0 0px no-repeat }/*대시보드*/ .menu li.on a span.m7{background:url(../images/ic_menu_sample_on.png) 0 0px no-repeat }/*화면샘플*/ .menu li a:hover span.m0{background:url(../images/ic_menu_app_on.png) 0 0px no-repeat;padding:0 0 0 30px }/*전자결재*/ .menu li a:hover span.m1{margin:0;background:url(../images/ic_menu_SM_on.png) 0 0 no-repeat}/*서비스처리*/ .menu li a:hover span.m2{background:url(../images/ic_menu_sl_on.png) 0 0 no-repeat;}/*서비스수준관리*/ .menu li a:hover span.m3{background:url(../images/ic_menu_user_on.png) 0 0 no-repeat;}/*사용자지원*/ .menu li a:hover span.m4{background:url(../images/ic_menu_work_on.png) 0 2px no-repeat}/*업무설정*/ .menu li a:hover span.m5{background:url(../images/ic_menu_comm_on.png) 0 2px no-repeat}/*공통관리*/ .menu li a:hover span.m6{background:url(../images/ic_menu_dashboard_on.png) 0 0px no-repeat }/*대시보드*/ .menu li a:hover span.m7{background:url(../images/ic_menu_sample_on.png) 0 0px no-repeat }/*화면샘플*/ .menu li a:hover{background:#272f3c;border-left:2px solid #34ac9a} .menu li.on a:hover{background:#272f3c;border-left:0px solid #34ac9a} .menu li.on{background:#272f3c;border-left:2px solid #34ac9a;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} /*메뉴 스몰*/ .menu_small{display:block;position:relative;list-style:none;padding:0;margin:0} .menu_small li{display:block;position:relative;font-size:14px;color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;text-align:left;cursor:pointer;text-indent:-9999px;width:63px;margin:0 auto} .menu_small li a{color:#fff;text-decoration:none;display:block;line-height:20px;padding:15px 0 15px 0;} .menu_small li a span{display:block;margin:0 auto;padding:0;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif} .menu_small li a span.m0{background:url(../images/ic_menu_app.png) 50% 0 no-repeat }/*전자결재*/ .menu_small li a span.m1{margin:0;background:url(../images/ic_menu_SM.png) 50% 0 no-repeat }/*서비스처리*/ .menu_small li a span.m2{background:url(../images/ic_menu_sl.png) 50% 0 no-repeat }/*서비스 수준관리*/ .menu_small li a span.m3{background:url(../images/ic_menu_user.png) 50% 0 no-repeat }/*사용자지원*/ .menu_small li a span.m4{background:url(../images/ic_menu_work.png) 50% 0 no-repeat }/*업무설정*/ .menu_small li a span.m5{background:url(../images/ic_menu_comm.png) 50% 0 no-repeat }/*공통관리*/ .menu_small li a span.m6{background:url(../images/ic_menu_dashboard.png) 50% 0 no-repeat }/*대시보드*/ .menu_small li a span.m7{background:url(../images/ic_menu_sample.png) 50% 0 no-repeat }/*화면샘플*/ .menu_small li.on a span.m0{background:url(../images/ic_menu_app_on.png) 50% 0 no-repeat }/*전자결재*/ .menu_small li.on a span.m1{margin:0;background:url(../images/ic_menu_SM_on.png) 50% 0 no-repeat }/*서비스처리*/ .menu_small li.on a span.m2{background:url(../images/ic_menu_sl_on.png) 50% 0 no-repeat }/*서비스 수준관리*/ .menu_small li.on a span.m3{background:url(../images/ic_menu_user_on.png) 50% 0 no-repeat }/*사용자지원*/ .menu_small li.on a span.m4{background:url(../images/ic_menu_work_on.png) 50% 0 no-repeat }/*업무설정*/ .menu_small li.on a span.m5{background:url(../images/ic_menu_comm_on.png) 50% 0 no-repeat }/*공통관리*/ .menu_small li.on a span.m6{background:url(../images/ic_menu_dashboard_on.png) 50% 0 no-repeat }/*대시보드*/ .menu_small li.on a span.m7{background:url(../images/ic_menu_sample_on.png) 50% 0 no-repeat }/*화면샘플*/ .menu_small li a:hover span.m0{background:url(../images/ic_menu_app_on.png) 50% 0 no-repeat}/*전자결재*/ .menu_small li a:hover span.m1{margin:0;background:url(../images/ic_menu_SM_on.png) 50% 0 no-repeat}/*서비스처리*/ .menu_small li a:hover span.m2{background:url(../images/ic_menu_sl_on.png) 50% 0 no-repeat}/*서비스 수준관리*/ .menu_small li a:hover span.m3{background:url(../images/ic_menu_user_on.png) 50% 0 no-repeat}/*사용자지원*/ .menu_small li a:hover span.m4{background:url(../images/ic_menu_work_on.png) 50% 0 no-repeat}/*업무설정*/ .menu_small li a:hover span.m5{background:url(../images/ic_menu_comm_on.png) 50% 0 no-repeat}/*공통관리*/ .menu_small li a:hover span.m6{background:url(../images/ic_menu_dashboard_on.png) 50% 0 no-repeat }/*대시보드*/ .menu_small li a:hover span.m7{background:url(../images/ic_menu_sample_on.png) 50% 0 no-repeat}/*화면샘플*/ .menu_small li a:hover{background:#272f3c;border-left:2px solid #34ac9a} .menu_small li.on a:hover{background:#272f3c;border-left:0px solid #34ac9a} .menu_small li.on{background:#272f3c;border-left:2px solid #34ac9a;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .sub_menu_area{display:block;position:absolute;z-index:9999;background:#303d50 url(../images/sub_bg.jpg) 0 0 repeat-y;height:100%;width:210px;left:190px;opacity:0.8 ;top:0} .sub_menu_area .sub_menu{display:block;position:relative;font-family:'NanumGothic';top:118px} .sub_menu_area .sub_menu li{line-height:15px;font-size:14px;color:#fff;display:block;font-weight:bold;border-top:1px solid;border-color:rgba(255,255,255,0.3);padding:0 ;line-height:32px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .sub_menu_area .sub_menu li span{padding-left:15px} .sub_menu_area .sub_menu li a{color:#fff;text-decoration:none;display:block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;cursor:pointer;padding-left:15px} .sub_menu_area .sub_menu li a:hover{background:#272f3c} .sub_menu_area .sub_menu li.on a{background:#272f3c;color:#66eade;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .sub_menu_area .sub_menu li > .menu_list{font-size:13px;color:#fff;font-family:'NanumGothic';display:block;margin:0;background:#272f3c;background:rgba(48,61,81,0.7)} .sub_menu_area .sub_menu li > .menu_list > li{font-size:13px;color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:normal;line-height:15px;padding:0 0 0 10px;width:initial;background:url(../images/ic_sub_bl.png) 15px 12px no-repeat;border-bottom:0} .sub_menu_area .sub_menu li > .menu_list > li a{color:#fff;background:none;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;cursor:pointer} .sub_menu_area .sub_menu li > .menu_list > li a:hover{color:#66eade;background:none} #header *,#side *, #footer *{list-style:none;margin:0;padding:0;font-weight:normal;font-size:14px;line-height:15px} #logo{position:absolute;left:2px;top:45px} #footer{display:block;position:relative;width:100%} #footer p{color:#b1b0b0;font-size:13px;font-family:'NanumGothic';margin:100px 0 50px} /* heading tag */ h1,h2,h3,h4,h5,h6{padding:0;margin:0;background:transparent;font-size:13px;line-height:15px} h1{margin:38px 0 0;padding:0;background:transparent;color:#333;font-size:30px;line-height:30px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} /*h2{margin:5px 0 10px 0;padding:0;color:#333333;line-height:18px;font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;}*/ h3{margin:5px 0 10px 0;padding:0;color:#333333;line-height:15px;font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} h4{margin:5px 0 10px 0;padding:0;color:#333333;line-height:15px;font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} /* List */ ul.bu{list-style:none;margin:0;padding:0;text-align:left} ul.bu li{margin:0;padding:0 0 0 9px;line-height:18px;background:url(../images/li1bg.gif) no-repeat 0 6px} ul.bu li:after{content:".";display:block;height:0;clear:both;visibility:hidden} ul.bu li.nobg{margin:0;padding:0;background: transparent} ul.bu li.lh18{margin:0;padding:2px 0 1px 9px;background-position:0 7px} ul.bu li.lh21{margin:0;padding:3px 0 3px 9px;background-position:0 8px} ul.bu li.lh23{margin:0;padding:4px 0 3px 9px;background-position:0 8px} ul.bu li.lh27{margin:0;padding:6px 0 6px 9px;background-position:0 12px} ul.bu li ol {margin:5px 0 10px 0; padding-left:13px;} ul.bu li ol li {background:none; font-size:11px; color:#666; padding-left:0; margin:0; line-height:17px;} ul.bu li ol.cy{margin:0 0 0 -22px;list-style:none} ul.bu li ol.cy li{padding:2px 0 1px 22px;background-repeat:no-repeat;background-position:3px 3px} ul.bu ul li{background:url() no-repeat}/* 2depth */ ul.bu ul ul li{ background:url() no-repeat}/* 3depth */ ul.bu ul ul ul li{ background:url() no-repeat}/* 4depth */ ul.bu ul,ul.bu ul ul,ul.bu ul ul ul{list-style:none;margin:4px 0;padding:0} ul.bu li .clda1527{color:#da1527} ul.bu li .cl2054ae{color:#2054ae} ul.pibu{list-style:none;margin:0;padding:0;text-align:left} ul.pibu li:first-child{margin:0} ul.pibu li{margin:0;padding:2px 0 1px 9px;color:#666;background:url(../images/pilibg.gif) no-repeat 0 7px;font-size:11px} ul.pibu li .cled1b2f{color:#ed1b2f} .ulbu{display:block;position:relative;margin:0;padding:2px 0 1px 9px;background:url(../images/li1bg.gif) no-repeat 0 7px} .ulbu.lh23{height:23px;line-height:23px;background-position:0 8px} ol.bo{padding:0 0 0 22px;margin:0;list-style-type:decimal}/* list-style-type:decimal-leading-zero */ ol.bo li{padding:2px 0 1px 0;margin:0;color:#666;font-size: 14px;font-weight: bold} ol.bo li p{padding:2px 0 1px 0;margin:0;color:#666;font-size: 12px;font-weight: normal} ol{padding:0 0 0 22px;margin:0;list-style-type : decimal;}/* list-style-type:decimal-leading-zero */ ol li{padding:5px 0 5px 0;margin:0;color:#1a1a1a;font-family:'NanumGothic',sans-serif;font-size:13px;line-height:15px} ol li ul{margin:4px 0;text-align:left} ol li ul li{padding:1px 0 1px 9px !important;margin:0;background:url(../images/ol_li1bg.gif) no-repeat 0 7px !important;color:#1a1a1a} ol li ul ul li{padding:1px 0 1px 9px !important;margin:0;background:url(../images/ol_li2bg.gif) no-repeat 0 6px !important;color:#1a1a1a} ol li ul ul{margin:4px 0;text-align:left} ol li em{color:#6182bc;font-style:normal;} ol ol.cy{list-style:none} ol.cy ol li{padding-left:0} ol.cy ol li ol li{padding-left:22px} /* table */ table caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden} table.t0{border-collapse:collapse;width:100%;margin:0;border-top:1px solid #707c8a;border-left:1px solid #FFF ;background:#fff;border-right: 1px solid #FFF} table.t0.tb0{border-top:0px solid #da1527} *:first-child+html table.t0{border-right:1px solid #FFF !important} table.t0 tr{} table.t0 th, table.t0 td{border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:8px 10px 7px;color:#333;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:12px} table.t0.pd5 th, table.t0.pd5 td{padding:8px 5px 7px 5px} table.t0 th{text-align:inherit} table.t0 tbody th{text-align:left} table.t0 thead th, table.t0 tfoot th{padding:10px 10px 9px;background:#707c8a;color:#fff;text-align:center;vertical-align:middle;font-weight:bold} table.t0 tbody.tdtac{text-align:center !important} table.t0 tbody.tbd1{border-top:2px solid #da1527} table.t0 tbody th:last-child{border-right:0} table.t0 tbody td:last-child{border-right:0} table.t0 tbody th.clf3{background:#f3f3f3 } table.t0 tbody tr:hover{background:#f8fae6;border:0px solid #d6e581} table.t0 tbody td{text-align:left} table.t0 tbody td a{color:#333;text-decoration:underline} /*float*/ .fl{float:left} .fr{float:right} /* margin */ .m0{margin:0 !important} .mt0{margin-top:0 !important} .mt1{margin-top:1px !important} .mt2{margin-top:2px !important} .mt3{margin-top:3px !important} .mt4{margin-top:4px !important} .mt5{margin-top:5px !important} .mt6{margin-top:6px !important} .mt10{margin-top:10px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt29{margin-top:29px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt50{margin-top:50px !important} .mt100{margin-top:100px !important} .mr0{margin-right:0 !important} .mr3{margin-right:3px !important} .mr4{margin-right:4px !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr20{margin-right:20px !important} .mr14{margin-right:14px !important;border-right:2px solid red} .ml14{margin-left:14px !important} .mb0{margin-bottom:0 !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb15{margin-bottom:15px !important} .mb20{margin-bottom:20px !important} /* padding */ .p0{padding:0 !important} .pd10{padding:10px !important} .pt0{padding-top:0px !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pr5{padding-right:5px !important} .pr10{padding-right:10px !important} .pr25{padding-right:25px !important} .pb20{padding-bottom:20px !important} .pb30{padding-bottom:30px !important} /* bodder */ /* box */ /* color */ /*font-color*/ .ico_ast{margin:0 5px 0 0; color:#f26700} .ico_help{margin:0 5px; color:#f26700} .point{color:#f3690d !important} .cm_text{font-size:12px;font-family:'NanumGothicBold','Helvetica', 'AppleGothic', sans-serif;color:#1a1a1a;line-height:24px;height:24px;margin:0 5px} /* color-ins */ /* font-size */ .fs12{font-size:12px !important} .fs13{font-size:13px !important} .fs14{font-size:14px !important} .fs15{font-size:15px !important} .fs16{font-size:16px !important} .date{font-size:13px;margin:0 10px;font-family:'NanumGothic', 'Helvetica', 'AppleGothic', sans-serif;font-weight:normal} .total{font-size:13px;margin:0;font-family:'NanumGothic', 'Helvetica', 'AppleGothic', sans-serif;font-weight:normal} /* common */ .dpb{display:block !important} .dpi{display:inline !important} .psa{z-index:100;position:absolute !important} .psar{z-index:100;position:absolute !important;right:0 !important} .psr{position:relative !important} .tal{text-align:left !important} .tar{text-align:right !important} .tac{text-align:center !important} .vam{vertical-align:middle !important} .vat{vertical-align:top !important} .tdu{text-decoration:underline !important} .tdn{text-decoration:none !important} .fwn{font-weight:normal !important} .fwb{font-weight:bold !important} .ln9{line-height:9px !important} .ln14{line-height:14px !important} .ln15{line-height:15px !important} .ln18{line-height:18px !important} .ln22{line-height:22px !important} .lsm1{letter-spacing:-1px !important} .lsm2{letter-spacing:-2px !important} .rel {position:relative !important;} /*essential*/ /*button*/ /*조회버튼*/ .btn_search{padding:3px 10px 4px 20px;display:inline;width:80px;border:1px solid #f47320;line-height:15px;font-size:13px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;background:#f47320 url(../images/btn_cm_search.png) 5px 5px no-repeat;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .btn_search:hover{background:#ef5214 url(../images/btn_cm_search.png) 5px 5px no-repeat;color:#fff;border:1px solid #ef5214} .btn_reset{padding:4px 10px 4px 25px;width:80px;background:#a39a95 url(../images/btn_cm_reset.png) 8px 6px no-repeat;border:1px solid #a39a95;font-size:13px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif} .btn_reset:hover{background:#847974 url(../images/btn_cm_reset.png) 8px 6px no-repeat;color:#fff;border:1px solid #847974} .btn_search_big{padding:3px 10px 4px 25px;display:inline;width:80px;border:1px solid #f47320;line-height:15px;font-size:13px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;background:#f26700 url(../images/btn_cm_search.png) 10px 50% no-repeat;vertical-align:middle;height:54px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif; } .btn_search_big:hover{background:#ef5214 url(../images/btn_cm_search.png) 10px 50% no-e16001;color:#fff;border:1px solid #ef5214} /*초기화*/ .btn_reset_s{display:block;width:28px;height:24px;border:1px solid #a39a95;font-size:14px;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-weight:bold;background:#a39a95 url(../images/btn_cm_reset.png) 50% 50% no-repeat} .btn_reset_s:hover{background:#847974 url(../images/btn_cm_reset.png) 50% 50% no-repeat;color:#fff;border:1px solid #847974} /*더보기*/ .btn_more_s{display:block;width:28px;height:24px;display:inline-block;border:1px solid #a39a95;font-size:14px;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-weight:bold;background:#a39a95 url(../images/btn_cm_search_d.png) 50% 50% no-repeat} .btn_more_s:hover{background:#847974 url(../images/btn_cm_search_d.png) 50% 50% no-repeat;color:#fff;border:1px solid #847974} .btn_more_s_up{display:block;width:28px;height:24px;display:inline-block;border:1px solid #a39a95;font-size:14px;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-weight:bold;background:#a39a95 url(../images/btn_cm_searchup_d.png) 50% 50% no-repeat} .btn_more_s_up:hover{background:#847974 url(../images/btn_cm_searchup_d.png) 50% 50% no-repeat;color:#fff;border:1px solid #847974} /*그리드 제어버튼*/ /*행추가*/ .btn_grid_add{vertical-align:middle;width:29px;height:24px;display:inline-block;border:0;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;background:url(../images/btn_grid_add.png) 50% 50% no-repeat} .btn_grid_add:hover{background:url(../images/btn_grid_add_o.png) 50% 50% no-repeat} /*행삭제*/ .btn_grid_del{vertical-align:middle;width:29px;height:24px;display:inline-block;border:0;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;background:url(../images/btn_grid_del.png) 50% 50% no-repeat} .btn_grid_del:hover{background:url(../images/btn_grid_del_o.png) 50% 50% no-repeat} /*행추가_text*/ .btn_grid_add1{vertical-align:middle;display:inline-block;border:0;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;background:url(../images/btn_grid_add.png) 7px 6px no-repeat;padding:5px 7px 5px 20px;font-size:12px;line-height:15px;} .btn_grid_add1:hover{background:url(../images/btn_grid_add_o.png) 7px 6px no-repeat} /*행삭제_text*/ .btn_grid_del1{vertical-align:middle;display:inline-block;border:0;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;background:url(../images/btn_grid_del.png) 7px 10px no-repeat;padding:5px 7px 5px 22px;font-size:12px;line-height:15px;} .btn_grid_del1:hover{background:url(../images/btn_grid_del_o.png) 7px 10px no-repeat} /*sla 이전*/ .btn_grid_slaprev{vertical-align:middle;display:inline-block;border:0;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;background:url(../images/btn_grid_slaprev.png) 9px 5px no-repeat;padding:5px 7px 5px 20px;font-size:12px;line-height:15px;} .btn_grid_slaprev:hover{background:url(../images/btn_grid_slaprev.png) 9px 5px no-repeat} /*sla 다음*/ .btn_grid_slanext{vertical-align:middle;display:inline-block;border:0;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;background:url(../images/btn_grid_slanext.png) 12px 5px no-repeat;padding:5px 7px 5px 22px;font-size:12px;line-height:15px;} .btn_grid_slanext:hover{background:url(../images/btn_grid_slanext.png) 12px 5px no-repeat} /*엑셀업로드*/ .btn_grid_xlsup{vertical-align:middle;width:29px;height:24px;display:inline-block;border:0;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;background:url(../images/btn_grid_xlsup.png) 50% 50% no-repeat} .btn_grid_xlsup:hover{background:url(../images/btn_grid_xlsup_o.png) 50% 50% no-repeat} /*엑셀다운로드*/ .btn_grid_xlsdown{vertical-align:middle;width:29px;height:24px;display:inline-block;border:0;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;background:url(../images/btn_grid_xlsdown.png) 50% 50% no-repeat} .btn_grid_xlsdown:hover{background:url(../images/btn_grid_xlsdown_o.png) 50% 50% no-repeat} /*그리드버튼 영역*/ .grid_btn{display:inline-block;position:relative;list-style:none;border:1px solid #cdcdcd;vertical-align:middle} .grid_btn:after{display:block;content:'';line-height:0;clear:both} .grid_btn li{float:left;position:relative;padding:0;margin:0;border-right:1px solid #cdcdcd;width:28px !important;height:23px;border-top:0 !important} .grid_btn li:last-child{border-right:0} select.view{height:25px;line-height:25px;font-family:'NanumGothic', 'Helvetica', 'AppleGothic', sans-serif;vertical-align:middle;width:60px} .grid_line{display:inline-block;background:url(../images/img_line_grid.gif) 0 0 repeat-x ; width:21px;height:24px;vertical-align:top;text-indent:-999px} /*table in 버튼 */ .btn_cm_in {vertical-align:top;color: #267971; border: 1px solid #c5c5c5;font-size:12px;padding:4px 10px 3px 10px;line-height:15px;background:#fff;display:inline;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif; } .btn_cm_in:hover {background: #26b2a5;color: #fff;border: 1px solid #26b2a5} /*table out 처리버튼 20180706*/ .btn_cm_out{vertical-align:middle;padding:3px 10px 4px 10px;background:#3c6085;border:1px solid #3c6085;font-size:13px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .btn_cm_out:hover{background:#274263;color:#fff;border:1px solid #274263} .btn_cm_out_etc{vertical-align:middle;padding:3px 10px 4px 10px;line-height:15px;background:#20a599;border:1px solid #20a599;font-size:13px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .btn_cm_out_etc:hover{background:#148678;color:#fff;border:1px solid #148678} .btn_cm_cancel{vertical-align:middle;padding:3px 10px 4px 10px;line-height:15px;background:#9ea1ac;border:1px solid #9ea1ac;font-size:13px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .btn_cm_cancel:hover{background:#9094a1;color:#fff;border:1px solid #9094a1} /*팝업 닫기*/ .btn_close{background:url(../images/ic_pop_close.png) 0 0 no-repeat;display:inline-block;right:20px;width:19px;height:19px;border:0;top:4px;position:relative} .btn_close:hover{background:url(../images/ic_pop_close.png) 0 0 no-repeat;} /*돋보기*/ .btn_search_pop{width:30px;height:24px;border:1px solid #cdcdcd;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-weight:bold;background:#fff url(../images/ic_search.png) 50% 50% no-repeat} .btn_search_pop:hover{background:#fff url(../images/ic_search.png) 50% 50% no-repeat;color:#fff} /*복수검색 돋보기*/ .btn_search_pop2{width:30px;height:24px;border:1px solid #cdcdcd;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-weight:bold;background:#fff url(../images/ic_search2.png) 50% 50% no-repeat} .btn_search_pop2:hover{background:#fff url(../images/ic_search2.png) 50% 50% no-repeat;color:#fff} /*검색조건 삭제*/ .btn_search_del{width:30px;height:24px;border:1px solid #cdcdcd;text-indent:-9999px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;font-weight:bold;background:#fff url(../images/ic_search_del.png) 50% 50% no-repeat} .btn_search_del:hover{background:#fff url(../images/ic_search_del.png) 50% 50% no-repeat;color:#fff} .btn_move_next{color:#1a1a1a; border:1px solid #c5c5c5;width:45px;height:24px;line-height:16px;display:inline-block;background:url(../images/btn_move_right.png) 50% 50% no-repeat} .btn_move_next:hover {background:url(../images/btn_move_right_on.png) 50% 50% no-repeat} .btn_move_prev{color:#1a1a1a; border:1px solid #c5c5c5;width:45px;height:24px;line-height:16px;display:inline-block;background:url(../images/btn_move_left.png) 50% 50% no-repeat} .btn_move_prev:hover {background:url(../images/btn_move_left_on.png) 50% 50% no-repeat} .btn_move_up{color:#1a1a1a; border:1px solid #c5c5c5;width:45px;height:24px;line-height:16px;display:inline-block;background:url(../images/btn_move_up.png) 50% 50% no-repeat} .btn_move_up:hover {background:url(../images/btn_move_up_on.png) 50% 50% no-repeat} .btn_move_down{color:#1a1a1a; border:1px solid #c5c5c5;width:45px;height:24px;line-height:16px;display:inline-block;background:url(../images/btn_move_down.png) 50% 50% no-repeat} .btn_move_down:hover {background:url(../images/btn_move_down_on.png) 50% 50% no-repeat} /**/ .btn_confirm{padding:4px 10px 4px 10px;display:inline;width:80px;border-radius:30px;border:1px solid #e16001;font-size:14px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;background:#f26700;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .btn_confirm:hover{background:#db5e02;color:#fff} .btn_modyfiy{padding:4px 5px 4px 15px;display:inline;font-size:12px;cursor: pointer;color:#1a1a1a;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;background:url(../images/ic_notice_modify.png) 0 6px no-repeat;border:0;margin:0 7px} .btn_modyfiy:hover{color:#db5e02;text-decoration:none} .btn_del{padding:4px 5px 4px 15px;display:inline;font-size:12px;cursor: pointer;color:#1a1a1a;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;background:url(../images/ic_notice_del.png) 0 6px no-repeat;border:0;margin:0 7px} .btn_del:hover{color:#db5e02;text-decoration:none} /*회원이용약관*/ .footer{display:block;position:relative;padding:0 10px;margin:100px 0 0 0;box-sizing:border-box;} .footer .btn_provision{padding:0 10px;display:block;border:1px solid #1a1f28;height:30px;margin-bottom:5px;vertical-align:middle;line-height:30px;font-size:13px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;cursor: pointer;color:#fff;background:#2a3443;text-align:left;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;color:#c4cddb;background:#2a3443 url(../images/btn_provision_arrow.png) 95% 13px no-repeat;} .footer .btn_provision a{color:#c4cddb;} .footer .copyright{color:#c4cddb;font-size:12px;line-height:15px;margin-top:10px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .btngroup{display:block;position:relative;padding:0;margin: 0;background:transparent;margin-bottom:5px} .btngroup:after{display:block;content:'';line-height:0;clear:both} .btngroup .fl{float:left} .btngroup .fr{text-align:right;} .btngroup .ct{display:block;text-align:center} /*pop*/ .btngroup_pop{display:block;position:relative;padding:0;margin:0;background:#f5f5f5;border-top:1px solid #e3e3e3;padding:10px 0 10px 0} .btngroup_pop:after{display:block;content:'';line-height:0;clear:both} .btngroup_pop .fl{float:left} .btngroup_pop .fr{text-align:right;} .btngroup_pop .ct{display:block;text-align:center} /*content*/ .top_area{display:block;position:relative;margin:46px 0 0 0;border-bottom:1px solid #5f6e81;padding:12px 0;} .top_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} .title_area{display:block;float:left;padding:0;margin:0;position:relative;left:0;padding-bottom:10px} .title_area a.bookmark{display:inline-block;background:url(../images/ic_title_bookmark.png) 0 0 no-repeat;text-indent:-99999px;width:20px} .title_area a.bookmark.on{background:url(../images/ic_title_bookmark_on.png) 0 0 no-repeat} .title_area h2{font-size:18px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;display:inline;line-height:18px} .location{display:block;position:relative;float:right;right:0;list-style:none;background:url(../images/ic_location_home.png) 0 0 no-repeat;padding:0 0 0 24px } .location li{float:left;padding:2px 15px 2px 10px;font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;;background:url(../images/ic_location_arrow.gif) 100% 5px no-repeat; } .location li:last-child{background:none} /*.search_area.bdno{border-top:0px solid #a0abb9} 삭제*/ .search_area{display:block;position:relative;border-top:1px solid #a0abb9;border-bottom:1px solid #a0abb9;background:#eff2f5;padding:10px 0;margin-bottom:10px} .search_area:after{content:".";display:block;height:0;clear:both;visibility:hidden} /*row1+col*/ .search_area .row1{position:relative;padding:0;margin:0;display:block;width:-webkit-calc(100% - 145px);width:-moz-calc(100% - 145px);width:calc(100% - 145px);float:left} .search_area .row1 .col1{display:block;width:100%} .search_area .row1 .col2{display:block;width:-webkit-calc(100% / 2);width:-moz-calc(100% / 2);width:calc(100% / 2);float:left} .search_area .row1 .col3{display:block;width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);float:left} .search_area .row1 .col4{display:block;width:-webkit-calc(100% / 4);width:-moz-calc(100% / 4);width:calc(100% / 4);float:left} .search_area .row1 .col5{display:block;width:-webkit-calc(100% / 5);width:-moz-calc(100% / 5);width:calc(100% / 5);float:left} /*row2*/ .search_area .row2{position:relative;padding:0;margin:0;display:block;width:-webkit-calc(100% - 115px);width:-moz-calc(100% - 115px);width:calc(100% - 115px);float:left;margin-bottom:5px} /*row3*/ .search_area .row3{position:relative;padding:0;margin:0;display:block;width:-webkit-calc(100% - 145px);width:-moz-calc(100% - 145px);width:calc(100% - 145px);float:left} .search_area .row3 .in{display:block;width:100%;margin-bottom:5px} .search_area .row3 .in:after{content:".";display:block;height:0;clear:both;visibility:hidden} .search_area .row3 .in .col3{display:block;width:33%;float:left;} .search_area .row3 .in .col4{display:block;width:-webkit-calc(100% / 4);width:-moz-calc(100% / 4);width:calc(100% / 4);float:left;} .search_area .in{display:block;width:100%;margin-bottom:5px} .search_area .in:after{content:".";display:block;height:0;clear:both;visibility:hidden} .search_area .in:last-child{margin-bottom:0} .search_area .in .col1{display:block;width:100%} .search_area .in .col2{display:block;width:-webkit-calc(100% / 2);width:-moz-calc(100% / 2);width:calc(100% / 2);float:left} .search_area .in .col3{display:block;width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);float:left} /*상세보기*/ .search_area_d{display:block;position:relative;border-top:0px solid #a0abb9;border-bottom:1px solid #a0abb9;background:#eff2f5;padding:10px 0;margin-bottom:10px} .search_area_d:after{content:".";display:block;height:0;clear:both;visibility:hidden} .search_area_d .row3{position:relative;padding:0;margin:0;display:block;width:-webkit-calc(100% - 10x);width:-moz-calc(100% - 10px);width:calc(100% - 10px);} .search_area_d .in .col1{display:block;width:100%} .search_area_d .in .col2{display:block;width:-webkit-calc(100% / 2);width:-moz-calc(100% / 2);width:calc(100% / 2);float:left} .search_area_d .in .col3{display:block;width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);float:left} /*row2+col*/ .search_area .s_tab{display:table;width:100%} .search_area .s_tab .th{display:table-cell;vertical-align:middle;width:90px;padding:0 0 0 10px;} .search_area .s_tab .th label{font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;color:#1a1a1a} .search_area .s_tab .td{display:table-cell;vertical-align:middle;padding:0 3px 0 3px} .search_area .btn_group_s{display:block;width:115px;position:relative;float:right;padding:0 10px 0 0} .search_area .btn_group_m{display:block;width:80px;position:relative;float:right;padding:0 10px 0 0px} .details_area{display:block;position:relative;border-top:0px solid #28b2a3;padding:0;margin-bottom:10px} .details_area.mb0{margin-bottom:0 !important} .details_table{display:block;position:relative;border-top:0px solid #28b2a3;padding:0;margin-bottom:10px} .com_box_area{border:1px solid #d4d4d4;position:relative;display:block;padding:5px;background:#fff;margin-bottom:10px;} /*테이블 write*/ .tbl_write,.tbl_write th,.tbl_write td{border:0;padding:0;} .tbl_write{width:100%;border-top:1px solid #28b2a3;border-bottom:1px solid #999;color:#666; border-collapse: collapse;font-size:12px;table-layout:fixed}/*table-layout:fixed;*/ .tbl_write caption{display:none} .tbl_write th{border-bottom:solid 1px #d4d4d4;background:#f0f0f0;color:#333;font-weight:bold;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:12px;line-height:15px;vertical-align:middle;text-align:left;padding:4px 10px 4px 10px} .tbl_write th.bdr1{border-right:1px solid #d4d4d4;vertical-align:middle} .tbl_write td{padding:4px 5px 4px 5px;border-bottom:solid 1px #d4d4d4;text-align:left;font-family:'NanumGothic';font-size:12px;vertical-align:top;line-height:15px;word-break:break-word} /*테이블 view*/ .tbl_view,.tbl_view th,.tbl_view td{border:0;padding:0;} .tbl_view{width:100%;border-top:1px solid #28b2a3;border-bottom:1px solid #999;color:#666;table-layout:fixed; border-collapse: collapse;font-size:12px} .tbl_view caption{display:none} .tbl_view th{border-bottom:solid 1px #d4d4d4;background:#f0f0f0;color:#333;font-weight:bold;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:13px;line-height:24px;vertical-align:top;text-align:left;padding:4px 10px 5px 10px} .tbl_view td{padding:4px 5px 5px 5px;border-bottom:1px solid #d4d4d4;text-align:left;font-family:'NanumGothic';font-size:12px;color:#1a1a1a} /*테이블 양쪽 라인 있는경우*/ .tbl_view_line{width:100%;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;color:#666;table-layout:fixed; border-collapse: collapse;font-size:13px;margin-bottom:20px} .tbl_view_line th{background:#edf4f7;border-right:1px solid #d4d4d4} /*테이블 리스트*/ .tbl_list,.tbl_list th,.tbl_list td{border:0;padding:0;} .tbl_list{width:100%;border-top:2px solid #28b2a3;border-bottom:1px solid #999;color:#666;table-layout:fixed; border-collapse: collapse;font-size:12px} .tbl_list caption{display:none} .tbl_list th{border:1px solid #d4d4d4;background:#f0f0f0;color:#333;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:13px;line-height:27px;vertical-align:top;text-align:center;padding:5px 10px 4px 10px} .tbl_list td{padding:4px 10px 5px 10px;border:1px solid #d4d4d4;text-align:left;font-family:'NanumGothic';font-size:12px} .tbl_list td.tac{text-align:center} /*sub_title*/ .stitle_area{display:block;padding:0;margin:0;position:relative;left:0;margin-bottom:5px} .stitle_area:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .stitle_area h2{font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;line-height:15px;padding:5px 10px 5px 0;margin:0;display:block;float:left} .stitle_area h3{font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;line-height:15px;padding:5px 10px 5px 0;margin:0;display:block;float:left} .stitle_area h3.tt{font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;line-height:15px;padding:5px 10px 5px 18px;margin:0;display:block;float:left;background:url(../images/img_title_h3.gif) 0 10px no-repeat;} .stitle_area h4{font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;line-height:15px;margin:5px 10px 5px 0;float:left} .stitle_area .fr{float:right} /*tab_table*/ .banner_sla{ display:block;position:relative;padding:0;margin:0 0 10px 0;background:#fff;border:1px solid #cdcdcd} .banner_sla:after{content:".";display:block;height:0;clear:both;visibility:hidden} /* .banner_sla a.prev{background:url(../images/main_banner_prev.png) 0 0 no-repeat;width:21px;height:50px;text-indent:-9999px;cursor:pointer;margin-right:10px;display:block;position:absolute;top:40%} .banner_sla a.next{background:url(../images/main_banner_next.png) 0 0 no-repeat;width:21px;height:50px;text-indent:-9999px;cursor:pointer;margin-right:0;display:block;position:absolute;top:40%;right:10px} */ .banner_sla .aba{display:block;position:relative;padding:0;margin:0 auto;text-align:left;}/*width:1600px*/ .banner_sla .aba ul.list{display:block;position:relative;padding:0;margin:0;list-style:none;text-align:left;height:58px} .banner_sla .aba ul:after{content:".";display:block;height:0;clear:both;visibility:hidden} .banner_sla .aba ul li{display:block;color:#333;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;box-sizing:border-box;line-height:18px;float:left;width:-webkit-calc(100% / 8);width:-moz-calc(100% / 8);width:calc(100% / 8);text-align:center;margin:0;background:#fff;} .banner_sla .aba ul li:first-child{border-left:0px solid #cdcdcd;box-sizing:border-box} .banner_sla .aba ul li:nth-child(8){border-right:0px solid #cdcdcd !important;box-sizing:border-box} .banner_sla .aba ul li:nth-last-child(n+8){border-bottom:1px solid #cdcdcd !important;} .banner_sla .aba ul li.bdb0{border-bottom:0 !important} .banner_sla .aba ul li.bdr0{border-right:0 !important} .banner_sla .aba ul li a{color:#333;display:block;padding:5px 0;box-sizing:border-box;text-decoration:none} .banner_sla .aba ul li a:hover{background:#26b2a5;color:#fff} .banner_sla .aba ul li.on{background:#26b2a5;color:#fff} .banner_sla .aba ul li.on a{color:#fff} .banner_sla .aba ul li.nodata{display:inline-block;background:none;border:0;text-align:center;line-height:80px;width:100%} .pp_detail{display:block;position:relative;padding:0;max-height:300px;overflow:auto;margin-bottom:20px} /*아코디언 */ .ac_area { position:relative; top:0; color:#1a1a1a;background:#fff;border:1px solid #dbdbdb} .ac_area .accordion li{background:#fafafa; border-top:1px solid #dbdbdb;width:100%} .ac_area .accordion li:first-child{border-top:0} .ac_area .accordion li a{padding: 10px 5px 10px 15px;display:block;position:relative;margin:0;line-height:15px;color:#1a1a1a;} .ac_area .accordion li a .tit{display:block;padding:0;margin:0} .ac_area .accordion li a .tit .txt{display:inline-block;position:relative;color:#02695f;width:100%;font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .ac_area .accordion li a .tit .ico_ar{display:block;float:right;position:relative;top:3px;right:10px;;background: url('../images/ico_up.png') no-repeat 0 0; width:13px;height:7px} /* .ac_area .accordion li .ac_content { background:#fff;color:#000;padding:10px;display:none;border-top:1px solid #dbdbdb } */ .ac_area .accordion li .ac_content { overflow:hidden; background:#fff;color:#000;border-top:1px solid #dbdbdb } .ac_area .accordion li a:focus, .accordion li a:hover {color:#fff; background:#4c6e8b ; } .ac_area .accordion li a:hover .tit .ico_ar{background: url('../images/ico_up_o.png') no-repeat 0 0; width:13px;height:7px} .ac_area .accordion li a:hover{text-decoration:none} .ac_area .accordion li a:hover { color:#fff; background:#4c6e8b ;} .ac_area .accordion li a:hover .tit .txt{color:#fff;} .ac_area .accordion li a:hover .tit .ico_ar{background: url('../images/ico_up_o.png') no-repeat 0 0; width:13px;height:7px} .ac_area .accordion li.on{color:#fff; background:#4c6e8b} .ac_area .accordion li.on a{color:#fff} .ac_area .accordion li.on a .tit .txt{display:inline-block;position:relative;color:#fff !important;width:100%;font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .ac_area .accordion li.on a .tit .ico_ar{background: url('../images/ico_up_o.png') no-repeat 0 0; width:13px;height:7px} /*팝업*/ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .pop_layout{display:block;position:relative;padding:0;margin:0 auto} .pop_layout.mg0{margin:0} .pop_layout.L{width:1000px;} .pop_layout.full{width:1425px}/*1663*/ .pop_layout.M{width:800px} .pop_layout.S{width:300px} .pop_layout.PW{width:400px}/*비밀변경팝업*/ .pop_layout.XS{width:150px} .pop_layout .pp_header{display:block;position:relative;background:#354052;color:#fff;font-size:14px;font-weight:bold;padding:7px 0 8px 0} .pp_header :after{display:block;content:'';line-height:0;clear:both} .pp_header h2.title{font-size:18px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;display:block;line-height:18px;padding:0 10px 0 0;margin:0;float:left;marign:0} .pp_header a.help{display:block;background:url(../images/ic_title_help.png) 0 0 no-repeat;text-indent:-99999px;width:17px;height:18px;float:left} .pop_layout .pp_header.help{background:#26b2a5} .pop_layout .pp_header:after{display:block;content:'';line-height:0;clear:both} .pop_layout .pp_header h2{font-size:16px;line-height:16px;padding:5px 0 5px 15px;color:#fff;margin:0;display:inline-block;left:0}.pop_layout .pp_header h2.title{font-size:18px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;display:block;line-height:18px;padding:0 10px 0 0;margin:0;float:left} .pop_layout .pp_content{display:block;position:relative;padding:15px 15px 0 15px;overflow-y:auto;background:#fff;overflow-x:hidden}/*max-height:450px;*/ /*total area*/ .total_area{display:block;position:relative;padding:0;margin:0;width:300px} .total_area dl{display:block;position:relative;margin:0 0 5px 0;border:1px solid #cdcdcd;} .total_area dl dt{display:inline-block;line-height:15px;font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif; background:#edf4f7;padding:5px 10px;border-right:1px solid #cdcdcd;color:#1a1a1a;width:80px;text-align:center;} .total_area dl dd{display:inline-block;line-height:15px;font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif; background:#fff;text-align:center;padding:5px 10px 5px 0;margin:0;color:#1a1a1a;width:160px} .pw_area{display:block;position:relative;padding:0;margin:0;} .pw_area dl{display:block;position:relative;margin:0 0 5px 0;border:1px solid #cdcdcd;} .pw_area dl dt{display:inline-block;line-height:15px;font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif; background:#edf4f7;padding:9px 10px 9px 10px;border-right:1px solid #cdcdcd;color:#1a1a1a;width:80px;text-align:center;} .pw_area dl dd{display:inline-block;line-height:15px;font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif; background:#fff;text-align:center;margin:0;color:#1a1a1a;width:160px} /*info_details*/ .info_details{display:block;position:relative;padding:10px;background:#f8f7f2;border:1px solid #e9e8e6;margin-bottom:10px} /*textarea만 나오는경우*/ .info_textarea{display:block;position:relative;padding:10px;border:1px solid #cdcdcd} /*나눠지는경우*/ .info_box{display:block;position:relative;padding:0;margin:0;width:100%} .info_box.bd1{border:1px solid #ddd} .info_box:after{display:block;content:'';line-height:0;clear:both} .info_box .w180{width:180px;float:left;margin-right:20px} .info_box .w200{display:block;position:relative;float:left;margin:0 ;width: calc(100% - 200px);} .info_box .w30{width:360px;float:left;margin-right:20px} .info_box .w40{width:425px;float:left;margin-right:20px} .info_box .w50{width:50%;float:left;padding-right:20px;box-sizing:border-box} .info_box .w10{width:45px;float:left;margin-right:20px} .info_box .w60{display:block;position:relative;float:left;margin:0 ;width: calc(100% - 445px);} .info_box .w70{display:block;position:relative;float:left;margin:0 ;width: calc(100% - 380px);} .info_box .w55{width:55%;float:left;box-sizing:border-box} .info_box .w45{width:45%;float:left;box-sizing:border-box;padding-right:20px;} /*아코디언 나눠지는경우*/ .ac_info_box{display:table;position:relative;padding:0;margin:0;width:100%} .ac_info_box .w50{width:50%;box-sizing:border-box;display:table-cell;padding-right:14px;border-right:2px solid #9cddd9}/*background:url(../images/img_ac_line.jpg) 0 25px repeat-y;*/ .ac_info_box .w50:last-child{padding-left:14px;padding-right:0;border-right:0} .ac_info_box .w30{width:30%;box-sizing:border-box;display:table-cell} .ac_info_box .w33{width:33%;box-sizing:border-box;display:table-cell} .ac_info_box .w40{width:40%;box-sizing:border-box;display:table-cell} .ac_info_box .w70{box-sizing:border-box;display:table-cell;width:-webkit-calc(70% - 10px);width:-moz-calc(70% - 10px);width:calc(70% - 10px);} .ac_info_box .w20{width:20%;box-sizing:border-box;display:table-cell;vertical-align:top} .ac_info_box .w80{box-sizing:border-box;display:table-cell;width:-webkit-calc(80% - 10px);width:-moz-calc(80% - 10px);width:calc(80% - 10x);} /*.ac_info_box{display:table;position:relative;padding:0;margin:0;width:100%} .ac_info_box:after{display:block;content:'';line-height:0;clear:both} .ac_info_box .L50{width:810px;float:left;box-sizing:border-box;margin-right:14px} .ac_info_box .R50{width:813px;float:left;padding:0;box-sizing:border-box;border-right:0;margin-right:0} .ac_info_box .L50 .bgline{display:block;position:relative;padding:0 14px 0 0;border-right:2px solid red}*/ /*그래프*/ .graph_box{display:block;position:relative;padding:0;margin:0 0 10px 0;} .graph_box:after{display:block;content:'';line-height:0;clear:both} .graph_box .w50{width:50%;float:left;padding-right:20px;box-sizing:border-box;} .graph_box .w50.pdr0{padding-right:0} .graph_lsit{display:block;position:relative;text-align:center;padding:10px;margin:0;list-style:none;border:1px solid #ddd} .graph_lsit:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .graph_lsit li{display:block;position:relative;margin:0;width:135px;float:left} .graph_lsit li p{font-size:13px;line-height:15px;margin:5px 0;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .graph_lsit li.list p{display:block;position:relative;padding:50px 0 0 0;font-size:16px;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;line-height:18px;} /*로그인*/ .login_warp{height: 100%;text-align: center;background:#e3e8ef url(../images/lo_img_bg03.jpg) 0 0 no-repeat;background-size: cover; } .login_warp:before {content: ""; display: inline-block;width: 1px; height: 100%;margin-right: 0; vertical-align: middle;} .login_warp .login_box{display: inline-block; vertical-align: middle;width:648px;height:308px;background:url(../images/lo_img_bg02.jpg) 0 0 no-repeat} .login_warp .login_box h1{display:block;position:absolute;margin:0;padding:0;left:0;top:38px;padding:0 0 0 34px} .login_warp .login_box h1 img{width:123px;height:44px} .login_warp .login_box:after{display:block;content:'';line-height:0;clear:both} .login_warp .login_box .text_info{display:block;position:relative;padding:0 0 0 34px;margin:0;width:186px;float:left} .login_warp .login_box .text_info .txt01{display:block;position:relative;padding:121px 0 0 0;left:0;} .login_warp .login_box .text_info .txt02{display:block;position:relative;padding:0;left:0;margin-top:63px} .login_warp .login_box .login{display:block;position:relative;padding:0;margin:0 0 0 110px;left:0;top:0;float:left} .login_warp .login_box .login .txt03{padding:0;margin:25px 0 0 34px} .login_warp .login_box .login .loginf_form{display:block;position:relative;padding:0;margin:30px 0 0 0;width:270px} .login_warp .login_box .login .loginf_form dl{display:block;position:relative;padding:0 0 10px 5px;margin:15px 0 15px 0;border-bottom:1px solid #fff} .login_warp .login_box .login .loginf_form dl:after{display:block;content:'';line-height:0;clear:both} .login_warp .login_box .login .loginf_form dl dd{display:block;position:relative;padding:0 0 0 0 ;margin:0;float:left;width:27px} .login_warp .login_box .login .loginf_form dl dd img{padding-top:5px;display:block} .login_warp .login_box .login .loginf_form dl dt{display:block;position:relative;padding:0 0 0 5px;;margin:0;float:left;width:223px} .login_warp .login_box .login .loginf_form dl dt .lo_input{border:1px solid #52637b;height:31px;width:100%;background:#52637b;color:#fff;font-size:15px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif} .lo_input:-ms-input-placeholder{ color: rgb(175, 183, 194); opacity: 0.6; font-family:'NanumGothic', 'Helvetica', 'AppleGothic', 'sans-serif' !important;} .lo_input::-webkit-input-placeholder{ color: rgb(175, 183, 194); opacity: 0.6} .btn_login {width:270px;height:40px;vertical-align:middle;color: #52637b;border: 1px solid #d8dadc;background:#f0efed;font-size:18px;line-height:40px;display:block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-weight:bold;margin:0} .btn_login:hover {background: #26b2a5;color: #fff;border: 1px solid #26b2a5} .lo_tbl_type,.lo_tbl_type th,.lo_tbl_type td{border:0;padding:0;margin-bottom:30px} .lo_tbl_type{width:100%;border-top:1px solid #999;border-bottom:1px solid #999;color:#666;table-layout:fixed; border-collapse: collapse;font-size:14px} .lo_tbl_type caption{display:none} .lo_tbl_type th{border-bottom:solid 1px #d4d4d4;background:#f0f0f0;color:#333;font-weight:bold;line-height:27px;vertical-align:top;text-align:left;padding:8px 15px 9px 15px} .lo_tbl_type td{padding:8px 0 9px 10px;border-bottom:solid 1px #d4d4d4;text-align:left} .check_list{position:relative;padding:0;margin:0;list-style:none;margin-top:1px;width:100%} .check_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .check_list li{float:left;margin-right:10px} .check_list li.w25{float:left;width:25% !important;margin-right:0} .check_list li.w33{float:left;width:33% !important;margin-right:0} .check_list li.w50{width:50%;margin-right:0} /*404error*/ .msg_error{display:block;position:relative;padding:0;margin:0 auto;top:200px;border:1px solid #d9d9d9;width:460px;height:285px;text-align:center} .msg_error .imgbox{background:url(../images/img_error.jpg) 50% 0 no-repeat;margin-top:50px} .msg_error .imgbox p.tit{color:#000;font-size:18px;line-height:24px;font-weight:bold;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;padding-top:125px;padding-bottom:20px} .msg_error .imgbox p{font-size:14px;color:#000;line-height:16px;padding:3px 0 3px} /*공지사항*/ .reply_box{display:block;position:relative;padding:20px;margin:0;width:100%;background:#f9f9f9;box-sizing:border-box} .count{font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;line-height:15px;padding:0 0 10px 0} .count span.total{padding:0 5px 0 10px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .reply_write{display:block;position:relative;padding:0;margin:0 0 0 0;width:100%;background:#f9f9f9;box-sizing:border-box} .reply_write:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .reply_write .box{display:block;position:relative;border:1px solid #e5e5e5;padding:5px;background:#fff;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);float:left;height:53px} .reply_write .btn{display:block;width:78px;background:#fff;float:right;height:63px;border:1px solid #e5e5e5;text-align:center;vertical-align:middle;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .reply_write .btn a{color:#3a3a3a;font-size:13px;display:inline-block;background:#fff;width:inherit;line-height:15px;padding:24px 0;text-decoration:none;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif; } .reply_write .btn a:hover{text-decoration:none;background:#db5e02;font-size:13px;color:#fff;} .reply_list{display:block;position:relative;list-style:none;margin-top:10px} .reply_list li{border-top:1px dotted #afafaf;font-size:14px;display:block;padding:10px 0} .reply_list li:last-child{padding:10px 0 0 0} .reply_list li .list{display:block;font-size:13px;color:#333;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;line-height:15px;margin-bottom:10px;} .reply_list li .list .name{font-size:13px;line-height:15px;color:#333;display:inline;width:60px;} .reply_list li .list .date{font-size:13px;line-height:15px;color:#333;display:inline;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .reply_list li .text{font-size:13px;line-height:15px;padding:0 0 10px 0;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} /*장애지표대시보드*/ .search_icm{display:block;position:relative;border-top:1px solid #a0abb9;border-bottom:1px solid #a0abb9;background:#eff2f5;padding:10px 0;margin-bottom:10px !important} .search_icm:after{content:".";display:block;height:0;clear:both;visibility:hidden} .search_icm .s_tab .th{display:table-cell;vertical-align:middle;width:90px;padding:0 0 0 10px;} .search_icm .s_tab .th label{font-size:13px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;color:#1a1a1a} .search_icm .s_tab .td{display:table-cell;vertical-align:middle;padding:0 3px 0 3px} .chart_list{display:block;position:relative;padding:0;margin:0 0 10px 0;border:1px solid #d2d2d2;text-align:center} .chart_list:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .chart_list .list:last-child{border-right:0} .chart_list .list{display:block;position:relative;padding:10px 15px;margin:0;border-right:1px solid #d2d2d2;float:left;width:368px} .chart_list .list:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .chart_list .list .chart{display:block;position:relative;float:left;width:180px;margin-right:10px;text-align:center} .chart_list .list .total_text{display:block;position:relative;font-size:24px;float:left;margin:10px 0} .chart_list .list .total_text span.tt{font-size:24px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;display:inline-block;line-height:25px;color:1a1a1a} .chart_list .list .total_text span.num{font-size:36px;color:#2f486c;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;display:inline-block;line-height:40px;text-align:right;width:95px} .chart_list .list .total_text span.text{font-size:24px;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;display:inline-block;line-height:25px;;color:1a1a1a} .chart_list2{display:block;position:relative;padding:0;margin:0 0 10px 0;text-align:center;border:1px solid #d2d2d2;} .chart_list2 .list{display:block;position:relative;padding:10px 15px;margin:0;text-align:center} .chart_list3{display:block;position:relative;padding:0;margin:0 0 10px 0;text-align:center} .chart_list3:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .chart_list3 .list{display:block;position:relative;padding:10px 15px;margin:0;border:1px solid #d2d2d2;text-align:center;width:563px;margin-right:10px;float:left;} .chart_list3 .list.sheet{padding:0 !important;width:593px;border:0} .chart_list3 .list:last-child{margin-right:0} /*프로세스맵*/ .map{display:block;position:relative;padding:0;margin:0;width:100%;box-sizing:border-box;white-space:nowrap} .map ul{display:inline-block;position:relative;padding:0;margin:0;list-style:none;overflow:hidden} .map ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .map ul li{display:inline-block;position:relative;margin-right:10px ;background:url(../images/img_map_arrow.png) 100% 50% no-repeat;vertical-align:top} .map ul li .start{display:block;background:url(../images/img_map_start.png) 0 0 no-repeat;color:#fff;height:65px;width:64px;text-align:center;margin:32px 22px 33px 0} .map ul li .start span{font-size:12px;text-align:center;line-height:15px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;padding:25px 0;display:inline-block} .map ul li .end{display:block;background:url(../images/img_map_end.png) 0 0 no-repeat;color:#fff;height:65px;width:64px;text-align:center;margin:32px 0 33px 0} .map ul li .end span{font-size:12px;text-align:center;line-height:15px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;padding:25px 0;display:inline-block} .map ul li.list{display:inline-block;position:relative;padding:0;margin:0 10px 10px 0;background:url(../images/img_map_arrow.png) 100% 50% no-repeat;} .map ul li.list:last-child {background:none;margin:0} .map ul li.list .list_txt{display:block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:12px;width:158px;height:140px;background:#fff;border:1px solid #d6d6d6;margin-right:22px} .map ul li.list .list_txt .tit{color:#fff;background:#e1680c;text-align:center;line-height:15px;padding:7px 0 8px 0} .map ul li.list .list_txt .name{color:#676767;text-align:center;line-height:15px;padding:2px 3px;display:block;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:13px} .map ul li.list .list_txt .part{color:#676767;text-align:center;line-height:15px;padding:2px 3px;display:block;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;font-size:12px;word-break:break-all;white-space:normal} .map ul li.list .list_txt hr{color:#d6d6d6;border-bottom:0} .map ul li.list .list_txt .txt{color:#676767;text-align:center;line-height:15px;padding:2px 3px;display:block;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;font-size:12px} .map ul li.list .list_txt .txt span{color:#c25700} .map ul li.list .list_txt .date{color:#676767;text-align:center;line-height:15px;display:block;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;font-size:12px} /*약관동의*/ .policy_box{display:block;position:relative;padding:10px;border:1px solid #ccc;background:#fff;overflow-y:auto;font-size:12px;height:300px}/**/ .policy_box h1{margin-top:10px;font-size:20px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;border-bottom:1px solid #dde1e4;color:#333;margin-bottom:10px} .policy_box p{font-size:12px;line-height:19px; padding:2px 0 3px;color:#333;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} ol.tit_s{display:block;margin:10px 0 0 0} ol.tit_s li{line-height:18px; font-weight:bold; font-size:14px; color:#333; padding-left:20px; letter-spacing:-2px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif} ol.tit_s li a{color:#333;text-decoration:none} .agree_list{display:block;margin:10px 0 ;font-size:12px;color:#333;line-height:15px;padding:2px 0 3px 0;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} .agree_list strong{font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:14px;margin-bottom:5px;display:block} .agree_list .indent{display:block;padding:0 ;font-size:12px;line-height:18px;} .agree_list ul{display:block;list-style:none;font-weight:normal;font-size:12px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .agree_list ul li{color:#333;font-weight:normal;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;line-height:17px;padding:2px 0 3px 0;} .agree_list ul li .list-style{padding-right:10px;color:#333;font-size:12px;display:block;position:relative;margin:0 10px 0 0} .agree_list ul li ol li{list-style:none} /*list_style .list_style { font-weight:bold; color:#c99700; padding-right:5px; }*/ .twodepth {padding-left:20px; color:#7f7f7f;} .threedepth {padding-left:30px; color:#7f7f7f;} .table_th {background-color:#eeeeee; color:#000; font-weight:bold; text-align:center;} .policy_com{text-align:center;font-size:13px; color:#1a1a1a;line-height:15px;margin:15px 0} table.po{border-collapse:collapse;width:100%;margin:0;border-top:1px solid #707c8a;border-left:0px solid #707c8a ;background:#fff;border-right: 0px solid #707c8a} *:first-child+html table.po{border-right:1px solid #FFF !important} table.po tr{} table.po th{border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:8px 10px 7px;color:#333;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:12px} table.po td{border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:8px 10px 7px;color:#333;text-align:center;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;font-size:12px} table.po th{text-align:inherit} table.po tbody th{text-align:center;background:#707c8a;color:#fff;} table.po thead th{padding:10px 10px 9px;background:#707c8a;color:#fff;text-align:center;vertical-align:middle;font-weight:bold} table.po tbody.tdtac{text-align:center !important} table.po tbody.tbd1{border-top:2px solid #da1527} table.po tbody th:last-child{border-right:0} table.po tbody td:last-child{border-right:0} table.po tbody td{text-align:left;border-top:1px solid #bfbfbf} table.po tbody td a{color:#333;text-decoration:underline} /*개인정보*/ .myinfo_cn{display:block;position:relative;padding:0;margin:0} .myinfo_cn:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .myinfo_cn .img_box{display:block;position:relative;padding:0;margin:0 20px 0 0 ;border:1px solid #ddd; width:116px;background:#FFF;float:left;height:164px;text-align:center} .myinfo_cn .img_box img{text-align:center;vertical-align:middle} .myinfo_cn .cn_box{display:block;position:relative;padding:0;margin:0;float:left;width:832px} /*대시보드*/ .board_box{display:block;position:relative;margin:0;padding:0;min-width:1348px;box-sizing:border-box} .board_box:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} /*SLA 현황*/ .board_box .box1{display:block;position:relative;width:calc(30% - 10px);width:-webkit-calc(30% - 10px);width:-moz-calc(30% - 10px);margin-right:10px;;float:left} .board_box .box1 .sla_box{display:block;padding:10px;position:relative;background:#263d6c;color:#fff;margin:0 0 10px 0} .board_box .box1 .sla_box .tt{font-size:14px;color:#fff;background:url(../images/img_board_line01.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box1 .sla_box .sla_text{display:block;position:relative;padding:0;margin:0;text-align:center;font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box1 .sla_box .sla_text .stt{display:block;line-height:15px;font-size:14px;margin:12px 0;position:relative} .board_box .box1 .sla_box .sla_text .num{display:block;line-height:24px;font-size:22px;margin:15px 0} .board_box .box1 .sla_box .sla_text .txt{font-size:16px;font-weight:normal;padding:0 5px} .board_box .box1 .sla_box .sla_text .total{display:block;line-height:15px;font-size:14px;margin:10px 0;color:#d9edf9;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} .board_box .box1 .sla_chart1{display:block;padding:10px;position:relative;background:#fff;color:#202020;border:1px solid #ced2d9;box-sizing:border-box;margin:0 0 10px 0;height:229px} .board_box .box1 .sla_chart1 .tt{font-size:14px;color:#202020;background:url(../images/img_board_line02.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box1 .sla_chart1 .chart{display:inline-block;position:relative;padding:0;margin:0;text-align:center;width:65%;vertical-align:top;height:172px} .board_box .box1 .sla_chart1 .total{display:inline-block;line-height:50px;font-size:48px;margin:50px 0 0 0 ;text-align:center;color:#202020;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;right:0;vertical-align:top;width:32%} .board_box .box1 .sla_chart2{display:block;padding:10px;position:relative;background:#fff;color:#202020;border:1px solid #ced2d9;box-sizing:border-box;margin:0 0 10px 0;height:229px} .board_box .box1 .sla_chart2 .tt{font-size:14px;color:#202020;line-height:15px;display:block;padding:0 0 5px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;display:inline-block} .board_box .box1 .sla_chart2 .board_more{display:inline-block;position:absolute;top:10px;right:10px;width:16px;height:16px} .board_box .box1 .sla_chart2 .board_more_pre{display:inline-block;position:absolute;top:10px;right:30px;width:16px;height:16px} .board_box .box1 .sla_chart3{display:block;padding:10px;position:relative;background:#fff;color:#202020;border:1px solid #ced2d9;box-sizing:border-box;margin:0;height:229px} .board_box .box1 .sla_chart3 .tt{font-size:14px;color:#202020;line-height:15px;display:block;padding:0 0 5px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;display:inline-block} .board_box .box1 .sla_chart3 .board_more{display:inline-block;position:absolute;top:10px;right:10px;width:16px;height:16px} .board_box .box1 .sla_chart3 .board_more_pre{display:inline-block;position:absolute;top:10px;right:30px;width:16px;height:16px} /*장애현황*/ .board_box .box2{display:block;position:relative;width:calc(30% - 10px);width:-webkit-calc(30% - 10px);width:-moz-calc(30% - 10px);margin-right:10px;float:left} .board_box .box2 .icm_box{display:block;padding:10px;position:relative;background:#df5526;color:#fff;margin:0 0 10px 0} .board_box .box2 .icm_box .tt{font-size:14px;color:#fff;background:url(../images/img_board_line02.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:0;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box2 .icm_box .icm_group{display:block;position:relative;padding:0;margin:0;} .board_box .box2 .icm_box .icm_group:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .board_box .box2 .icm_box .icm_group .icm_text{display:inline-block;position:relative;padding:0;margin:0;text-align:center;font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;width:50%;float:left;background:url(../images/img_board_vline.png) 99% 20px no-repeat} .board_box .box2 .icm_box .icm_group .icm_text:last-child{background:none} .board_box .box2 .icm_box .icm_group .icm_text .stt{display:block;line-height:15px;font-size:14px;margin:12px 0;position:relative} .board_box .box2 .icm_box .icm_group .icm_text .num{display:block;line-height:24px;font-size:22px;margin:15px 0} .board_box .box2 .icm_box .icm_group .icm_text .txt{font-size:16px;font-weight:normal;padding:0 5px} .board_box .box2 .icm_box .icm_group .icm_text .total{display:block;line-height:15px;font-size:14px;margin:10px 0;color:#f5ccbd;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} .board_box .box2 .icm_chart1{display:block;padding:10px;position:relative;background:#fff;color:#202020;border:1px solid #ced2d9;box-sizing:border-box;margin:0 0 10px 0;height:229px} .board_box .box2 .icm_chart1 .tt{font-size:14px;color:#202020;background:url(../images/img_board_line02.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box2 .icm_chart1 .chart{display:inline-block;position:relative;padding:0;margin:0;text-align:center;width:65%;vertical-align:top;height:172px} .board_box .box2 .icm_chart2{display:block;padding:10px;position:relative;background:#fff;color:#202020;border:1px solid #ced2d9;box-sizing:border-box;margin:0 0 10px 0;height:229px} .board_box .box2 .icm_chart2 .tt{font-size:14px;color:#202020;background:url(../images/img_board_line02.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box2 .icm_chart2 .chart{display:inline-block;position:relative;padding:0;margin:0;text-align:center;width:65%;vertical-align:top;height:172px} .board_box .box2 .icm_chart3{display:block;padding:10px;position:relative;background:#fff;color:#202020;border:1px solid #ced2d9;box-sizing:border-box;margin:0 0 10px 0;height:229px} .board_box .box2 .icm_chart3 ul.bdtab1{font-size:14px;color:#202020;line-height:15px;display:block;position:relative;padding:0;margin:0} .board_box .box2 .icm_chart3 ul.bdtab1:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .board_box .box2 .icm_chart3 ul.bdtab1 li{display:block;position:relative;padding:0 0 5px 0;margin:0;width:50%;float:left;border-bottom:1px solid #d5d5d5;text-align:center;background:url(../images/img_board_tab_line.jpg) 100% 0 no-repeat;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box2 .icm_chart3 ul.bdtab1 li:last-child{background:none} .board_box .box2 .icm_chart3 ul.bdtab1 li:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .board_box .box2 .icm_chart3 ul.bdtab1 li a{color:#202020} .board_box .box2 .icm_chart3 ul.bdtab1 li a.active{color:#26b2a5;border-bottom:1px solid #26b2a5} .board_box .box2 .icm_chart3 .tab_content{display:block;position:relative;padding:10px 0 0 0;margin:0} .board_box .box2 .icm_chart3 .chart{display:inline-block;position:relative;padding:0;margin:0;text-align:center;width:65%;vertical-align:top;height:172px} /*SR처리현황, CSR처리현황*/ .board_box .box3{display:block;position:relative;width:40%;margin-right:0;float:left} .board_box .box3 .csrsr_box{display:block;position:relative;padding:0;margin:0 0 10px 0;text-align:center} .board_box .box3 .csrsr_box:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .board_box .box3 .csrsr_box .sr_box{display:block;padding:10px;position:relative;background:#586d8a;color:#fff;margin:0} .board_box .box3 .csrsr_box .sr_box .tt{font-size:14px;color:#fff;background:url(../images/img_board_line02.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:0;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;text-align:left} .board_box .box3 .csrsr_box .sr_box .sr_group{display:block;position:relative;padding:0;margin:0;} .board_box .box3 .csrsr_box .sr_box .sr_group:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .board_box .box3 .csrsr_box .sr_box .sr_group .sr_text{display:inline-block;position:relative;padding:0 10px 0 0;margin:0;text-align:center;font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif} .board_box .box3 .csrsr_box .sr_box .sr_group .sr_text:last-child{padding:0} .board_box .box3 .csrsr_box .sr_box .sr_group .sr_text:last-child{background:none} .board_box .box3 .csrsr_box .sr_box .sr_group .sr_text .stt{display:block;line-height:15px;font-size:14px;margin:12px 0;position:relative} .board_box .box3 .csrsr_box .sr_box .sr_group .sr_text .num{display:block;line-height:24px;font-size:20px;margin:15px 0} .board_box .box3 .csrsr_box .sr_box .sr_group .sr_text .txt{font-size:16px;font-weight:normal;padding:0 5px} .board_box .box3 .csrsr_box .sr_box .sr_group .sr_text .total{display:block;line-height:15px;font-size:14px;margin:10px 0;color:#def7f5;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} .board_box .box3 .csrsr_box .csr_box{display:block;padding:10px;position:relative;background:#586d8a;color:#fff;margin:0;width:120px;float:right} .board_box .box3 .csrsr_box .csr_box .tt{font-size:14px;color:#fff;background:url(../images/img_board_line01.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box3 .csrsr_box .csr_box .csr_text{display:block;position:relative;padding:0;margin:0;text-align:center;font-size:14px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box3 .csrsr_box .csr_box .csr_text .stt{display:block;line-height:15px;font-size:14px;margin:12px 0;position:relative} .board_box .box3 .csrsr_box .csr_box .csr_text .num{display:block;line-height:24px;font-size:22px;margin:15px 0} .board_box .box3 .csrsr_box .csr_box .csr_text .total{display:block;line-height:15px;font-size:14px;margin:10px 0;color:#d9edf9;font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} .board_box .box3 .sr_chart2{display:block;padding:10px;position:relative;background:#fff;color:#202020;border:1px solid #ced2d9;box-sizing:border-box;margin:0 0 10px 0;height:229px} .board_box .box3 .sr_chart2:last-child{margin:0} .board_box .box3 .sr_chart2 .tt{font-size:14px;color:#202020;background:url(../images/img_board_line02.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box3 .sr_chart2 .chart{display:block;position:relative;padding:0;margin:0;text-align:center;vertical-align:top;height:172px} .board_box .box3 .sr_chart3{display:block;padding:0;position:relative;background:#fff;color:#202020;border:0px solid #ced2d9;box-sizing:border-box;margin:0 0 10px 0;height:229px} .board_box .box3 .sr_chart3:after{content:".";display:block;height:0;clear:both;visibility:hidden;margin:0} .board_box .box3 .sr_chart3 .sr_box{display:block;padding:10px;position:relative;color:#fff;margin:0 10px 0 0;width:calc(100% / 2);width:-webkit-calc(100% / 2);width:-moz-calc(100% / 2);float:left;border:1px solid #ced2d9;} .board_box .box3 .sr_chart3 .sr_box .chart{display:block;position:relative;padding:0;margin:0;text-align:center;vertical-align:top;height:172px} .board_box .box3 .sr_chart3 .sr_box .tt{font-size:14px;color:#202020;background:url(../images/img_board_line02.png) 0 100% repeat-x ;line-height:15px;display:block;padding:0 0 15px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_box .box3 .sr_chart3 .csr_box{display:block;position:relative;background:#fff;float:left;border:1px solid #ced2d9;padding:10px;width:calc(50% - 54px);width:-webkit-calc(50% - 54px);width:-moz-calc(50% - 54px);height:206px} .board_box .box3 .sr_chart3 .csr_box .tt{font-size:14px;color:#202020;background:none;line-height:15px;display:block;padding:0 0 5px 0;margin-bottom:5px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} /**/ .board_btn{display:block;position:relative;list-style:none;float:right} .board_btn li{display:inline-block;margin:0 ;font-size:12px; color:#fff;border:0px solid #20a599;background:#20a599;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .board_btn li a{color:#fff;display:inline-block;text-decoration:none;padding:4px 10px 5px 10px;line-height:15px;} .board_btn li a:hover{background:#148678;border:0px solid #148678;text-decoration:none;} .board_btn li.on{background:#148678;border:0px solid #148678;text-decoration:none;} .board_btn li.on a{color:#fff} .board_search{display:block;position:absolute;padding:0;margin:0; border:1px solid #ccc;padding:10px;top:25px;width:170px;right:0;z-index:9;background:#fff} table.b0{border-collapse:collapse;width:100%;margin:0;border-top:1px solid #ced2d9;border-left:1px solid #FFF ;background:#fff;border-right: 1px solid #FFF} *:first-child+html table.b0{border-right:1px solid #FFF !important} table.b0 tr{} table.b0 tbody td{border-right:1px solid #ced2d9;border-bottom:1px solid #ced2d9;padding:7px 10px 7px;color:#333;text-align:center;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;font-size:12px} table.b0 tbody td:last-child{border-right:0 } table.b0 th{text-align:inherit} table.b0 thead th{padding:8px 10px 8px;background:#ededed;color:#444;text-align:center;vertical-align:middle;font-size:12px;border-bottom:1px solid #ced2d9;border-right:1px solid #ced2d9; font-family:'NanumGothic','Helvetica','AppleGothic',sans-serif;} table.b0 thead th:last-child{border-right:0} /*table.b0 tbody tr:hover{background:#f8fae6;border:1px solid #ced2d9}*/ table.b0 tbody td{text-align:left} table.b0 tbody td.tal{text-align:left} table.b0 tbody td.tac{text-align:center} table.b0 tbody td.tar{text-align:right} table.b0 tbody td.red{color:#e03434} table.b0 tbody td.green{color:#7bb50b} table.b0 tbody td.blue{color:#104099} table.b0 tbody td a{color:#333;text-decoration:underline} /* For Print */ @media print { body{font-family:'dotum' !important;color:#333 !important} h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend,div,body{-webkit-print-color-adjust:exact} } .ac_area .GMCellHeader,.GMCellHeaderEmpty {background:#bac0cb !important;} .ac_area .GMHeaderText {color:#fff !important;} /* .GMCellHeader,.GMCellHeaderEmpty {vertical-align:middle; overflow:hidden;height:auto; background:#707c8a; padding-top:1px; border-right:1px solid #fff; border-bottom:1px solid #fff;height:30px;} */ /* .GMHeaderText {color:#ffffff; vertical-align:middle; font-size:IBFS12px; font-family:'NanumGothicBold',Helvetica,AppleGothic,Sans-serif;} */ #gotop { display: block;position: fixed;bottom: 20px;right: 3%;width:40px;height:40px; box-sizing:border-box;z-index: 99;background:#fefefe url('../images/top.png') no-repeat center 13px/15px auto;border-radius:50%;border:1px solid #ccc;transition:all 0.3s;cursor: pointer;text-align:center;text-indent:-9999px } #gotop:hover { background-color: #000; } .help_cn{display:block;position:relative;box-sizing:border-box;margin-bottom:10px} .help_cn img{width:100%} .help_cn_txt{display:block;position:relative;padding:0;margin:0;font-size:12px;line-height:15px;font-family:'NanumGothicBold','Helvetica','AppleGothic',sans-serif;} .fileDownDiv { display: inline; vertical-align: middle; margin: 0 0 0 20px;} .fileDownDiv span { display: inline-block; cursor: pointer; background: url("../images/ic_quick_down.png") 100% 0 no-repeat; padding: 0 20px 0 0; margin: 0 20px 0 0; vertical-align: middle; } .login_tempPwd span{ float: right; color: rgb(217, 217, 217); font-weight: bold; cursor: pointer; }