@charset "UTF-8"; /* @CHARSET "UTF-8";를 @charset "UTF-8";로 변경 */


/*selectbox*/
.footer .selectBoxWrap{float: right; margin-top: -10px;}
.footer .sbHolder{position:relative;display:block; width:135px; height:30px; line-height: 30px;  background:url('../img/bg_fSelectbox.png') no-repeat 0 0; border: 0 none; font-size:12px; z-index:1000}


.footer .sbHolder:focus,
.footer .sbSelector{}
.footer .sbSelector{display:block; width:135px; height:30px; left:0; line-height:30px; outline:none; overflow:hidden; position:absolute; text-indent:5px; top:0;}
.footer .sbSelector:link, 
.footer .sbSelector:visited, 
.footer .sbSelector:hover {color:#666; outline:none; text-decoration:none;}

.footer .sbToggle{position:absolute; right:0; top:0; display:block; width:20px; height:30px; background:url('../img/bg_arrow_down.png') no-repeat 0 center; outline:none; z-index:100000000001}
.footer .sbToggleOpen {background:url('../img/bg_arrow_up.png') no-repeat 0 center;}
.footer .sbToggleOpen:hover {background:url('../img/bg_arrow_up.png') no-repeat 0 center;}

.footer .sbHolderDisabled{background-color:#3C3C3C; border:solid 1px #caced1;}
.footer .sbHolderDisabled .sbHolder{}
.footer .sbHolderDisabled .sbToggle{}

.footer .sbOptions{position:absolute; width:133px; margin:0;  top:30px;  padding:0 0 5px 0;  background-color:#fff; border:solid 1px #caced1; list-style:none;z-index:1; overflow-y:auto;}
.footer .sbOptions li{height:20px; line-height:20px; padding:0 5px; margin:0;}
.footer .sbOptions a{display:block; padding:2px 0 0 0; line-height:18px; color:#666; font-size:11px}
.footer .sbOptions a:link,
.footer .sbOptions a:visited {color:#666; text-decoration:none;}
.footer .sbOptions a:hover,
.footer .sbOptions a:focus,
.footer .sbOptions a.sbFocus{color:#000;}
.footer .sbOptions li.last a{border-bottom:none;}
.footer .sbOptions .sbDisabled{display:block; padding:2px 0 0 6px; line-height:18px; color:#000;}
.footer .sbOptions .sbGroup {display:block; padding:2px 0 0 6px; line-height:18px; color:#666;}
.footer .sbOptions .sbSub{padding-left:0;}




.sbHolder {position: relative; display: block; width: 100%;height: 24px; line-height: 24px; background: #fff; border: 1px solid #ccc; color: #737373; font-size: 14px; box-sizing: border-box;  }

.sbSelector{display:block;  width:100%; height:24px; left:0; line-height:24px; outline:none; overflow:hidden; position:absolute; text-indent:5px; top:0;}
.sbSelector:link, 
.sbSelector:visited, 
.sbSelector:hover {color:#737373; outline:none; text-decoration:none;}

.sbToggle{position:absolute; right:0; top:0; display:block; width:20px; height:23px; background:url('../img/bg_arrow_down2.png') no-repeat center center; border-left: 1px solid #ccc; outline:none; z-index:1}
.sbToggleOpen {background:url('../img/bg_arrow_up2.png') no-repeat center center;}
.sbToggleOpen:hover {background:url('../img/bg_arrow_up2.png') no-repeat center center;}


.sbHolderDisabled{background-color:#3C3C3C; border:solid 1px #caced1;}

.sbOptions{position:absolute; width:100%; margin:0;  top:31px;  margin-left: -1px ; margin-top: -2px; padding:0 0 5px 0;  background-color:#fff; border:solid 1px #caced1; list-style:none;z-index:80; overflow-y:auto;}
.sbOptions li{height:23px; line-height:23px; padding:0 5px; margin:0;}
.tbl tbody td .sbOptions {margin-left: -1px;}
.tbl tbody td .sbOptions li{list-style: none; background: none;}
.sbOptions a{display:block; padding:2px 0 0 0; line-height:23px; color:#737373; font-size:12px}
.sbOptions a:link,
.sbOptions a:visited {color:#666; text-decoration:none;}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{color:#000;}
.sbOptions li.last a{border-bottom:none;}
.sbOptions .sbDisabled{display:block; padding:2px 0 0 6px; line-height:18px; color:#000;}
.sbOptions .sbGroup {display:block; padding:2px 0 0 6px; line-height:18px; color:#666;}
.sbOptions .sbSub{padding-left:0;}



fieldset.select {margin:0; background: #f8f8f8; border: 1px solid #e5e5e5; }
fieldset.select.size1{padding:18px 162px; }
fieldset.select.size1 .selectBoxWrap{float: left; width: 342px;}
fieldset.select .selectBoxWrap .sbHolder{height: 24px; line-height: 24px; background: #fff; border: 1px solid #ccc ; box-sizing: border-box; }
fieldset.select .selectBoxWrap .sbSelector{ height:24px; left:0; line-height:24px; }
fieldset.select .selectBoxWrap .sbSelector:link, fieldset.select .selectBoxWrap .sbSelector:visited, fieldset.select .selectBoxWrap .sbSelector:hover {color:#3f4141; outline:none; text-decoration:none;}
fieldset.select .selectBoxWrap .sbToggle{position:absolute; right:0; top:0; display:block; width:22px; height:23px; background:url('../img/bg_arrow_down2.png') no-repeat center center; border-left: 1px solid #ccc; outline:none; z-index:20}
fieldset.select .selectBoxWrap .sbToggleOpen {background:url('../img/bg_arrow_up2.png') no-repeat center center;}
fieldset.select .selectBoxWrap .sbToggleOpen:hover {background:url('../img/bg_arrow_up2.png') no-repeat center center;}
fieldset.select  .btn { margin-left: 2px; }



fieldset.select.size2{padding:18px 145px; }
fieldset.select.size2 .selectBoxWrap{float: left; width: 118px; }
fieldset.select.size2 input[type=text]{float: left; width: 380px; height: 24px;  line-height: 24px;  margin-left: 5px; }
fieldset.select.size2 input[type=text].date{float: none; width: 148px;}
fieldset.select.size2 input[type=text].size2{ width: 248px;  }
fieldset.select.size2 .btn {display: block; float: left; margin-left: 5px; }

fieldset.select.size3{padding:18px 15px; }
fieldset.select.size3 .left {float: left; width:  329px; }
fieldset.select.size3 .rg {float: right; width:  340px; }
fieldset.select.size3 .selectBoxWrap{width: 240px; }
fieldset.select.size3 input[type=text]{width: 248px; height: 24px;  line-height: 24px;  }
fieldset.select.size3  > div > div {height: 25px; line-height: 25px; margin: 0; font-size: 14px; color: #272727 }
fieldset.select.size3 .left  label {float: left; width: 80px;font-weight: 700;}
fieldset.select.size3 .rg   label{float: left; width: 64px;  font-weight: 700;}
fieldset.select.size3   label:before {content:''; display: block;float: left; width: 3px; height: 3px; margin-right:5px; margin-top: 10px;  background: #676767}
fieldset.select.size3 > div > div .date{width: 81px; }
fieldset.select.size3 > div > div .date + a {margin-left: 5px; }
fieldset.select.size3 > div > div .date + a img {vertical-align: middle;  }

fieldset.select.size3 > div.rg input[type=text]{width: 211px; }
fieldset.select.size3 > div.rg .btn{vertical-align: top; }


fieldset.select.size4{padding:18px 56px; }
fieldset.select.size4 label {line-height: 23px; font-size: 14px; color: #414141;}
fieldset.select.size4 label img{margin-right: 7px; vertical-align: middle;}
fieldset.select.size4 input[type=text]{height: 23px;  line-height: 23px;  }
fieldset.select.size4 input[type=text].size1 {width: 114px; }
fieldset.select.size4 input[type=text].size2 {width: 228px; }


fieldset.select.size5{padding:18px 170px; }
fieldset.select.size5 label {line-height: 23px; font-size: 14px; color: #414141;}
fieldset.select.size5 label img{margin-right: 7px; vertical-align: middle;}
fieldset.select.size5 input[type=text]{width: 114px; height: 23px;  line-height: 23px;  }

fieldset.select.size6{padding:18px 90px; }
fieldset.select.size6 .selectBoxWrap{width: 130px; }
fieldset.select.size6 input[type=text]{width: 210px; height: 23px;  line-height: 23px;  }


@media all and (max-width:639px) {
	.sbHolder {box-sizing: border-box; }

	fieldset.select.size2 {padding: 10px; }
	fieldset.select.size2 .selectBoxWrap {width: 25%; box-sizing: border-box;  }
	fieldset.select.size2 input[type=text] {width: calc(55% - 5px);  margin-left: 5px;  box-sizing: border-box; }
	fieldset.select.size2 .btn {width: calc(20% - 10px);  }

	fieldset.select.size3 {padding: 10px 10px 60px 10px }
	fieldset.select.size3 .left {float: none; width: auto; }
	fieldset.select.size3 .rg {float: none; width: auto; margin-top: 5px; }
	fieldset.select.size3 .left label , fieldset.select.size3 .rg label {float: left; display: block; width: 80px; font-size: 13px; }
	fieldset.select.size3 .selectBoxWrap {float: none !important; width: auto;  margin-left: 80px; }
	fieldset.select.size3 > div > div .date {width: 75px; }
	fieldset.select.size3 > div > div .date + a{display: inline-block; height: 24px; line-height: 24px;  }
	fieldset.select.size3 > div.rg input[type=text] {float: none; display: block; width: calc(100% - 80px); margin-left: 80px;  }
	fieldset.select.size3 > div.rg .btn {display: block; width: 100%; height: 32px;  line-height: 32px; margin-top: 15px; }

	fieldset.select.size3 + .conTle {margin-top: 20px; }

}


@media all and (min-width:640px) and (max-width: 720px) {
	.sbHolder {box-sizing: border-box; }

	fieldset.select.size2 {padding: 10px; }
	fieldset.select.size2 .selectBoxWrap {width: 25%; box-sizing: border-box;  }
	fieldset.select.size2 input[type=text] {width: calc(55% - 5px);  margin-left: 5px;  box-sizing: border-box; }
	fieldset.select.size2 .btn {width: calc(20% - 10px);  }

	fieldset.select.size3 {padding: 10px 10px 60px 10px }
	fieldset.select.size3 .left {float: none; width: auto; }
	fieldset.select.size3 .rg {float: none; width: auto; margin-top: 5px; }
	fieldset.select.size3 .left label , fieldset.select.size3 .rg label {float: left; display: block; width: 80px; font-size: 13px; }
	fieldset.select.size3 .selectBoxWrap {float: none !important; width: auto;  margin-left: 80px; }
	fieldset.select.size3 > div > div .date {width: 75px; }
	fieldset.select.size3 > div > div .date + a{display: inline-block; height: 24px; line-height: 24px;  }
	fieldset.select.size3 > div.rg input[type=text] {float: none; display: block; width: calc(100% - 80px); margin-left: 80px;  }
	fieldset.select.size3 > div.rg .btn {display: block; width: 100%; height: 32px;  line-height: 32px; margin-top: 15px; }

	fieldset.select.size3 + .conTle {margin-top: 20px; }

}

@media all and (min-width:721px) and (max-width: 840px) {

	.sbHolder {box-sizing: border-box; }

	fieldset.select.size2 {padding: 10px; }
	fieldset.select.size2 .selectBoxWrap {width: 25%; box-sizing: border-box;  }
	fieldset.select.size2 input[type=text] {width: calc(55% - 5px);  margin-left: 5px;  box-sizing: border-box; }
	fieldset.select.size2 .btn {width: calc(20% - 10px);  }

	fieldset.select.size3 {padding: 10px 10px 60px 10px }
	fieldset.select.size3 .left {float: none; width: auto; }
	fieldset.select.size3 .rg {float: none; width: auto; margin-top: 5px; }
	fieldset.select.size3 .left label , fieldset.select.size3 .rg label {float: left; display: block; width: 80px; font-size: 13px; }
	fieldset.select.size3 .selectBoxWrap {float: none !important; width: auto;  margin-left: 80px; }
	fieldset.select.size3 > div > div .date {width: 75px; }
	fieldset.select.size3 > div > div .date + a{display: inline-block; height: 24px; line-height: 24px;  }
	fieldset.select.size3 > div.rg input[type=text] {float: none; display: block; width: calc(100% - 80px); margin-left: 80px;  }
	fieldset.select.size3 > div.rg .btn {display: block; width: 100%; height: 32px;  line-height: 32px; margin-top: 15px; }

	fieldset.select.size3 + .conTle {margin-top: 20px; }
}

@media all and (min-width:841px) and (max-width: 1099px) {
	.sbHolder {box-sizing: border-box; }

	fieldset.select.size2 {padding: 10px 30px; }
	fieldset.select.size2 .selectBoxWrap {width: 25%; box-sizing: border-box;  }
	fieldset.select.size2 input[type=text] {width: calc(55% - 5px);  margin-left: 5px;  box-sizing: border-box; }
	fieldset.select.size2 .btn {width: calc(20% - 10px);  }
	
}