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

/* 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;}
.wd99 {width: 99% !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-bm50 {margin-bottom: -50px !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;}
.pd0 {padding: 0px !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-line.i6 {width:43%; margin-right:10px;}


.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;}

#paginator1 span {min-width: 40px; line-height: 14px;font-size: 14px;}
#paginator2 span {min-width: 40px; line-height: 14px;font-size: 14px;}
#paginator3 span {min-width: 40px; line-height: 14px;font-size: 14px;}
#paginator4 span {min-width: 40px; line-height: 14px;font-size: 14px;}
#paginator5 span {min-width: 40px; line-height: 14px;font-size: 14px;}
#paginator6 span {min-width: 40px; line-height: 14px;font-size: 14px;}


/*==================================
 테이블 scroll
===================================*/
/* 1. list 테이블 */
table.list-tb-sc			{width:100%; color: black;border-collapse:collapse; border-top-style:none; border-bottom:none; border-right:none;}
table.list-tb-sc caption	{display:none; left:-99999999in;}
table.list-tb-sc thead		{display:inherit; width:100%;}
table.list-tb-sc tbody		{display:inline-block; width:100%;}
table.list-tb-sc th		{padding : 3px 3px 3px 3px;  border: solid 1px #D4D4D4;}
table.list-tb-sc td		{padding : 3px 3px 3px 3px; border: solid 1px #D4D4D4;}

#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;}

table.basic.rtms.bd-vert tr:first-child {border-top: solid 1px #c7cdd7; }
table.basic.rtms.bd-vert tr:last-child {border-bottom: solid 1px #c7cdd7; }
table.basic.rtms.bd-vert th,
table.basic.rtms.bd-vert td {border-left: solid 1px #c7cdd7; border-right: solid 1px #c7cdd7;}
table.basic.rtms.bd-vert th	{background: #e8ebf0; font-weight: 400; color: #1c2238;}


    
    
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;}

.iframe > div.new_iframe{z-index: 9999999999999; cursor: pointer;}

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

#loding {
    position: absolute;
    width: 30px;
    height: 30px;
    margin: -0px 0 0 -75px;
    top: 400px;
    left: 56%;
    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 {float: 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}

@media screen and (max-width: 899px) {
	#media-1279 {display: block;}
	
	.box-search-line.i1 {width: 100%;}

	.box-search-line.i3 select {width: 193px;}
	.box-search-line.i3 select:first-child {width: 194px;}

	.box-search-line.i4 {width: 100%;}
	.box-search-line.i4 select {width: 295px;}
	.box-search-line.i5 {width: 100%; border-left:none; margin-left: 0px; padding-left: 0px;}
	.box-search-line.i5 select {width: 142.5px;}
	.box-search-line.i5 select.first {width: 295px;}
	.box-search-line.i5 select.sm {width: 137.5px;}
	.box-search-line.i5 input.basic.search {width: 137.5px; margin-left: 10px;}
	.box-search-line.i5 input.basic.search.v-s{width: 137.5px; margin-left: 10px;}
	.box-search-line.i5 input.basic.search.lrg{width:100%; margin-left: 0px;}
	.box-search-line.i5 .hyphen {margin-left: 5px; margin-right: -5px}

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

	.box-search input[type="button"] {position: static; width: 100%; height: 50px; margin-top: 10px; font-size: 20px;}
	
	.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: 24px; font-weight: 500; color: #3262b9;}
	.title-v-s-only-text {padding-left: 10px; line-height: 1.2; font-size: 22px; font-weight: 500; color: #3262b9;}
	
	.crownix-viewer {width: 670px !important;}
	
	.search-mg-l5 {margin-left: 5px !important;}
	
	.mb-mg-l40{margin-left: 40px !important;}
	.mb-mg-l0{margin-left: 0px !important;}
	.mb-mg-t5{margin-top: 5px !important;}
	.mb-mg-t10{margin-top: 10px !important;}
	.mb-wd-71{width: 71.5% !important;}
	.mb-wd-85{width: 85% !important;}
	.mb-wd-96{width: 96.5% !important;}
	.mb-wd-100{width: 100% !important;}
	
	.bm-on-div{width: 100% !important;}
	.bm-on {width: 96% !important; margin-left: 25px;}
	
	#loding {
	    position: absolute;
	    width: 23px;
	    height: 23px;
	    margin: -20px 0 0 -15px;
	    top: 700px;
	    left: 52%;
	    z-index: 999999999;
	}
	
/* 	section.basic.double > * {float: none; width: auto;} */
		
/* 	section.basic.triple > * {float: none; width: auto;} */
/* 	section.basic.triple > .center{margin-top: 1.88em;} */
/* 	section.basic.triple > .right {margin-top: 1.88em;} */
	
/* 	section.basic.four > * {float: none; width: auto; margin-bottom: 1.88em;} */
	
	#paginator1 span {min-width: 40px; line-height: 14px;font-size: 14px;}
	#paginator2 span {min-width: 40px; line-height: 14px;font-size: 14px;}
	#paginator3 span {min-width: 40px; line-height: 14px;font-size: 14px;}
	#paginator4 span {min-width: 40px; line-height: 14px;font-size: 14px;}
	#paginator5 span {min-width: 40px; line-height: 14px;font-size: 14px;}
	#paginator6 span {min-width: 40px; line-height: 14px;font-size: 14px;}
}

/* Shortcut : Float */

.floatx:after {content: ""; display: block; clear: both;}

.floatx > * {float: left;}
.floatx > .right {float: right;}

section.basic.floatx > * {width: 50%;}
@media screen and (max-width: 899px) {
	section.basic.floatx > * {float: none; width: auto;}
	section.basic.floatx > .right {margin-top: 1.88em;}
}