@charset "utf-8";
.btnNormal, .btnNormal span, .btnBBig, .btnBBig span, .btnTiny, .btnTiny span, .btnTinys, .btnTinys span,  .btnBig, .btnBig span, .btnCtrl, .btnCtrl span, .btnDate, .btnDate span, .btnGeneral, .btnGeneral span, .btnStrong, .btnStrong span, .btnNormalB, .btnNormalB span, .btnNormalS, .btnNormalS span, .btnSubmit, .btnSubmit span, .btnEm, .btnEm span, .btnSearch, .btnSearch span, .btnSmall, .btnSmall span {
    display:inline-block;
    position:relative;
    text-decoration:none;
    vertical-align:middle;
    white-space:nowrap;
	
	color:#fff;
	zoom:1;
	*display:inline;
	cursor:pointer;
}
.btnNormal span, .btnCtrl span, .btnDate span, .btnGeneral span, .btnStrong span, .btnSubmit span, .btnEm span, .btnSearch span {
    cursor:pointer;
    vertical-align:top;
}
a.radius {border-radius:60px; }
a em {display:inline-block; height:11px; vertical-align:middle; line-height:0; padding:0; zoom:1; *display:inline;}
a.btnStrong, a.btnSubmit {color:#fff; font-size:17px; }
button {padding:0px; border:none; cursor:pointer;}
button {background:none; font-size: 1em; font-family:'Pretendard', 'Noto Sans KR', sans-serif; }
.btn_zone {padding:38px;}
a.arrow:after {content:''; width:10px; height:10px; border-top:4px solid #fff; border-right:4px solid #fff; border-radius:4px; display:inline-block; transform:rotate(45deg); margin-left:14px; margin-top: -4px;}


.btnSmall, a.btnSmall {background:#666666; display:inline-flex; justify-content:center; align-items:center; height:35px; line-height:130%; color:#fff !important; background:#004998; width:100%; max-width:105px;}


.btnTinys {background:#ececec; font-size:12px;}
.btnTinys span {padding:0px 17px ; height:25px; line-height:24px; border:1px solid #d0d0d0; color:#646464;}
.btnTinys.gray {background:#5f6062;}
.btnTinys.line {background:#fff;}
.btnTinys.p_line {background:#fff; }
.btnTinys.p_line span {color:#8264b3; border:1px solid #8264b3;}

.btnTiny {background:#fff; border-bottom:1px solid #e9e9e9; font-size:13px;}
.btnTiny span {padding:0px 10px 0px 10px; text-align:center; border:1px solid #cccccc; color:#333; height:24px; line-height:24px;}
.btnTiny span.red {color:#e20e20;}
.btnTiny em.icoArrow {background:url(../img/common/arrow_s.png) no-repeat left center; vertical-align:top; margin:0 0 0 10px; width:4px; height:21px;}
.btnTiny em.down {background:url(../img/common/ico_down.png) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny em.down4 {background:url(../img/common/ico_down4.png) no-repeat left center; vertical-align:top; margin:1px 10px 0 0px; width:22px; height:21px;}
.btnTiny em.del {background:url(../img/common/ico_del.png) no-repeat left center; vertical-align:top; margin:0 10px 0 0px; width:10px; height:21px;}
.btnTiny.gray {background:#777777;}
.btnTiny.gray span {border:1px solid #777777; color:#333; color:#fff;}

a.btnDown {display:inline-flex; padding: 0px 30px; height:60px; line-height:120%; justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#f38c01; text-align:center; font-size:17px; border-radius:10px; font-weight:400; }
.btnDown:after {display:block; content:""; width:40px; height:40px; line-height:40px; background:url(../img/common/ico_down.png) no-repeat right center;}

a.btnNormal, .btnNormal {display:inline-flex; width: 100%; height:46px; line-height:1.2em; justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#34c184; letter-spacing:-1px; text-align:center; border:1px solid #34c184; font-weight:500; padding: 0px 2%; border-radius:4px; }
a.btnNormal.cancel, .btnNormal.cancel {background:#353736; border-color:#353736; color:#fff;}
a.btnNormal.cancel2, .btnNormal.cancel2 {background:#fff;border-color:#353736;  color:#000;}



a.btnNormalB, .btnNormalB {display:inline-flex; width:100%; height:55px; justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#34c184; text-align:center; border:1px solid #34c184; border-radius:6px; font-size:18px; font-weight:500; }
a.btnNormalB.cancel, .btnNormalB.cancel {background:#353736; color:#fff; border-color:#353736;}
a.btnNormalB.cancel2, .btnNormalB.cancel2 {background:#fff; color:#000; border-color:#353736;}



a.btnStrong, .btnStrong {line-height:1.8em; display:inline-flex; width:100%; height:70px; border-radius:6px;  justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#3fba5d; text-align:center; border:1px solid #3fba5d; font-size:20px; font-weight:600; }
a.btnStrong.cancel, .btnStrong.cancel {background:#fff; color:#303030; border-color:#ccc}
.btnStrong img {max-height: 90%}


.btnEm {background:#ececec;}
.btnEm span {padding:0px 15px 0px 15px; height:32px; line-height:29px; font-size:14px; font-family:nGothicB;}
.btnEm.line {border:1px solid #d0d0d0;}
.btnEm.line span {color:#646464; height:30px;}



a.btnGeneral {display:inline-flex; min-width:270px; height:80px; justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#ff7d7e; border-radius:4px;  letter-spacing:-1px; color:#fff; text-align:center; font-size:24px; font-weight:400; padding:0px 4vw; padding-top: 3px; }
a.btnGeneral > strong {font-weight:700;}
a.btnGeneral.one {padding:0px 7vw}


.btnGeneral.cor2 {background:#3ba1eb }
.btnGeneral span {padding:0px 25px; height:70px; line-height:68px;}
.btnGeneral.cancel {background:#fff; border:1px solid #042f67; color:#042f67;}
.btnGeneral.cancel span {color:#042f67; height:68px; line-height:66px; }
.btnGeneral.red.cancel {border:1px solid #0c91dd; color:#0c91dd;}
.btnGeneral.red.cancel span {color:#0c91dd; height:68px; line-height:66px; }
.btnGeneral.gray{background:#313747; border:1px solid #313747; color:#fff;}
.btnGeneral.gray span {color:#fff; height:68px; line-height:66px; }
.btnGeneral.next span {padding:0px 65px 0px 45px;}
.btnGeneral.next:before {display:block; content:""; width:40px; height:40px; background:#fff; border-radius:100%; position:absolute; right:10px; top:50%; margin-top:-20px;}
.btnGeneral.next:after {display:block; content:""; color:#000; width:40px; height:40px; line-height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; background:url(../img/common/btn_arrow.png) no-repeat left center;}
.btnGeneral.down:after {display:block; content:""; color:#000; width:40px; height:40px; line-height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; background:url(../img/common/ico_down.png) no-repeat center center;}
.btnGeneral.down span {padding-right:45px;}
a.btnBig {display:inline-flex; width:100%; max-width:380px; height:90px; justify-content:center; align-items:center; color:#fff; box-sizing:border-box; background:#6767c6; letter-spacing:-1px; color:#fff; text-align:center; border-radius:4px; font-size:26px; font-weight:400; }
.btnBig.arrow:after {display:block; content:""; width:33px; height:8px; background:url(../img/guide/arrow3.png) no-repeat left top; position:absolute; left:80%; top:50%; margin-top:-4px;}
.btnBBig {min-width:400px; background:#0570be; color:#fff; text-align:center; font-size:32px; line-height:100px; padding:0px;}
.btnBBig.arrow:after {display:block; content:""; width:33px; height:8px; background:url(../img/guide/arrow3.png) no-repeat left top; position:absolute; left:80%; top:50%; margin-top:-4px;}
a.btnBBig, a.btnBig {color:#fff;}
.btnBig .bg_down {padding-right:50px; background:url(../img/common/ico_down.png) no-repeat right center;}

.down_bt a {display: flex; align-items: center; height: 60px; border: 1px solid #de4449; box-sizing: border-box; padding: 6px 30px 5px 15px; color: #de4449; font-size: 16px; background: url(../img/introduce/ico_down.png) no-repeat calc(100% - 10px); position: relative; transition: all 0.3s 0s ease-in-out; overflow: hidden;}
.down_bt a:hover {color:#fff; background:url(../img/introduce/ico_down2.png) no-repeat calc(100% - 10px) #de4449; }

.bg1 {background:#005e9c !important; border-color:#005e9c !important}

/* 768px 이하 */
@media screen and (max-width:767px) {
    
    a.btnBig {height:70px; font-size:22px;}
    .btnBBig {font-size:24px; min-width:auto; line-height:70px;}
 	
	.btnSmall, a.btnSmall {height:30px; font-size:15px;}
	
	 a.btnStrong {height:60px;}
    .btnStrong {min-width:auto; }
	
	 a.btnNormalB {height:50px;}
    .btnNormalB {min-width:auto;}
	
	a.btnGeneral {height:70px; font-size:20px;}
 
}


/* 600 이하 */
@media screen and (max-width:599px) {
	
}

/* 500px 이하 */
@media screen and (max-width:499px) {
	
	
	
    .btnNormal {font-size:13px;}

    .btnNormalB {font-size:13px;}
    a.btnNormalB, .btnNormalB {font-size:16px;}
	a.btnStrong, .btnStrong {height:55px; font-size:16px;}
	
    .btnStrong.m_block {display:flex; max-width:100%;}
    a.btnBig {height:60px; font-size:18px;}
    .btnBBig {font-size:22px; min-width:auto; line-height:70px;}
    
    a.btnGeneral {height:60px; font-size:17px;}
    btnGeneral {height:60px; font-size:17px;}
 
	.btnSmall, a.btnSmall {height:24px; font-size:12px;}
	
	a.dis_flex {display:flex; max-width:100%; margin:2px 0px; float:none !important}
	
	a.btnDown {font-size: 15px;}
	
	.down_bt a {height: 50px; font-size:14px;}
}