@charset "utf-8";
/**
 *
 * @author hsy
 */


/* Basic Style */
.hide {display: none;}
.hideIpt {display: none !important;}
.title-m-b {margin: 1.25em 0 0.65em; line-height: 1.1; font-size: 2em; font-weight: 300; color: #3262b9; text-indent: -2px;}
.title-v-s {margin: 3.25em 0 0em; padding-left: 10px; background: url(../images/common/objBullet1.png) no-repeat 0 50%; line-height: 1.2; font-size: 17px; font-weight: 500; color: #3262b9;}
.title-v-s-only-text {padding-left: 10px; line-height: 1.2; font-size: 15px; font-weight: 500; color: #3262b9;}

/* Markup Package I : Search, Tip, etc. */
.pointer  {cursor: pointer;}

.wd100 {width: 100% !important;}
.wd95 {width: 95% !important;}
.wd90 {width: 90% !important;}
.wd85 {width: 85% !important;}
.wd80 {width: 80% !important;}
.wd76 {width: 76% !important;}
.wd75 {width: 75% !important;}
.wd70 {width: 70% !important;}
.wd65 {width: 65% !important;}
.wd60 {width: 60% !important;}
.wd55 {width: 55% !important;}
.wd50 {width: 50% !important;}
.wd45 {width: 45% !important;}
.wd40 {width: 40% !important;}
.wd35 {width: 35% !important;}
.wd34 {width: 34% !important;}
.wd33 {width: 33% !important;}
.wd30 {width: 30% !important;}
.wd25 {width: 25% !important;}
.wd20 {width: 20% !important;}
.wd15 {width: 15% !important;}
.wd10 {width: 10% !important;}

.ht10 {height: 10px !important;}
.ht20 {height: 20px !important;}
.ht30 {height: 30px !important;}
.ht40 {height: 40px !important;}
.ht50 {height: 50px !important;}
.ht60 {height: 60px !important;}
.ht66 {height: 66px !important;}
.ht100 {height: 100px !important;}

.mg-bm15 {margin-bottom: -15px !important;} 
.mg-bm20 {margin-bottom: -20px !important;} 
.mg-bm30 {margin-bottom: -30px !important;} 
.mg-bm35 {margin-bottom: -35px !important;} 
.mg-t0 {margin-top: 0px !important;} 
.mg-b0 {margin-bottom: 0px !important;} 
.mg-t5 {margin-top: 5px !important;} 
.mg-b5 {margin-bottom: 5px !important;} 
.mg-b7 {margin-bottom: 7px !important;} 
.mg-l5 {margin-left: 5px !important;} 
.mg-r5 {margin-right: 5px !important;} 
.mg-t10 {margin-top: 10px !important;} 
.mg-b10 {margin-bottom: 10px !important;} 
.mg-l10 {margin-left: 10px !important;} 
.mg-l15 {margin-left: 15px !important;} 
.mg-t15 {margin-top: 15px !important;} 
.mg-r10 {margin-right: 10px !important;} 
.mg-l20 {margin-left: 20px !important;} 
.mg-t22 {margin-top: 22px !important;} 
.mg-l27 {margin-left: 27px !important;} 
.mg-l30 {margin-left: 30px !important;} 
.mg-l37 {margin-left: 37px !important;} 
.mg-t37 {margin-top: 37px !important;} 
.mg-l44 {margin-left: 44px !important;} 
.mg-l50 {margin-left: 50px !important;} 
.mg-b25 {margin-bottom: 25px !important;} 
.mg-t33 {margin-top: 33px !important;} 

.pd-t0 {padding-top: 0px !important;}
.pd-r0 {padding-right: 0px !important;}
.pd-r5 {padding-right: 5px !important;}

.tb_bottom {border-bottom: 0px !important;}
.tb_top {border-top: solid 1px #c7cdd7 !important;}

.box-search-line input[type="text"],
.box-search-line .wd100 {width: 100%; margin-left: 10px;}
.box-search-line .wd80 {width: 80%; margin-left: 10px;}
.box-search-line .wd75 {width: 75%; margin-left: 10px;}
.box-search-line .wd50 {width: 50%; margin-left: 10px;}

.box-search-line.i1 {width: 80%;}
.box-search-line .search {width: 131px; margin-left: 10px;}

.box-search-line.i5 {margin-left: 14px; padding-left: 14px;  border-left: solid 1px #bfc3cb;}
.box-search-line.i5 select{width: 120px;}
.box-search-line.i5 select.first{width: 145px;}
.box-search-line.i5 input.basic.search{width: 120px;}
.box-search-line.i5 input.basic.search.v-s{width: 73px;}
.box-search-line.i5 input.basic.search.lrg{width: 325px; margin-left: 0px;}

.box-search input[type="button"] {/* position: absolute; */ /*float: right;*/ /*margin-left: 7px;*/ bottom: 32px; right: 17px; width: 67px; height: 42px; border: 0; background: #676b7a; font-size: 16px; font-weight: 300; color: #fff; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s;}
.box-search input[type="button"]:hover,
.box-search input[type="button"]:focus {background: #3872dc;}

.ui-datepicker .ui-datepicker-title select {color : #606473 !important;}
	
ul.tab.unit2 li {width: 50%;}

.fl-l{float: left !important;}
.fl-r{float: right !important;}
.fl-n{float: none !important;}

.txt-r{text-align: right;}
.txt-l{text-align: left;}
.txt-c{text-align: center;}

.ft-w500 {font-weight: 500;}

/* Keyword Search : Predict */

.pack-search {position: relative;}
.pack-search ul.predict		{display: none; box-sizing: border-box; position: absolute; top: 53px; left: 0; width: 100%; border: solid 1px #c2c4c9; border-top: 0; background: #fff; z-index: 10; line-height: 1; font-size: 13px;}
.pack-search ul.predict li	{border-top: solid 1px #f2f2f2;}
.pack-search ul.predict li:first-child {border-top: 0;}
.pack-search ul.predict li a {display: block; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s;}
.pack-search ul.predict li a:hover {background: #f2f2f2;}
.pack-search ul.predict li a em {font-weight: 400; color: #c2001f;}
.pack-search.on ul.predict {display: block;}

div.content .search-list {padding: 10px 0px 0px; font-size: 14px;}
div.content .search-list .btn.more {box-sizing: border-box; width: 100%; margin-bottom: 0; text-align: center; font-size: 14px;}

div.content .search-list-head:after {content: ""; display: block; clear: both;}
div.content .search-list-head .count {float: left; padding-top: 9px;}
div.content .search-list-head .count em {font-weight: 500; color: #da785e;}

div.content .search-list-body {margin: 10px 0 15px; border-top: solid 1px #c7cdd7; background: rgba(255, 255, 255, 0.5);}
div.content .search-list-body > ul {border-bottom: solid 1px #c7cdd7;}
div.content .search-list-body > ul li {height:60px;}
div.content .search-list-body > ul li:first-child {display: block; padding: 5px 15px; width:100%; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; -o-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s;}
div.content .search-list-body > ul li:first-child:hover {background: #e8ebf0; color: #000;}

div.content .search-list-body .data-pack {position: relative; margin-top: 2px; padding-left: 50px;}
div.content .search-list-body .data-pack:first-child {margin-top: 0;}
div.content .search-list-body .data-pack .label {position: absolute; top: 0; left: 0; color: #da785e;}
div.content .search-list-body .data-pack .data {display: block;}

div.content .search-list-body .data-button {margin-right:15px;}
div.content .search-list-body .data-button a {display: block; margin: 0; margin-top: 4px; padding: 3px 5px; font-size: 13px;}
div.content .search-list-body .data-button a:first-child {margin-top: 0;}


#mask {  
  position:absolute;  
  left:0;
  top:0;
  z-index:9000;  
  background-color:#FFFFFF;filter:alpha(opacity=100); opacity:1; -moz-opacity:1;  
  display:none;  
  margin-top: 83px;
}


/* 2018-08-20 */

table.basic.alt.bd-vert th,
table.basic.alt.bd-vert td {border-left: solid 1px #c7cdd7; border-right: solid 1px #c7cdd7;}
table.basic.alt.bg-mild th {background: #676b7a;}

ul.tab.alt {border-bottom: 0;}
ul.tab.alt li {border: solid 1px #fff; border-top-width: 3px; border-bottom-color: #c7cdd7; color: #1c2238;}
ul.tab.alt li:hover,
ul.tab.alt li:focus,
ul.tab.alt li.on {border-top-color: #3872dc; border-bottom-color: #fff; border-left-color: #c7cdd7; border-right-color: #c7cdd7; background: none; color: #1c2238;}
ul.tab.alt li.on + li {border-left: 0 !important;}

.box-search2-option dd img {margin-left: 5px;}
.box-search2-option dd img:first-child {margin-left: 0;}

.select4 {padding-right: 20px!important;}

.nowrap {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#media-1279 {
	display:none;
	height: 0px;
	overflow: hidden;
}

#loding {
    position: absolute;
    width: 30px;
    height: 30px;
    margin: -0px 0 0 -75px;
    top: 50%;
    left: 50%;
    z-index: 999999999;
}


section.basic.double > * {width: 468px;}

.double:after {content: ""; display: block; clear: both;}
.double > * {float: left;}
.double > .right {float: right;}

section.basic.triple > * {width: 310px;}

/* Shortcut : Float */

.triple:after {content: ""; display: block; clear: both;}
.triple > * {float: left;}
.triple > .center {}
.triple > .right {float: right;}

section.basic.four > * {width: 235px;}

/* Shortcut : Float */

.four:after {content: ""; display: block; clear: both;}
.four > * {float: left;}

table.basic.sm {border: 0;}
table.basic.sm th,
table.basic.sm td {border: 0; padding : 3px 5px}