@charset "utf-8";

/* ========================== 공통 클래스 모음 =========================== */
.floL{float:left;}
.floR{float:right !important;}
.posR{position:relative;}
.posA{position:absolute;}
.t-c{text-align:center !important}
.t-r{text-align:right !important}
.t-l{text-align:left !important}
.clr{*zoom:1;}
.clr:after{ content: ""; display: block; clear:both;}
.hidden{overflow:hidden; position:absolute; top:-9999px; left:-9999px; visibility:hidden; width:0; height:0; margin:0; font-size:0; text-indent:-9999px; line-height:0; z-index:-9999;}
.text_notover{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hide{display:none;}
.bgn a{background:none !important}
.dis-Table{display: table;margin:0 auto;} 
.cursorP{cursor:pointer}
.backNone{background:none !important}
.dn{display:none !important;}
.db{display:block !important;}
.ds{display:flex;}
.oh{overflow:hidden !important;}

.bg{background:#eff1f6;}
.bg_pt{background: linear-gradient(300deg, #172aa0 0, #324df2 100%)!important;}
.bg_blue{background:#172aa0;}
.bg_blue2{background:#465daa;}
.bg_Box{background: #fff; border-radius: 10px; box-shadow: 0 3px 10px 4px rgba(0, 0, 0, .1); padding:15px;}
.bg_bk, .back_black{background: #333 !important;}

/* 폰트 관련 */
.font_popp {font-family: "Poppins", sans-serif;}
.font_mont{font-family: 'Montserrat', sans-serif;}
.txt_red{color:#e83134;}
.txt_bk{color:#000;}

.light{font-weight:500;}
.medium{font-weight:600;}

.mg0a{margin:0 auto !important;}
.mgt10{margin-top:10px; }
.mgt15{margin-top:15px; }
.mgt20{margin-top:20px !important; }
.mgt30{margin-top:30px; }
.mgr_5{margin-right:5px; }
.mgl_5{margin-left:5px; }
.mgl_30{margin-left:30px !important ; }
.mgl_50{margin-left:50px !important ; }

.pd0{padding:0 !important;}
.pd15{padding:15px;}
.pdb_15{padding-bottom:15px;}

.w100{width:100% !important;}
.w90{width:90% !important;}
.w80{width:80% !important;}
.w50{width:50% !important;}
.w40{width:40% !important;}
.w30{width:30% !important;}
.w20{width:20% !important;}
.w10{width:10% !important;}

/* btn */
.btn_more{width:100%; margin:20px auto;}
#container2 .btn_more{width: 92%; margin: 20px auto;}
.btn_more a{display: block; background: #939396;color: #fff;font-size: 1.1em;text-align: center;padding: 12px 0;border-radius:5px;}

.btn_more2 a{float:left; width:49%;}
.btn_more2 a:first-child{margin-right:2%;}

.btn_join{display: table;margin:10px auto;}
.btn_join a{display: inline-block;background: #939396;color: #fff;font-size: 15px;text-align: center;padding: 12px 60px;border-radius: 30px;margin: 0 10px;}
.btn_join a:hover{opacity:0.9;}

.btn{}
.btn a{display:inline-block; height: 35px; background: #b8b8b8; border-radius: 5px; font-size: 0.9em; color: #fff; padding:0 5px;}

.btn_form{width: 19%; height: 36px; background: #b8b8b8; margin-left: 1%; border-radius: 5px; text-align: center; font-size: 14px; color: #fff;}

.btnInner{display: flex;width: 94%;margin: 0 auto; gap: 8px; left:3%; bottom:10px;}
.btnInner a{ width: 50%; display: block; background: #77787b; padding: 15px 0; border-radius: 5px; font-size: 1em; color: #fff; text-align: center;}

.va-m{vertical-align: middle !important;}