

.clearfix:after{
  clear: both;
  content:"";
  display:block;
}

.container{
	width:100%;
	margin:0 auto;
}


.imgBorder{border:1px solid #bbb;}

.underline-none,
.underline-none:hover,
.underline-none:active,
.underline-none:focus{text-decoration:none}

/*留먯쨪��*/

.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	white-space: nowrap;
}
.ellipsis.line2{
	-webkit-line-clamp: 2; /* �쇱씤�� */
	height:55px;
}


.animate02{
	transition:all 0.2s ease !important;
	-moz-transition:all 0.2s ease !important;
	-webkit-transition:all 0.2s ease !important;
	-o-transition:all 0.2s ease !important;
}
.animate03{
	transition:all 0.3s ease !important;
	-moz-transition:all 0.3s ease !important;
	-webkit-transition:all 0.3s ease !important;
	-o-transition:all 0.3s ease !important;
}
.animate04{
	transition:all 0.4s ease !important;
	-moz-transition:all 0.4s ease !important;
	-webkit-transition:all 0.4s ease !important;
	-o-transition:all 0.4s ease !important;
}
.animate1{
	transition:all 1s ease !important;
	-moz-transition:all 1s ease !important;
	-webkit-transition:all 1s ease !important;
	-o-transition:all 1s ease !important;
}


.fcBlue {color:#095aba !important;}
.fcBlue2{color:#25abe9 !important;}
.fcBlue3{color:#1a2a53 !important;}
.fcBlue4{color:#05499b !important;}
.fcRed {color:#ed2024 !important;}
.fcGreen {color:#33611e !important;}
.fcGreen2 { color:#39b145 !important;}
.fcOrange {color:#f78d1b !important;}
.fcBrown {color:#896744 !important;}
.fcBlack {color:#000 !important;}
.fcWhite {color:#fff !important;}
.fcGrayA {color:#aaa !important;}
.fcGray9 {color:#999 !important;}
.fcGray8 {color:#888 !important;}
.fcGray7 {color:#777 !important;}
.fcGray6 {color:#666 !important;}
.fcGray5 {color:#555 !important;}
.fcGray4 {color:#444 !important;}
.fcGray3 {color:#333 !important;}
.fcGray2 {color:#222 !important;}

.fwBold{font-weight:bold !important;}
.fwNormal{font-weight:normal !important;}
.fw200{font-weight:200 !important;}
.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.fw800{font-weight:800 !important;}

.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs26{font-size:26px !important;}
.fs28{font-size:28px !important;}
.fs30{font-size:30px !important;}
.fs32{font-size:32px !important;}
.fs33{font-size:33px !important;}
.fs34{font-size:34px !important;}
.fs36{font-size:36px !important;}
.fs38{font-size:38px !important;}
.fs40{font-size:40px !important;}
.fs42{font-size:42px !important;}
.fs44{font-size:44px !important;}
.fs46{font-size:46px !important;}
.fs48{font-size:48px !important;}
.fs50{font-size:50px !important;}
.fs52{font-size:52px !important;}
.fs54{font-size:54px !important;}
.fs56{font-size:56px !important;}
.fs58{font-size:58px !important;}
.fs60{font-size:60px !important;}
.fs62{font-size:62px !important;}

/*line height*/
.lineH12{line-height:1.2 !important;}
.lineH13{line-height:1.3 !important;}
.lineH14{line-height:1.4 !important;}
.lineH15{line-height:1.5 !important;}
.lineH16{line-height:1.6 !important;}
.lineH17{line-height:1.7 !important;}
.lineH18{line-height:1.8 !important;}
.lineH19{line-height:1.9 !important;}
.lineH20{line-height:2.0 !important;}
.lineH22{line-height:2.2 !important;}
.lineH24{line-height:2.4 !important;}
.lineH26{line-height:2.6 !important;}
.lineH28{line-height:2.8 !important;}
.lineH30{line-height:3.0 !important;}
.lineH32{line-height:3.2 !important;}
.lineH34{line-height:3.4 !important;}
.lineH36{line-height:3.6 !important;}
.lineH38{line-height:3.8 !important;}
.lineH40{line-height:4.0 !important;}


/* margin */
.mt0 {margin-top:0px !important;}
.mt05 {margin-top:5px !important;}
.mt08 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}

.mb0 {margin-bottom:0px !important;}
.mb03 {margin-bottom:3px !important;}
.mb05 {margin-bottom:5px !important;}
.mb08 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}

.ml05 {margin-left:5px !important;}
.ml08 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}

.mr0 {margin-right:0px !important;}
.mr05 {margin-right:5px !important;}
.mr08 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr80 {margin-right:80px !important;}



/* padding */
.pt0 {padding-top:0px !important;}
.pt05 {padding-top:5px !important;}
.pt08 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}

.pb0 {padding-bottom:0px !important;}
.pb03 {padding-bottom:3px !important;}
.pb05 {padding-bottom:5px !important;}
.pb08 {padding-bottom:8px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}

.pl05 {padding-left:5px !important;}
.pl08 {padding-left:8px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}

.pr0 {padding-right:0px !important;}
.pr05 {padding-right:5px !important;}
.pr08 {padding-right:8px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr80 {padding-right:80px !important;}


/**/
.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w210{width:210px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w270{width:270px !important;}
.w280{width:280px !important;}
.w300{width:300px !important;}
.w320{width:320px !important;}
.w340{width:340px !important;}
.wp100 {width:100% !important;}
.wp90 {width:90% !important;}
.wp80 {width:80% !important;}
.wp70 {width:70% !important;}
.wp60 {width:60% !important;}
.wp50 {width:50% !important;}
.wp40 {width:40% !important;}
.wp33 {width:33.333% !important;}
.wp30 {width:30% !important;}
.wp25 {width:25% !important;}
.wp20 {width:20% !important;}
.wp10 {width:10% !important;}




.hp100{height:100%;}

/**/
.imgSize{width:100%;}

/*display-table*/
.dp-inblock{display:inline-block;}
.dp-block{display:block;}

.dp-table{display:table;}
.dp-table-row{display:table-row}
.dp-table-cell{display:table-cell}
@media(max-width:992px){
	.dp-table.dp-table-sm{display:block; width:100% !important;}
	.dp-table-sm > .dp-table-row{display:block; width:100% !important;}
	.dp-table-sm > .dp-table-cell{display:block; width:100% !important;}
}
@media(max-width:767px){
	.dp-table.dp-table-xs{display:block; width:100% !important;}
	.dp-table-xs > .dp-table-row{display:block; width:100% !important;}
	.dp-table-xs > .dp-table-cell{display:block; width:100% !important;}
}
.dp-table.middle .dp-table-cell{
	vertical-align:middle;
}

.hoverLine-none,
.hoverLine-none:hover,
.hoverLine-none a:hover{
	text-decoration:none !important;
}

/**/
.vertical-middle{
	vertical-align:middle;
}
.vertical-top{
	vertical-align:top;
}
.vertical-bottom{
	vertical-align:bottom;
}
.block-center{margin:0 auto;}
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
@media(max-width:992px){
	.text-center-sm{text-align:center !important}
	.text-left-sm{text-align:left !important}
	.text-right-sm{text-align:right !important}
	.text-center-m{text-align:center !important;}
}

@media(max-width:767px){
	.text-center-xs{text-align:center !important}
	.text-left-xs{text-align:left !important}
	.text-right-xs{text-align:right !important}
}


/*form*/
.form-control.div-textarea {
	min-height:200px;
	overflow-y:scroll;
	padding:10px;
	background:#f9f9f9;
}


.underline{
	border-bottom:1px solid #333;
}

.bdn { border:none!important; }
.bdtn { border-top:none!important; }
.bdrn { border-right:none!important; }
.bdbn { border-bottom:none!important; }
.bdln { border-left:none!important; }

.relative{
	position:relative;
}

.pull-left{
	float:left;
}
.pull-right{
	float:right;
}


/**/
.btn{
	font-size:13px;
	padding: 6px 6px;
	display:inline-block;
	font-weight:300;
	text-align:center;
}
.btn.btn-sm{
	font-size:12px;
	padding:5px 8px;
	display:inline-block;
	font-weight:300;
	text-align:center
}
.btn.btn-black-o{
	border:1px solid #444;
	color:#444;
	background:#fff;
}
.btn.btn-white-o{
	border:1px solid #9098ad;
	color:#fff;
}
.btn.btn-gray{
	border:1px solid #5e5e5c;
	color:#fff;
	background:#5e5e5c;
}
.btn.btn-blue{
	border:1px solid #095aba;
	color:#fff;
	background:#095aba;
}
.btn.btn-blue2{
	border:1px solid #1a2a53;
	color:#fff;
	background:#1a2a53;
}
.btn.btn-blue-o{
	border:1px solid #095aba;
	color:#095aba;
	background:#fff;
}
.btn.btn-gray-o{
	border:1px solid #a5a5a5;
	color:#444;
	background:#fff;
}
.btn.buttonBtn{
	font-size:16px;
	padding:5px 12px 11px;
	display:inline-block;
	font-weight:300;
	text-align:center
}
.btn.link{
	display:inline-block;
	padding: 10px 35px 10px 10px;
	background:#095aba url(../../img/mobile/icon/icon_link.png) 93% 50% no-repeat;
	border:1px solid #095aba;
	color:#fff;
	text-align:left;
}
.btn.blank{
	display:inline-block;
	padding:10px 35px 10px 10px;
	background:#737d93 url(../../img/mobile/icon/icon_blank.png) 93% 50% no-repeat; 
	border:1px solid #737d93;
	color:#fff;
	text-align:left;
}
.btn.down{
	display:inline-block;
	padding:10px 35px 10px 10px;
	background:#095aba url(../../img/mobile/icon/icon_down.png) 90% 50% no-repeat; 
	color:#fff;
	text-align:left;
}


.imgGray{
	-webkit-filter: grayscale(100%) !important;
	filter: gray !important;
}

.form-control {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control.input-sm{
	padding:3px 5px;
	height:34px;
	font-size: 1em;
}


@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}


.animate02{
	transition:all 0.2s ease !important;
	-moz-transition:all 0.2s ease !important;
	-webkit-transition:all 0.2s ease !important;
	-o-transition:all 0.2s ease !important;
}
.animate03{
	transition:all 0.3s ease !important;
	-moz-transition:all 0.3s ease !important;
	-webkit-transition:all 0.3s ease !important;
	-o-transition:all 0.3s ease !important;
}
.animate04{
	transition:all 0.4s ease !important;
	-moz-transition:all 0.4s ease !important;
	-webkit-transition:all 0.4s ease !important;
	-o-transition:all 0.4s ease !important;
}
.animate1{
	transition:all 1s ease !important;
	-moz-transition:all 1s ease !important;
	-webkit-transition:all 1s ease !important;
	-o-transition:all 1s ease !important;
}

/*모달팝업*/

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal .close {
	background:#05499b;
	color:#fff;
	border:0;
	font-size:13px;
	position:absolute;
	padding:0px 12px;
	height:26px;
	right:0;
	top:-26px;

}
.modal-body {
	position: relative;
	padding:50px;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.modal-dialog {
	width: 840px;
	margin: 30px auto;
}
.modal-dialog.modal-xs{
	width:540px;
}
.modal-dialog.modal-sm{
	width:640px;
}
.modal-dialog.modal-md{
	width:960px;
}
.modal-dialog.modal-lg{
	width:1140px;
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}