/* Skip */
.skip{padding:0; margin:0;}
.skip a{position:absolute; top:-1000em; z-index:9999; display:block; width:100%; background:#ededed; font-size:1.5em; font-weight:bold; color:#666; text-align:center;}
.skip a:hover,.skip a:focus,.skip a:active{top:0; padding:1.2em 0;}

/* font */
@font-face {
     font-family : 'roboto_re';
     src :url(../font/RobotoRegular.eot);
     src :url(../font/RobotoRegular.eot?#iefix) format('embeded-opentype'),
           url(../font/RobotoRegular.woff) format('woff');
}

@font-face {
     font-family : 'roboto_bo';
     src :url(../font/RobotoBold.eot);
     src :url(../font/RobotoBold.eot?#iefix) format('embeded-opentype'),
           url(../font/RobotoBold.woff) format('woff');
}

@font-face {
     font-family : 'roboto_con_li';
     src :url(../font/RobotoCondensed-Light.eot);
     src :url(../font/RobotoCondensed-Light.eot?#iefix) format('embeded-opentype'),
           url(../font/RobotoCondensed-Light.woff) format('woff');
}

@font-face {
     font-family : 'roboto_con_bo';
     src :url(../font/RobotoCondensed-Boldd.eot);
     src :url(../font/RobotoCondensed-Bold.eot?#iefix) format('embeded-opentype'),
           url(../font/RobotoCondensed-Bold.woff) format('woff');
}

/* common */
#wrap{min-width:1100px;}
#wrap.Admin{background:url(../images/sub/bg_admin.jpg) no-repeat 0 0; background-size:cover;}
#wrap.Claim{background:url(../images/sub/bg_admin.jpg) no-repeat 0 0; background-size:cover;}
#wrap.Dashboard{background:url(../images/sub/bg_index.jpg) no-repeat 0 0; background-size:cover;}
#wrap.Default{background:url(../images/sub/bg_index.jpg) no-repeat 0 0; background-size:cover;}
#wrap.Part{background:url(../images/sub/bg_index.jpg) no-repeat 0 0; background-size:cover;}
#wrap.Report{background:url(../images/sub/bg_report.jpg) no-repeat 0 0; background-size:cover;}
#wrap.Samsung{background:url(../images/sub/bg_samsungpart.jpg) no-repeat 0 0; background-size:cover;}
#wrap.Ticket{background:url(../images/sub/bg_ticket.jpg) no-repeat 0 0; background-size:cover;}
#wrap .wrap_in{padding-top:40px; background:url(../images/common/bg_pattern.png) repeat;}
#wrap .sub_cont .sub_cont_in{background:#f2f2f2;}
#contents:after{content:""; display:block; clear:both;}
label.hiddenUpload input[type="file"] {position: fixed;top: -1000px;}
.hiddenUpload {display: inline-block;}
.hover_highlight:hover { background: dodgerblue; color: white;}

/* header */
#header{position:relative; height:70px; background:#2789e9;}
#header .header_in{position:relative; max-width:95%; margin:auto;}
#header .header_in:after{content:""; display:block; clear:both;}
#header h1{float:left; padding-top:15px;}
#header h1 a {color:#fff; font-size: 40px; font-weight: bold; font-style: italic; letter-spacing: 2px;}
#header h1 a span{font-size: 20px; font-weight: 300; margin-left:-5px;}
#header .top_username{position:absolute; top:-25px; right:130px;}
#header .top_login{position:absolute; top:-25px; right:30px;}
#header .top_login a{font-size:13px; color:#bdbfcb; font-family:roboto_bo,arial,sans-serif,Fontawesome;}
#header .top_login a:hover{color:#fff;}
#header .gna{float:right;}
#header .gna:after{content:""; display:block; clear:both;}
#header .gna li{float:left; margin:0 10px;}
#header .gnb{float:right;}
#header .gnb:after{content:""; display:block; clear:both;}
#header .gnb li{float:left;}
#header .gnb li:first-child{margin-left:0;}
#header .gnb li a{display:block; padding:0 30px; line-height:70px; font-size:16px; color:#fff; font-family:roboto_bo,arial,sans-serif;}
#header .gnb li a:hover,
#header .gnb li a.on{background:#0077ed;}

/* footer */
#footer{height:87px; background:#222933;}
#footer .copy{line-height:87px; text-align:center; color:#656a71;}

/* link_list */
.link_list, .link_list2 {margin-bottom: 20px;}
.link_list > li, .link_list2 > li {margin-bottom:7px; padding:0 0 0 12px; background:url(../images/common/bullet_arrow_blue.gif) no-repeat 0 6px;}
.link_list > li > a, .link_list2 > li > a {line-height:18px; font-size:13px; color:#333;}
.link_list > li > sup, .link_list2 > li > sup {font-size:10px; color:#1428a0;}
.link_list > li > a:hover, .link_list2 > li > a:hover {color:#0060be;}
ul.link_list > li > a:hover, ul.link_list2 > li > a:hover { color: blue; text-shadow: 0 0 10px #98e3f3, 0 0 20px #98e3f3, 0 0 40px #98e3f3, 0 0 80px #98e3f3, 0 0 120px #98e3f3; }
.solo_link_list:before { content: "\f054"; font-family: FontAwesome; padding-right: 5px; }
.solo_link_list > a{line-height:18px; font-size:13px; color:#333;}
.solo_link_list > a:hover{color:#0060be;}

/* form */
.w100p{width:100%!important; max-width:100%!important;}

/* btn */
.a_blue_btn {display:inline-block; line-height:29px; color:#fff; font-family:roboto_bo,arial,sans-serif; border-radius:5px; background-color: #2789e9; padding: 3px 20px; }

.blue_btn{border-radius:2px; overflow:hidden;}
.blue_btn_small{ border-radius:3px; overflow:hidden; color:#fff; background-color:#3bb0f0;text-align:center; padding: 3px 10px;}
.blue_btn>a, .blue_btn>span{display:inline-block; line-height:29px; color:#fff; font-family:roboto_bo,arial,sans-serif; border-radius:5px; overflow:hidden; background-color: #2789e9; padding: 3px 20px; /*margin-top: 3px; */}
.btn_small {padding:0px 10px!important; margin-top:3px;}
.blue_btn:hover a{background-position:0 100%;}
.blue_btn2{border-radius:2px; overflow:hidden;}
.blue_btn2 a{display:block; text-align:center; height:27px; line-height:27px; color:#fff; font-family:roboto_bo,arial,sans-serif; background:url(../images/common/bg_blue_btn.gif) repeat-x; background-position:0 0; border-radius:2px; overflow:hidden;}
.blue_btn2:hover a{background-position:0 100%;}
.green_small_btn{border-radius:2px; overflow:hidden;}
.green_small_btn a{display:inline-block; line-height:29px; vertical-align:middle; color:#fff; font-family:roboto_bo,arial,sans-serif; border-radius:5px; overflow:hidden; background-color: lightseagreen; padding: 0px 10px; margin-top:3px;}
.black_btn {border-top: 1px solid #3bb0f0;border-bottom: 2px solid #3bb0f0;border-radius: 2px;overflow: hidden;color: #fff;background-color: #3bb0f0;text-align: center;}
.black_btn a {display: block;text-align: center;height: 29px;line-height: 29px;color: #fff;font-family: roboto_bo,arial,sans-serif;background: url(../images/common/bg_black_btn.gif) repeat-x;background-position: 0 0;border-radius: 2px;overflow: hidden;}
.black_btn:hover {border-top: 1px solid #00a3f3;border-bottom: 2px solid #cecece;}
.black_btn:hover a {background-position: 0 100%;}
.black_btn_small {border-top: 1px solid #3bb0f0; border-bottom: 2px solid #e5e5e5; border-radius: 2px;overflow: hidden;}
.black_btn_small {border-top: 1px solid #3bb0f0;border-bottom: 2px solid #3bb0f0;border-radius: 2px;overflow: hidden;color: #fff;background-color: #3bb0f0;text-align: center;}
.black_btn_small a {display: block;text-align: center;height: 20px;line-height: 20px;color: #fff;font-family: roboto_bo,arial,sans-serif;background: url(../images/common/bg_black_btn.gif) repeat-x;background-position: 0 0;border-radius: 2px;overflow: hidden;}
.black_btn_small:hover {border-top: 1px solid #00a3f3;border-bottom: 2px solid #cecece;}
.black_btn_small:hover a {background-position: 0 100%;}
.big_btn{border-bottom:2px solid #e5e5e5; box-shadow:0 1px 1px 1px #f7f7f7; border-radius:2px; overflow:hidden;}
.big_btn a{display:block; text-align:center; height:66px; line-height:66px; color:#373737; border:1px solid #85b4e1; border-radius:2px; overflow:hidden; font-family:roboto_bo,arial,sans-serif; background:url(../images/common/bg_big_btn.gif) repeat-x; background-position:0 0;}
.center_btns{padding:45px 0; text-align:center;}
.center_btns:after{content:""; display:block; clear:both;}
.center_btns li{display:inline-block;}

/* sub common */
.sub_gnb{height:50px;}
.sub_gnb ul{padding-top:20px; text-align:center;}
.sub_gnb ul li{display:inline-block; height:17px; padding-left:40px; margin-left:40px; border-left:1px solid #fff;}
.sub_gnb ul li a{display:block; height:17px; line-height:17px;  color:#fff; font-size:14px; font-family:roboto_bo,arial,sans-serif;}
.sub_gnb ul li:first-child{padding-left:0; margin-left:0; border-left:0 none;}
.sub_gnb ul li:hover a,
.sub_gnb ul li.on a{border-bottom:2px solid #8c96a9;}
.sub_cont #contents{padding:10px 0 80px 0; max-width:99%; margin:auto; min-height: 668px;}

.path_area{padding-bottom:15px;}
.path_area:after{content:""; display:block; clear:both;}
.path_area h2{float:left; font-size:26px; color:#222933; font-family:roboto_bo,arial,sans-serif;}
.path_area ul{float:left; padding:8px 0 0 20px;}
.path_area ul:after{content:""; display:block; clear:both;}
.path_area ul li{float:left; padding-left:11px; margin-left:6px; background:url(../images/common/arrow_path.gif) no-repeat 0 center;}
.path_area ul li:first-child{padding-left:0; margin-left:0; background:none;}
.path_area ul li:first-child img{position:relative; top:-1px;}
.path_area ul li a{font-size:13px; color:#8b8b8b;}
.path_area ul li a:hover,
.path_area ul li.last a{color:#000000;}

/* table */
table.type1{border-top:3px solid #222933; border-bottom:2px solid #222933;} 
table.type1 th{padding:12px 0 13px 0; background:#f0f0f0; color:#444; font-size:13px;}
table.type1 thead th{border-bottom:1px solid #d9d9d9; text-align:center;}
table.type1 tbody th{padding:6px 0 7px 0; text-align:center;}
table.type1 tbody td{padding:7px 10px; text-align:center; border-top:1px solid #d9d9d9; background:#fff;}
table.type1 tbody,tfoot tr:first-child td{border-top:0 none;}
table.type1 tbody,tfoot td.agl_left{text-align:left;}
table.type1 tbody,tfoot td.agl_right{text-align:right;}
table.type1 tbody,tfoot td > p{display:table-row-group; padding:4px 0 5px 0; color:#000000; line-height:15px;}
table.type1 tbody,tfoot td > p.info_icon{margin-left:8px;}
table.type1 tbody,tfoot td .solo_link_list{margin-left:13px;}
table.type1 tbody,tfoot td .solo_link_list:first-child{margin-left:0;}
table.type1 tbody,tfoot td input[type="text"]{width:100%;}

table.type2{border-top:3px solid #222933; border-bottom:1px solid #222933;} 
table.type2 > tbody > tr > th{padding:6px 20px;; background:#f0f0f0; color:#222; font-size:13px; text-align:left;}
table.type2 > tbody > tr > td{padding:6px 10px;}
table.type2 > tbody > tr:first-child > th{padding:8px 20px;}
table.type2 > tbody > tr:first-child > td{padding:8px 10px;}
table.type2 > tbody > tr:first-child > td.last{vertical-align:middle; border-bottom:1px solid #222933; position: unset;border-left: 1px solid #f0ebeb;text-align: right;}
table.type2 > tbody > tr:first-child > td.last .blue_btn{display:inline-block; margin-left:4px;}
table.type2 > tbody > tr:first-child > td.last .blue_btn:first-child{margin-left:0;}
table.type2 > tbody > tr:last-child > th{padding:8px 20px;}
table.type2 > tbody > tr:last-child > td{padding:6px 10px;}
table.type2 > tbody > tr > td.action_pane{text-align: right; white-space: nowrap;}
table.type2 .row1 th{padding:22px 0 22px 20px!important;}
table.type2 .row1 td{padding:18px 20px!important;}
table.type2 > tbody > tr > td input[type=text],
table.type2 > tbody > tr > td select{width:100%;}
table.type2 > tbody > tr > td textarea{width:100%; height:60px;}
table.type2 > tbody > tr > td>p{color:#000000;}
table.type2 > tbody > tr > td>p.line{margin-top:4px;}
table.type2 > tbody > tr > td>p.line:first-child{margin-top:0;}
table.type2 > tbody > tr > td>p.fleft{display:inline-block;}
table.type2 > tbody > tr > td>p.left_input:after{content:""; display:block; clear:both;}
table.type2 > tbody > tr > td>p.left_input label{float:left; margin-left:38px;}
table.type2 > tbody > tr > td>p.left_input label:first-child{margin-left:0;}
table.type2 .solo_link_list{display:inline-block; margin-left:10px;}
table.type2 .solo_link_list:first-child{margin-left:0;}
table.type2 .time_input{float:left; padding-right:21px; background:url(../images/common/icon_time.gif) no-repeat 100% center;}
table.type2 .time_input:after{content:""; display:block; clear:both;}
table.type2 .time_input select{float:left; width:105px;}
table.type2 .time_input input[type="text"]{float:left; width:48px; margin-left:4px;}

table.type13{border-top:3px solid #222933; border-bottom:1px solid #222933;} 
table.type13 th{padding:8px 0 9px 0; background:#f0f0f0; color:#444; font-size:13px;}
table.type13 thead th{border-bottom:1px solid #d9d9d9;}
table.type13 tbody th{padding:6px 0 7px 0;}
table.type13 tbody td{padding:4px 10px; text-align:center; border-top:1px solid #d9d9d9; background:#fff;}
table.type13 tbody tr:first-child td{border-top:0 none;}
table.type13 tbody td.agl_left{text-align:left;}
table.type13 tbody td.agl_right{text-align:right;}
table.type13 tbody td > p{display:inline-block; padding:4px 0 5px 0; color:#000000; line-height:15px;}
table.type13 tbody td > p.info_icon{margin-left:8px;}
table.type13 tbody td .solo_link_list{margin-left:13px;}
table.type13 tbody td .solo_link_list:first-child{margin-left:0;}
table.type13 tbody td input[type="text"]{width:100%;}

/* table(add 2017-07-16) */
table.type3{margin-bottom:10px; border-top:3px solid #222933;  border-bottom:1px solid #222933;}
table.type3 thead th{padding:8px 0; background:#d3d4d6; border-bottom:1px solid #222933;   font-size:13px; font-family:roboto_bo,arial,sans-serif;}
table.type3 tbody th{padding:15px 20px; background:#fafafa; font-size:13px; color:#444;}
table.type3 tbody td{padding:3px 20px; border-left:1px solid #d3d4d6;}
table.type3 tbody tr td:first-child{border-left:0 none;}
table.type3 tbody td p{text-align:center; font-size:13px; line-height:22px; color:#444;}
table.type3 tbody td p.bold{font-family:roboto_bo,arial,sans-serif; font-size:15px; color:#222933;}
table.type3 tbody td p.left{text-align:left;}
table.type3 tbody td.desc{padding:6px 0;}
table.type3 tbody td.desc p{height:204px; line-height:20px; color:#000000; text-align:left; overflow-x:hidden; overflow-y:auto;}
table.type3 tbody td dl{padding:8px 30px}
table.type3 tbody td dt{padding-bottom:7px; font-size:15px; color:#222933; font-family:roboto_bo,arial,sans-serif;}
table.type3 tbody td dd{font-size:13px; line-height:22px; color:#444;}
table.type3 tbody td dd span{font-size:13px; line-height:22px; color:#444;}
table.type3 tbody td dd span:first-child{display:inline-block; width:95px;}
table.type3 tfoot th{padding:14px 20px; background:#d3d4d6; border-top:1px solid #222933; font-size:15px; color:#222933; font-family:roboto_bo,arial,sans-serif; text-align:left;}
table.type3 tfoot td{padding:14px 20px; background:#d3d4d6; border-top:1px solid #222933;}
table.type3 tfoot td p{text-align:right; font-size:15px; color:#222933; font-family:roboto_bo,arial,sans-serif;}

table.type4{margin-bottom:10px; border-top:3px solid #222933; border-bottom:1px solid #222933;}
table.type4 > thead > tr > th{padding:0; background:#d3d4d6; border-bottom:1px solid #222933;  font-size:15px; color:#222933; font-family:roboto_bo,arial,sans-serif;}
table.type4 > tbody > tr{height: 30px;}
table.type4 > tbody > tr > th{padding:0 10px; background:#fafafa; border-top:1px solid #d3d4d6; font-size:13px; color:#444; white-space: nowrap;}
table.type4 > tbody > tr:first-child > th, table.type4 > tbody > tr:first-child > td{border-top:0 none;}
table.type4 > tbody > tr > th:first-child{border-left:0 none;}
table.type4 > tbody > tr > td{padding:3px 10px; border-top:1px solid #d3d4d6;}
table.type4 > tbody > tr > td p{color:#000000;}
table.type4 > tbody > tr > td p .bold{font-family:roboto_bo,arial,sans-serif; color:#000000;}

table.type5 th{padding:7px; background:#fafafa; color:#444; font-size:13px;}

table.type21{border-top:3px solid #222933; border-bottom:1px solid #222933;} 
table.type21>thead>tr>th, table.type21>tbody>tr>th{padding:8px 0 7px 19px; background:#f0f0f0; color:#444; font-size:14px; text-align:left;}
table.type21>thead>tr>td, table.type21>tbody>tr>td{padding:5px 10px 4px 10px;}
table.type21>thead>tr>tr, table.type21>tbody>tr>tr{height:45px;}
table.type21>thead>tr:first-child td.last, table.type21>tbody>tr:first-child td.last{padding:0; text-align:center; vertical-align:middle;}
table.type21 tr:first-child td.last .blue_btn{display:inline-block; margin-left:4px;}
table.type21 tr:first-child td.last .blue_btn:first-child{margin-left:0;}
/*table.type21>thead>tr:last-child>th, table.type21>tbody>tr:last-child>th{padding:3px 0 5px 19px;}
table.type21>thead>tr:last-child>td, table.type21>tbody>tr:last-child>td{padding:1px 10px 4px 10px;}*/
table.type21 .row1 th{padding:22px 0 22px 20px!important;}
table.type21 .row1 td{padding:18px 20px!important;}
table.type21>thead>td input[type=text], table.type21>tbody>td input[type=text],
table.type21>thead>td select, table.type21>tbody>td select{width:100%;}
table.type21>thead>td textarea, table.type21>tbody>td textarea{width:100%; height:60px;}
table.type21>thead>td>p, table.type21>tbody>td>p{color:#000000;}
table.type21 td>p.line{margin-top:4px;}
table.type21 td>p.line:first-child{margin-top:0;}
table.type21 td>p.fleft{display:inline-block;}
table.type21 td>p.left_input:after{content:""; display:block; clear:both;}
table.type21 td>p.left_input label{float:left; margin-left:38px;}
table.type21 td>p.left_input label:first-child{margin-left:0;}
table.type21 .solo_link_list{display:inline-block; margin-left:10px;}
table.type21 .solo_link_list:first-child{margin-left:0;}
table.type21 .time_input{float:left; padding-right:21px; background:url(../images/common/icon_time.gif) no-repeat 100% center;}
table.type21 .time_input:after{content:""; display:block; clear:both;}
table.type21 .time_input select{float:left; width:105px;}
table.type21 .time_input input[type="text"]{float:left; width:48px; margin-left:4px;}

.action_item {padding:0 0 0 12px!important ; background:url(../images/common/bullet_arrow_blue.gif) no-repeat 0px;}

/* Added by htshin */
.btn_medium_blue {padding: 3px 10px;background-color: darkblue;color: white;border-radius: 10px; cursor:pointer;}

.toggle-switch-left {padding: 3px 10px;background-color: yellow;color: black;border-radius: 7px 0 0 7px; cursor:pointer;}
.toggle-switch-right {padding: 3px 10px;background-color: lightgray;color: black;border-radius: 0 7px 7px 0; cursor:pointer;}

.circle_cnt1 {background-color: gray;border-radius: 50%;padding: 0px 4px;color: white;border-color: black;font-size: 11px;font-style: italic; margin-left: 3px; vertical-align: top;}
.circle_cnt2 {background-color: crimson;border-radius: 50%;padding: 0px 4px;color: white;border-color: black;font-size: 11px;font-style: italic; margin-left: 3px; vertical-align: top;}
.circle_cnt3 {background-color: darkorchid;border-radius: 50%;padding: 0px 4px;color: white;border-color: black;font-size: 11px;font-style: italic; margin-left: 3px; vertical-align: top;}

.hidden_list_wrap{z-index:999; position:absolute; right: 0; top: 26px; display:none;}
.hidden_list_wrap.active{display:block;}
.hidden_list_box{min-height: 15px; background:#fff; border:1px solid #639dd4; box-shadow:0px 2px 10px rgba(0, 0, 0, 0.2); overflow-y:auto; padding:5px; position: relative;}
.hidden_list_box li{color:#333; font-weight:lighter; font-size:13px; text-align:left; padding:5px 10px;}
.hidden_list_box li:last-child{margin-bottom:0px;}
.hidden_list_box li label{margin-left:5px;}
.hidden_list_box li:hover{background-color:gray;}
.hidden_list_box li:hover > a{color:white;}

.condition_group {color:red; font-size:10px;}

.progress_bar .progress_outer {border: 2px solid #808080; height: 40px; position:relative; background-color: white;}
.progress_bar .progress_outer>.progress_inner {color: white; background-color: #4CAF50; height: 100%;}
.progress_bar .progress_outer>.progress_rate {color: black; text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
.progress_bar .progress_count {font-size: 16px; color: white; margin-top: 10px; text-align: center;}

.print-label { color: blue; font-size: 25px; position: relative; }
.print-label ul { display: none; position: absolute; top: 21px; right: 0; white-space: nowrap; background-color: beige; border: 1px solid gray; padding: 5px 10px; z-index: 1000;}
.print-label:hover ul { display: block; }

input[type=text].mandatory,input[type=number].mandatory,select.mandatory,textarea.mandatory {border: 1px solid darkred !important;}
label.mandatory {color: darkred !important;}