﻿.index_cont{background:url(../images/sub/bg_index_cont2.gif) repeat-x 0 410px; background-size: 1px 1000px; min-height: 790px;}
.index_cont #contents{width:95%; margin:auto;}
.index_cont .main_slogan{padding:100px 0 0 0; text-align:center;}
.index_cont .main_slogan .main{margin-bottom:10px;}
.index_cont .main_slogan .main{margin-bottom:10px;}
.index_cont .main_slogan .main span{display:inline-block; height:57px; line-height:57px; padding:0 12px; font-size:58px; color:#fff; font-family:roboto_con_bo,arial,sans-serif; background:url(../images/common/bg_tran_black30.png) repeat;}
.index_cont .main_slogan .sub{margin-bottom:15px;}
.index_cont .main_slogan .sub span{display:inline-block; height:37px; line-height:37px; padding:0 6px; font-size:35px; color:#b8bfc8; font-family:roboto_con_li,arial,sans-serif; background:url(../images/common/bg_tran_black30.png) repeat;}
.index_cont .main_slogan .desc{margin-bottom:100px; font-size:14px; color:#fff; line-height:18px; font-style:italic;}
.index_cont .index_list {display: flex; justify-content:space-between;}
.index_cont .index_list > li{padding-top:175px;}
.index_cont .index_list > li.list1{background:url(../images/sub/index_icon1.png) no-repeat center top;}
.index_cont .index_list > li.list2{background:url(../images/sub/index_icon2.png) no-repeat center top;}
.index_cont .index_list > li.list3{background:url(../images/sub/index_icon3.png) no-repeat center top;}
.index_cont .index_list > li.list4{background:url(../images/sub/index_icon4.png) no-repeat center top;}
.index_cont .index_list > li.list5{background:url(../images/sub/index_icon5.png) no-repeat center top;}
.index_cont .index_list > li.list6{background:url(../images/sub/index_icon6.png) no-repeat center top;}
.index_cont .index_list > li > h2{padding-bottom:20px; text-align:center;}
.index_cont .index_list > li > h2 a{font-size:18px; color:#222933; font-family:roboto_bo,arial,sans-serif,'FontAwesome';}
.index_cont .index_list > li > h2 a:hover{color:#0060be;}

.ticket_view_form{position:relative; left:-11px; width:219px;/*padding:16px 0 13px 0;*/}
.ticket_view_form select,
.ticket_view_form input[type="text"]{width:100%; margin-bottom:3px;}
.ticket_view_form .btns{margin-bottom:8px;}
.ticket_view_form .btns:after{content:""; display:block; clear:both;}
.ticket_view_form .btns li{float:right; width:98px;}
.ticket_view_form .btns li:first-child{float:left;}

/* popup_login */
.popup_login{width:382px; height:369px; margin:-161px 0 0 -191px;}
.login_box input[type="text"],.login_box input[type="password"]{width:93%;margin-bottom:4px; font-size:13px;}
.login_box .blue_btn{border-bottom:1px solid #cfcfcf;}
.login_box .blue_btn a{border-bottom:1px solid #707070; box-sizing:border-box;}
.login_box .remember{padding:18px 0 15px 0;}
.login_box .remember label{display:inline-block;}
.login_box .remember label span{font-size:13px; color:#222933;}

/* search_top */
.search_top{background: white;padding: 10px;border-radius: 20px; box-shadow: 3px 3px lightgrey;}

/* ticket main */
.sub_main{max-width:95%;  margin:auto;}
.desc_left{float:left;}
.desc_left .main{padding:70px 0 15px 0; font-size:72px; color:#fff; font-family:roboto_con_bo,arial,sans-serif;}
.desc_left .sub{ color:#c4c7cc; font-size:14px; line-height:18px; font-style:italic; width:450px;}
.poly_right {float:right; width:482px; height:415px; margin-top:50px; margin-bottom: 200px; position: relative; width:899px; height:685px; background:url(../images/sub/bg_ticket_sub_2.png) no-repeat; background-size: 899px 685px;}
.poly_right .link_list {position: absolute;top: 35px;left: 140px;}
.poly_right h2 {font-size:18px; color:#222933; font-family:roboto_bo,arial,sans-serif;}
.poly_right .link_list2 {position: absolute;top: 265px;left: 540px;}

/* part main */
.bg_part2 .poly_right{width:817px; height:613px; background:url(../images/sub/bg_ticket_sub_2.png) no-repeat;}
.bg_part2 .poly_right .link_list:last-child {margin-left:520px; margin-top:-80px;} 

/* ticket_info */
.detail_list .title_area{padding:0 12px 0px 12px; margin-bottom:4px; background:#f0f0f0;box-sizing: initial;}
.detail_list .title_area:after{content:""; display:block; clear:both;}
.detail_list .title_area h3{position:relative; float: left; height:35px; line-height:26px; padding-left:45px; font-size:20px; color:#222933;margin-top: 5px;}
.sub-title:before, .sub-title-local:before{content:'\f0da'; font-family:FontAwesome; margin-right:10px; color:red;}
.sub-title-local:after{content:'\f1c0'; font-family:FontAwesome; margin-left:10px; color:red; font-size: 14px; vertical-align: top;}
.detail_list .title_area h3 a{position:absolute; top:0; left:0; width:29px; height:30px; text-indent:-1000em; overflow:hidden; background:url(/images/sub/detail_list_bullet.gif) no-repeat; background-position:0 0;}
.detail_list .title_area h3 a:hover,
.detail_list .title_area h3 a:active{background-position:0 100%;}
.detail_list .title_area h3 span{position:absolute; top:0; left:0; width:28px; height:30px; text-indent:-1000em; overflow:hidden; background:url(/images/sub/detail_list_bullet2.gif) no-repeat 0 0; }
.detail_list .title_area .right_side{list-style: none; float:right; height:32px; margin-top:3px;}
.detail_list .title_area .right_side:after{content:""; display:block; clear:both;}
.detail_list .title_area .right_side > li{float:left; margin-left:8px;}
.detail_list .title_area .right_side > li input[type="text"],
.detail_list .title_area .right_side > li p.normal{padding-right:12px; color:#000000;}
.detail_list .title_area .right_side > li p.border_right{padding-right:24px; margin-right:12px; border-right:1px solid #d9d9d9;}
.detail_list .title_area .right_side > li .solo_link_list{margin-top:5px;}
.detail_list .title_area .right_side > li p.file{padding-right:4px;}
.detail_list .title_area .right_side > li p.file a{color:#0060be; text-decoration:underline;}
/*.detail_list .title_area .right_side li label span{margin:3px 6px 0 12px; line-height:23px; color:#000000;}*/
.detail_list .content_area{margin-bottom:8px;}
.detail_list .content_area .text_box{position:relative; padding-right:123px; margin-bottom:20px;}
.detail_list .content_area .text_box textarea{width:100%; height:68px;}
.detail_list .content_area .text_box .big_btn{position:absolute; top:1px; right:0; width:118px;}
.detail_list .content_area .scroll_area{overflow-x:hidden;}
.detail_list .content_area .scroll_area dt{padding:8px 0; font-size:13px; color:#444; border-top: dotted 1px #444;}
.detail_list .content_area .scroll_area dd{padding-bottom:8px; color:#000000; font-size: 14px;}
.detail_list .content_area .scroll_area dd ul{padding-left:16px; }
.detail_list .content_area .scroll_area dd li{padding-bottom:6px; color:#000000;font-weight: bold;}
.big_circle_text {background-color: orangered; color: white; padding: 9px; display: inline-block; vertical-align: top; border-radius: 50%; font-weight: bold;}

/* popup_search_part */
.popup_search_part{width:940px; height:685px; margin:-342px 0 0 -470px;}
.popup_search_part .search_result{height:402px; overflow-y:auto; overflow-x:hidden;}

/* popup_search_part_sn */
.popup_search_part_sn{width:940px; height:645px; margin:-322px 0 0 -470px;}
.popup_search_part_sn .search_result .table_over{height:402px; overflow-y:auto; overflow-x:hidden;}
.info_table_top{padding:10px 0;}
.info_table_top:after{content:""; display:block; clear:both;}
.info_table_top li{float:left; margin-left:36px;}
.info_table_top li:first-child{margin-left:0;}
.info_table_top li span{color:#000000;}
.info_table_top li span:first-child{margin-right:4px; font-size:13px; color:#444;}

/* popup_upload */
.popup_upload{width:940px; height:220px; margin:-110px 0 0 -470px;}

/* popup_upload_saw */
.popup_upload_saw{width:940px; height:906px; margin:-453px 0 0 -470px;}

/* cal */
.cal_header{padding-bottom:20px; text-align:center;}
.cal_header > div{position:relative; display:inline-block; margin-top:-7px; }
.cal_header .text span{display:block; font-size:20px; color:#222933;}
.cal_header .text span:first-child{padding-bottom:5px; font-size:34px; font-family:roboto_bo,arial,sans-serif;}
.cal_header .cla_left_btn,
.cal_header .cla_right_btn{position:absolute; top:17px; left:-106px;}
.cal_header .cla_left_btn a,
.cal_header .cla_right_btn a{display:block; width:28px; height:30px; text-indent:-1000em; overflow:hidden; background:url(/images/common/btn_cal_left.gif) no-repeat; background-position:0 0;}
.cal_header .cla_right_btn{left:auto; right:-106px;}
.cal_header .cla_right_btn a{background:url(/images/common/btn_cal_right.gif) no-repeat;}
.cal_header .cla_left_btn a:hover,
.cal_header .cla_right_btn a:hover{background-position:0 100%;}
.cal_day{border-top:3px solid #222933; border-bottom:1px solid #222933;}
.cal_day th{padding:0 8px; background:#f0f0f0; text-align:left;}
.cal_day th p{position:relative; top:0px;}
.cal_day th p span{font-size:11px; color:#444;}
.cal_day th p span:first-child{padding-right:4px; font-size:13px;}
.cal_day td{height:27px; padding:0 20px; border-top:1px solid #d9d9d9;}
.cal_day td.top_border_dashed{border-top:1px dashed #d9d9d9;}
.cal_day td.top_border_black{border-top:1px solid #222933;}
.cal_day tr:first-child td{border-top:0 none;}
.cal_info_day{position:relative; float:left; display:table; height:28px; margin-right:30px;}
.cal_info_day .text{display:inline-block; display:table-cell; vertical-align:middle;}
.cal_info_day .icon{display:inline-block; display:table-cell; padding-left:10px; vertical-align:middle;}
.cal_info_day.red .text span{color:#9e0b0f;}
.cal_info_day.cancel .text span{color:#000000; text-decoration:line-through;}
.cal_info_day .info_box{width:340px;}

.cal_month{border:1px solid #222933;}
.cal_month>thead>tr>th{background:#222933; height:49px; line-height:49px; color:#fff; font-size:13px; font-family:roboto_bo,arial,sans-serif; text-align: center;}
.cal_month>tbody>tr>th{background:#f0f0f0; font-size:11px; color:#444; border-top:1px solid #d9d9d9; text-align: center;}
.cal_month>tbody>tr:first-child th,
.cal_month>tbody>tr:first-child td{border-top:0 none!important;}
.cal_month>tbody>tr>td{position:relative; padding:10px; height:76px; border-left:1px solid #222933; border-top:1px solid #d9d9d9; vertical-align:top;}
.cal_month>tbody>tr.am>th,
.cal_month>tbody>tr.am>td{border-top:1px solid #222933;}
.cal_month>tbody>tr>td .day{position:absolute; top:10px; right:10px; font-size:11px; color:#444; font-weight:bold;}
.cal_month>tbody>tr>td .info_text{color:#000000; line-height:18px;}
.cal_month>tbody>tr>td .info_text.green{color:#007236;}
.cal_month>tbody>tr>td .info_text.red{color:#9e0b0f;}
.cal_month>tbody>tr>td .info_text.cancel{text-decoration:line-through;}

/* info_box */
.info_box{display:none; /*margin-left:20px; box-shadow:0px 10px 10px 10px rgba(0,0,0,0.1);*/}
.info_box strong {display:block; height:50px; padding:0 20px 15px 20px; background:#222933; border-bottom:4px solid #2789e9; line-height:46px;}
.info_box strong:before{content:"."; display:block; position:absolute; top:0; left:-16px; z-index:10; width:16px; height:12px; text-indent:-1000em; overflow:hidden; background:url(/images/sub/arrow_info_popup.png) no-repeat 0 0;}
.info_box strong .bigtitle {color:#fff; font-size:18px; font-family:roboto_bo,arial,sans-serif;}
.info_box .box_close{position:absolute; top:14px; right:14px; z-index:10;}
.info_box .box_close a{display:block; width:17px; height:17px; text-indent:-1000em; overflow:hidden; background:url(/images/common/popup_close.gif) no-repeat; background-position:0 0;}
.info_box .box_close a:hover{background-position:0 100%;}
.info_box dl{padding:15px 20px; background:#fff;}
.info_box dl:after{content:""; display:block; clear:both;}
.info_box dl dt{clear:both; float:left; width:95px; padding-bottom:9px; font-size:13px; color:#444; line-height:16px; }
.info_box dl dd{float:left; width:200px; padding-bottom:9px; line-height:16px; font-size:12px; color:#000000;}

/* work_map */
.work_map{position:relative; width:100%; /*height:800px;*/} 
.work_map .info_box{display:block; top:50%; left:50%; z-index:10;}
.work_map #map_canvas{width:100%; height:800px;}
.work_map .statuses{position:absolute; top:52px; left:10px; z-index:10; width:225px; box-shadow:0px 10px 20px 5px rgba(0,0,0,0.1);}
.work_map .tickets{position:absolute; top:10px; right:55px; z-index:10; box-shadow:0px 10px 20px 5px rgba(0,0,0,0.1); max-height: 770px; overflow-y: auto;}
.work_map .black_header{background:#222933; color:#fff; font-size:18px; font-family:roboto_bo,arial,sans-serif; text-align:center;}
.work_map .weekdays{position:absolute; top:10px; left:186px; z-index:10; width:920px; box-shadow:0px 10px 20px 5px rgba(0,0,0,0.1);}
.weekdays table input[type=checkbox] {width: 21px; height: 21px; margin: 2px 8px;}
.weekdays table .weeklabel {vertical-align: top;display: inline-block;padding-top: 6px;font-size: 14px;}

.search_result {margin-top: 10px;background: white;padding: 10px;border-radius: 20px; box-shadow: 3px 3px lightgrey;}
.search_result .right_opt{float:right; padding-bottom:8px;}
.search_result .right_opt li{float:left; margin-left:5px;}
.search_result .right_opt li:first-child{margin-left:0;}
.search_result table{clear:both;}
.search_result > .center_btns{padding:10px 0 45px 0;}


/* contact us(add 2017-07-16) */
.contact_left{float:left; min-height:610px;}
.contact_left .main_desc{padding-top:20px; font-family:roboto_con_re,arial,sans-serif; font-size:46px; color:#222933;}
.contact_left .sub_desc{padding:10px 0 65px 0; font-size:14px; line-height:18px; color:#7a7f85; font-style:italic;}
.contact_left dl dt{padding-bottom:20px; font-family:roboto_bo,arial,sans-serif; font-size:26px; color:#222933;}
.contact_left dl dd{font-family:roboto_bo,arial,sans-serif; font-size:16px; line-height:22px; color:#222933;}
.contact_right{float:right; padding:25px 100px 0 0;}
.contact_right dl dt{padding-bottom:14px; font-family:roboto_bo,arial,sans-serif; font-size:26px; color:#222933;}
.contact_right dl dd.first{padding-bottom:42px;}
.contact_right dl dd p{font-size:15px; line-height:24px; color:#444;}
.contact_right dl dd p span{font-family:roboto_bo,arial,sans-serif; font-size:15px; line-height:24px; color:#444;}
.contact_right dl dd p a{text-decoration:underline; font-size:15px; line-height:24px; color:#444;}

/* print(add 2017-07-16) */
.print_wrap{max-width:1100px; width:98%; padding:0 20px 0 0; margin:auto;}
.print_wrap .print_header{position:relative;}
.print_wrap .print_header:after{content:""; display:block; clear:both;}
.print_wrap .print_header > h1{float:left;}
.print_wrap .print_header > h2{font-family:roboto_bo,arial,sans-serif; font-size:34px; color:#222933; position:absolute; margin-left:180px; /*text-align:center; left:50%; margin-right:-50%; transform:translate(-50%, -50%);*/}
.print_wrap .print_header > .type3{float:right; width:316px;}
.print_wrap .contact{float:left; padding-top:16px; font-size:13px; line-height:22px; color:#444;}
.print_wrap .print_header .right_side{list-style: none; float:right; width:316px; margin-top:-5px;}
.print_wrap .print_header .right_side h1{padding-bottom:15px; font-family:roboto_bo,arial,sans-serif; font-size:34px; color:#222933; text-align:right;}
.print_wrap .print_header .right_side th{padding:8px 0px;}
.print_wrap .print_header .right_side td{padding:5px 0px;}
.print_wrap .print_header .right_side td p{text-align:right;}

.print_infos{padding-top:0px}
.print_infos dt{margin-top:10px; height:30px; line-height:28px; font-size:22px; color:#222933;}
.print_infos dd p{line-height:20px; color:#000000;}
.print_infos dd p:first-child{padding-top:5px;}

.print_wrap .estimate_bottom{padding-bottom:5px;}
.print_wrap .estimate_bottom:after{content:""; display:block; clear:both;}
.print_wrap .estimate_bottom .left_side{float:left; width:50%; padding-right:5px; box-sizing:border-box;}
.print_wrap .estimate_bottom .right_side{list-style: none; float:right; width:50%; padding-left:5px; box-sizing:border-box;}
.print_wrap .estimate_bottom .right_side .type3 tbody th{text-align:left;}
.print_header .contact .left_side{margin-top:3px;}
.print_header .contact .left_side:after{content:""; display:block; clear:both;}
.print_header .contact .left_side li{float:left; margin-left:8px;}
.print_header .contact .left_side li input[type="text"],
.print_header .contact .left_side li select{margin-top:4px;}
.print_header .contact .left_side li p.normal{height:13px; margin-top:8px; padding-right:12px; color:#000000;}
.print_header .contact .left_side li p.border_right{padding-right:24px; margin-right:12px; border-right:1px solid #d9d9d9;}
.print_header .contact .left_side li .solo_link_list{margin-top:5px; padding-right:12px!important;}
.print_header .contact .left_side li p.file{padding-right:4px;}
.print_header .contact .left_side li p.file a{color:#0060be; text-decoration:underline;}
.print_header .contact .left_side li label span{margin:3px 6px 0 12px; line-height:23px; color:#000000;}

/* print(add 2016-08-17) */
.pwrap_type2 .print_header{margin-bottom:10px;}
.pwrap_type2 .print_header:after{content:""; display:block; clear:both;}
.pwrap_type2 .print_header h1{float:right; padding-right:15px; font-family:roboto_bo,arial,sans-serif; color:#000; font-size:34px;}
.pwrap_type2 .print_header .contact{clear:both; width:45%; padding-top:10px;}
.pwrap_type2 .print_header .right_side{list-style: none; width:55%; margin-top:0;  padding-top:15px;}
.pwrap_type2 .print_header .right_side table{margin-bottom:0;}
.pwrap_type2 .print_header .right_side td p{text-align:center;}
.pwrap_type2 .print_body table{margin-bottom:0;}
.pwrap_type2 .print_body table:first-child{margin-bottom:10px;}
.pwrap_type2 .estimate_bottom h2{padding:10px 0 10px 0; font-family:roboto_bo,arial,sans-serif; color:#000; font-size:24px; text-align:center;}
.pwrap_type2 .estimate_bottom > table{margin-bottom:10px;}
.pwrap_type2 .estimate_bottom section table td{min-height:114px;}
.pwrap_type2 .estimate_bottom .thank_msg{text-align:center; line-height:20px; color:#000000;}
.pwrap_type2 .estimate_bottom .thank_msg span{display:inline-block; margin-bottom:10px; font-family:roboto_bo,arial,sans-serif; font-size:24px; color:#222933;}

/* print2(add 2017-06-30) */
.print_header2 h1{text-align:center; font-family:roboto_bo,arial,sans-serif; color:#000; font-size:34px; line-height:34px;}
.print_header2 h1+strong{display:block; padding:10px 0 5px 0; font-family:roboto_bo,arial,sans-serif; color:#000; font-size:15px;}
.print_header2 .print_top_desc{padding-bottom:5px; color:#444; font-size:13px;}
.print_header2 dl{padding:65px 0 23px 0;}
.print_header2 dl:after{content:""; display:block; clear:both;}
.print_header2 dl dt{clear:both; float:left; line-height:26px; font-family:roboto_bo,arial,sans-serif; color:#222933; font-size:15px;}
.print_header2 dl dd{float:left; line-height:28px; font-size:13px; color:#444; margin-left:10px;}
.unit_position{padding:30px 0 40px 0;}
.unit_position:after{content:""; display:block; clear:both;}
.unit_position .left_side{float:left; width:183px;}
.unit_position .right_side{list-style: none; float:right;}
.p50_div{padding:0;}
.p50_div:after{content:""; display:block; clear:both;}
.p50_div .left_side{float:left; width:50%;}
.p50_div .right_side{list-style: none; float:right; width:50%;}
.p50_div table.type4 th{padding:5px 5px;}
.p50_div table.type4 td{padding:5px 5px; border-left:1px solid #d3d4d6;}
.p50_div table.type4 td:first-child{border-left:0 none;}
.p50_div table.type4 td p{text-align:center;}
table.print_parts th{padding:7px 5px; border-left:1px solid #d3d4d6; font-family:roboto_bo,arial,sans-serif; color:#444; font-size:13px;}
table.print_parts td{padding:9px 5px; border-left:1px solid #d3d4d6;}
table.print_parts th:first-child,
table.print_parts td:first-child{border-left:0 none;}
.p50_div .normal_desc{line-height:18px; color:#898989;}
.p50_div table{margin-bottom:5px;}
.print_opt{padding-top:6px;}
.print_opt:after{content:""; display:block; clear:both;}
.print_opt li{float:left; margin-right:5px;}
.print_opt li strong{line-height:22px; font-family:roboto_bo,arial,sans-serif; color:#222933; font-size:15px;}
.print_opt label{margin-right:10px;}
.print_opt label span{line-height:22px;}
.print_opt label input[type=checkbox]{width:22px; height:22px; border:1px solid #ddd; border-radius:3px;}
.sign_print{padding-top:5px;}
.sign_print:after{content:""; display:block; clear:both;}
.sign_print dt{clear:both; float:left; width:178px; margin-top:10px; font-family:roboto_bo,arial,sans-serif; color:#222933; font-size:15px; font-weight:normal;}
.sign_print dd{float:right; position:relative; width:100%; margin-top:10px; border-bottom:1px solid #d9d9d9;}
.sign_print.type2{width:530px; padding-top:86px;}
table.type4.th_al tbody th{padding:7px 10px; text-align:left;}
table.type4.th_al td p{line-height:22px;} 
table.type4.th_al th div{display:block;}
table.type4.th_al th div:first-child{padding-top:0;}
table.type4.th_al th div span{vertical-align: top; padding-top: 7px; display: inline-block; margin-left: 10px;}
table.type4.th_al th div input[type=checkbox]{width:22px; height:22px; border:1px solid #ddd; border-radius:3px;}

/* col type table */
.col_table01 .s_table{width:100%; padding-bottom:20px; overflow:hidden; /*overflow-x:scroll;*/}
.col_table01 .tableinfo01{margin-bottom:8px; color:#a9a9a9;}
.col_table01 .tableinfo01 .txt{display:inline-block; margin-right:30px;}
.col_table01 .tableinfo02{padding-top:7px; height:25px; color:#626262;}
.col_table01 .tableinfo03{padding-top:7px; margin-bottom:10px; position:relative;}
.col_table01 .tableinfo03 .fr{padding-right:5px;}
.col_table01 .tableinfo03 .txt_lu{font-family:Lucida Grande, Tahoma, helvetica, clean, sans-serif;}
.col_table01 .tableinfo03 .btn01{position:relative;top:2px;}
.col_table01 .tableinfo99{margin-bottom:8px; color:#a9a9a9; text-align:right;}
.col_table01 table{border-top:2px solid #1428A0; font-family:Tahoma;} 
.col_table01 tbody tr th{height:27px; background:url('/images/bg_thead.gif') repeat-x 0 0; color:#fff; font-size:11px; font-family:Univers LT Std, Lucida Grande, Tahoma, helvetica, clean, sans-serif; text-align:center;}
.col_table01 tbody tr td{height:29px; border-bottom:1px solid #b1c9e0; text-align:center; font-family:Verdana;}
.col_table01 td.aleft{text-align:left; padding-left:10px;}
.col_table01 tbody .last td{border-bottom:1px solid #1428A0;}
/* added by htshin */
