@charset "utf-8";


a {display: inline-block}

/* ============================
    * selct 
    *
    *
===============================*/
/* Hidden select default on ie */
select {-moz-appearance: none; -webkit-appearance: none; background: url(../../common/images/dropdown-icon.png) no-repeat 97% 18px;}
select::-ms-expand{display: none;}


/* ============================
    * btn
    *
    *
===============================*/
/* btn default */
.btn {border: 0; padding:12px 40px; font-size: 0.9333rem; border-radius: 0; border-width: 1px; border-style: solid;}

/*btn-round*/
.btn-round, 
.btn-round.disabled, 
.btn-round[disabled],
.btn-round,
.btn-round:link,
.btn-round:visited{position: relative; background: transparent;  border-color: #ffffff; color: #ffffff ; z-index: 0; overflow: hidden; border-radius: 33px;}
.btn-round:hover:after,
.btn-round:focus:after,
.btn-round:active:after{background:#2043c6;border-color:#2043c6; color: #fff; width:100%;}
.btn-round:not(:disabled):not(.disabled):active {background-color: #3f60dd;  border-color: #3f60dd; color: #fff;}



/*btn-square*/
.btn-square, 
.btn-square.disabled, 
.btn-square[disabled],
.btn-square,
.btn-square:link,
.btn-square:visited{position: relative; background: transparent;  border-color: #ffffff; color: #ffffff ; z-index: 0; overflow: hidden;font-weight: 300;}
.btn-square:hover:after,
.btn-square:focus:after,
.btn-square:active:after{background:#2043c6;border-color:#2043c6; color: #fff; width:100%;}
.btn-square:not(:disabled):not(.disabled):active {background-color: #3f60dd;  border-color: #3f60dd; color: #fff;}


/*btn-blue*/
.btn-blue, 
.btn-blue.disabled, 
.btn-blue[disabled],
.btn-blue,
.btn-blue:link,
.btn-blue:visited{    position: relative; background: #2f396e; border-color: #ffffff; color: #fff;  z-index: 0;  overflow: hidden;}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active{background:#4453a0;border-color:#ffffff; color: #fff; }
.btn-blue:not(:disabled):not(.disabled):active {background-color: #4453a0;  border-color: #ffffff; color: #fff;}





@media(max-width:780px) {
select {background: url(../../common/images/dropdown-icon.png) no-repeat 99.5% 18px;}
.btn {padding: 9px 15px;}
}



/* ============================
    * table
    *
    *
===============================*/
/*basic table > display table, table-cell도 같이 포함되어있음*/
table caption{position:relative;height:0;font-size:0;line-height:0;}
.tbl-basic{width:100%;border-top:2px solid transparent;border-bottom:1px solid #5b5b5b;border-top-color:#333333;}
.tbl-basic th,.tbl-basic td,
.tbl-basic .t-cont li{padding: 22px 0;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl-basic th:first-child,.tbl-basic td:first-child {border-left:none;}
.tbl-basic tbody th,.tbl-basic thead th {vertical-align:middle;}
.tbl-basic thead th,
.tbl-basic .t-cont li{color:#222;}
.tbl-basic th,.tbl-basic td,
.tbl-basic .t-cont li {border-bottom-color: #e7e7e7;}
.tbl-basic th,
.tbl-basic .t-head li{background-color:#f5f6f7;}
.tbl-basic .t-cont {display: table; width: 100%;}
.tbl-basic .t-cont li {display: table-cell; text-align: center; font-size: 1.125rem;}



@media(max-width:780px) {
    /*basic table*/
    .tbl-basic th, .tbl-basic td {display: inline-block;margin: 0 0 0 10px; padding: 0; border: none; overflow: hidden; vertical-align: top; word-break: keep-all;}
    .tbl-basic .t-cont {width: 100%;}
}


/* ============================
    * 폰트
    *
    *u
===============================*/
.mont {line-height: 1;  font-family: 'Noto Sans Korean';text-align: center; color: #222222;}
.mont.tit {font-size: 3.125rem; font-weight: 900;}

@media(max-width: 10240px) {
    .mont.tit {font-size: 2.8rem;}
}

@media(max-width: 780px) {
    .mont.tit {font-size: 2.25rem;}
}



/* ============================
    * list
    *
    *
===============================*/
.graydot li {position: relative;padding-left: 16px;}
.graydot li:after {content: "";display: block;width: 5px; height: 5px;background: #9499a2;position: absolute;top: 15px; left: 0;border-radius: 600px; }
.graydot.type1 li:after  {width: 3px; height: 3px; background: #6d6e71;}
.graydot.type2 li:after  {width: 3px; height: 3px; background: #fff;}
.graydot.type3 li  {font-size: 1.15rem; font-weight: 300;line-height: 1.9rem;}
.graydot.type3 li ul li {font-size: 1rem !important;  }

/* graytxt-list */
.graytxt-list { color: #333333; margin-top: 5px;}
.graytxt-list li {position: relative;padding-left: 12px;}
.graytxt-list li:after{content: ""; display: block;width: 3px;height: 3px;background: #b4b4b4;position: absolute;top: 12px;border-radius: 600px;left: 0;}

@media only screen and (max-width: 780px){
 .graydot li:after {top: 10px;}
}

/* ============================
    * .tab
    *
    *
===============================*/
.tab{margin: 0 auto; padding-bottom: 35px;text-align: center;}
.tab:after{content: ""; display: block; clear: both;}
.tab .tab-link {height: 47px; float: left;margin-left: -1px;border: 1px solid #ddd;}
.tab .tab-link > a {height: 47px;  display: table;  width: 100%;}
.tab li.active {background: linear-gradient(90deg, rgba(159,33,141,1) 0%, rgba(94,57,151,1) 35%, rgba(78,63,153,1) 100%); color: #fff;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585ad6', endColorstr='#2546d0', GradientType=1 );}
.tab li.active a {color: #fff; }
.tab .tab-link span {display: table-cell; vertical-align: middle; text-align: center;}
.tab-cont{display: none;}
.tab-cont.active{display: inherit;}

@media(max-width: 1024px) {
	.tab .tab-link {border:0;}
}

@media(max-width: 780px) {
	.tab .tab-link > a {border-radius: 0; height: 41px;}
	.graytxt-list li{font-size: 0.9rem;}
}

@media(max-width: 780px) {
.graydot.type3  li  {font-size: 1.1rem;}
}

/* ============================
    * fontawesome/xicon 
    *
    *
===============================*/
/*위치 정렬 > 아이콘 오른쪽 */
span.right-ico {position: relative; padding-right: 28px;}
span.right-ico i {position: absolute;right: 0; top: 0; font-size: 1.4rem;}

/* ============================
    * animation
    *
    *
===============================*/
/*rotate*/
.rotate-90 {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.rotate-90:hover {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

/*fadeinup*/
/*.fadeInUp {  -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}*/
@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
  100% {opacity: 1; -webkit-transform: none; transform: none}
}
@keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
  100% { opacity: 1;-webkit-transform: none; -ms-transform: none;transform: none}
}

/*fadeinleft*/
/*.fadeinleft {-webkit-animation-name: fadeInLeft;-moz-animation-name: fadeInLeft;-o-animation-name: fadeInLeft; animation-name: fadeInLeft;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-duration: 1s;-moz-animation-duration: 1s; -o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-duration:1s;animation-delay: 1s;}*/
@-webkit-keyframes fadeInLeft {
    from { opacity:0;-webkit-transform: translatex(-10px);-moz-transform: translatex(-10px);-o-transform: translatex(-10px);transform: translatex(-10px);}
    to { opacity:1;-webkit-transform: translatex(0); -moz-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0);}
}
@-moz-keyframes fadeInLeft {
    from {opacity:0;-webkit-transform: translatex(-10px);-moz-transform: translatex(-10px);-o-transform: translatex(-10px);transform: translatex(-10px);
    }
    to { opacity:1; -webkit-transform: translatex(0);-moz-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0); }
}
@keyframes fadeInLeft {
    from {opacity:0;-webkit-transform: translatex(-100px);-moz-transform: translatex(-100px); -o-transform: translatex(-100px);transform: translatex(-100px);}
    to {opacity:1; -webkit-transform: translatex(0);-moz-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0);}
}

/* scale */
@keyframes scaleAnim {
  from {transform: scale(1.2) rotate(.001deg) translate(0px);}
  to {transform: scale(1) rotate(.001deg) translate(0px);}
}
@-webkit-keyframes scaleAnim {
  from { -webkit-transform: scale(1.2) rotate(.001deg) translate(0px);}
  to {-webkit-transform: scale(1) rotate(.001deg) translate(0px);}
}

/* rampUp 텍스트 등장   */
@keyframes rampUp {
  0% {transform: translate3d(0%, 100%, 0); opacity: 0;}
  100% { transform: translate3d(0, 0, 0);}
}