﻿/* index */
.index_cont{background:#fff; margin-top: 60px; height: 60vh;}
.main_title {font-size:38px; color:#fff; font-family:roboto_con_bo,arial,sans-serif; text-align: center; display: block; padding-top: 70px;}

.index_cont #contents{width:95%; margin:auto; position: relative; top:20%; left:0;}

.info_wrap {width:500px; height: auto; position: absolute; left: 50%; transform: translateX(-50%);}
.info_wrap p {text-align: center; font-size: 20px; line-height: 28px;}
.info_wrap .info_inner {padding: 20px 40px; margin:0 0 20px 0;}
.info_wrap .info_inner input {width:100%; height:34px; line-height:34px; margin-bottom:4px; font-size:13px; border:1px solid #dedede; text-indent:5px;}
.blue_btn, gray_btn {cursor: pointer;}
.gray {border-top: 1px solid gray; margin: 5px 0;}
.gray a {background: gray;}

.ticket_view_form{position:relative; left:-11px; width:198px;/*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:323px; margin:-161px 0 0 -191px;}
.login_box input[type="text"],
.login_box input[type="password"]{width:100%; height:34px; line-height:34px; 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:block;}
.login_box .remember label span{font-size:13px; color:#222933;}

/* search_top */
.search_top{padding-bottom:40px;}

/* 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; background:url(../images/sub/bg_ticket_sub_1.png) no-repeat; margin-top:50px; margin-bottom: 200px;}
.poly_right .link_list {margin-left:140px; margin-top:70px;}
.poly_right h2 {padding-bottom:20px; font-size:18px; color:#222933; font-family:roboto_bo,arial,sans-serif;}

/* 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 {margin-left:160px; margin-top:80px;}
.bg_part2 .poly_right .link_list:last-child {margin-left:520px; margin-top:-80px;} 

/* ticket_info */
.detail_list .title_area{height:36px; padding:0 12px; margin-bottom:4px; background:#f0f0f0; border:1px solid #f4f4f4;}
.detail_list .title_area:after{content:""; display:block; clear:both;}
.detail_list .title_area h3{position:relative; float:left; height:30px; line-height:26px; padding-left:45px; margin-top:3px; font-size:20px; color:#222933;}
.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{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 select{margin-top:4px;}
.detail_list .title_area .right_side li p.normal{height:13px; margin-top:8px; 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{height:400px; overflow-y:scroll; overflow-x:hidden;}
.detail_list .content_area .scroll_area dt{padding-bottom:8px; font-size:13px; color:#444;}
.detail_list .content_area .scroll_area dd{padding-bottom:11px; color:#000000;}
.detail_list .content_area .scroll_area dd ul{padding-left:16px; }
.detail_list .content_area .scroll_area dd li{padding-bottom:6px; color:#000000;}

/* 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 th{background:#222933; height:49px; line-height:49px; color:#fff; font-size:13px; font-family:roboto_bo,arial,sans-serif;}
.cal_month tbody th{background:#f0f0f0; font-size:11px; color:#444; border-top:1px solid #d9d9d9;}
.cal_month tbody tr:first-child th,
.cal_month tbody tr:first-child td{border-top:0 none!important;}
.cal_month tbody 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 td .day{position:absolute; top:10px; right:10px; font-size:11px; color:#444; font-weight:bold;}
.cal_month tbody td .info_text{color:#000000; line-height:18px;}
.cal_month tbody td .info_text.green{color:#007236;}
.cal_month tbody td .info_text.red{color:#9e0b0f;}
.cal_month tbody 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:25px; 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 .tickets{position:absolute; top:10px; right:40px; z-index:10; width:290px; box-shadow:0px 10px 20px 5px rgba(0,0,0,0.1);}
.work_map .black_header{display:block; height:36px; line-height:36px; 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:120px; z-index:10; width:770px; box-shadow:0px 10px 20px 5px rgba(0,0,0,0.1);}

/* admin */
.search_result .right_opt{float:right; padding-bottom:8px; margin-top:-20px;}
.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:30px 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{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{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{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{float:right;}
.p50_div{padding:0;}
.p50_div:after{content:""; display:block; clear:both;}
.p50_div .left_side{float:left; width:380px;}
.p50_div .right_side{float:right; width:380px;}
.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:14px 20px; border-left:1px solid #d3d4d6; font-family:roboto_bo,arial,sans-serif; color:#444; font-size:13px;}
table.print_parts td{padding:18px 20px; 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:20px; 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:88px; 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:380px; 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 label{display:block; padding-top:10px;}
table.type4.th_al th label:first-child{padding-top:0;}
table.type4.th_al th label span{line-height:22px;}
table.type4.th_al th label input[type=checkbox]{width:22px; height:22px; border:1px solid #ddd; border-radius:3px;}

/* added by htshin */
