@import url('font.css');
@import url('https://fonts.googleapis.com/css?family=Rajdhani&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@700&display=swap');

 

/* 나눔스퀘어 */
.nsq{font-family:'NanumSQ !important'}


/*마진,패딩*/
.mtb5{margin-top:5px !important; margin-bottom:5px !important}
.mtb10{margin-top:10px !important; margin-bottom:10px !important}
.mtb15{margin-top:15px !important; margin-bottom:15px !important}
.mtb20{margin-top:20px !important; margin-bottom:20px !important}
.mtb30{margin-top:30px !important; margin-bottom:30px !important}
.mtb40{margin-top:40px !important; margin-bottom:40px !important}

.m_auto{margin:0 auto}
.mt5{margin-top:5px !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}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}

.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}

.p_t_10{padding-top:10px !important}
.p_t_15{padding-top:15px !important}
.p_t_20{padding-top:20px !important}
.p_t_30{padding-top:30px !important}
.p_t_40{padding-top:40px !important}

.p_b_5{padding-bottom:5px !important}
.p_b_10{padding-bottom:10px !important}
.p_b_15{padding-bottom:15px !important}
.p_b_20{padding-bottom:20px !important}
.p_b_30{padding-bottom:30px !important}
.p_b_40{padding-bottom:40px !important}
.p_b_50{padding-bottom:50px !important}


.pointer{cursor:pointer}
.clearfix{display:inline-block}
textarea{border:1px solid #cacaca; padding:10px}
input.text{border:1px solid #cacaca; height:26px; padding:1px 3px}
select{border:1px solid #cacaca; height:30px; padding:1px 0; vertical-align:middle; border-radius:3px}
input.text value{color:#dbdbdb;}

/* none속성*/
.nobg{background:none !important} 
.nobd{border:none !important}
.nobd_l{border-left:none !important}
.nomg{margin:0 !important}
.nomg_l{margin-left:0 !important}
.nomg_r{margin-right:0 !important}
.nopd{padding:0 0 0 0 !important}

/*정렬*/
.left{float:left !important}
.right{float:right !important}
.inline{display:inline !important}
.block{display:block !important}
.tb{display:table}
.cell{display:table-cell !important}

/*세로 중앙정렬*/
.wrapper{height:100%; text-align:center}/*부모*/
.wrapper:before{content:""; display:inline-block; width:1px; height:100%; margin:0; vertical-align:middle}
.v_center{display:inline-block; vertical-align:middle} /*자식*/

/*텍스트 속성*/
.t_left{text-align:left !important}
.t_right{text-align:right !important}
.t_center{text-align:center !important}
.bold{font-weight:bold}
.purple{color:#b44ee8 !important}
.orange{color:#FF6600 !important}
.blue{color:#37a3ff !important}
.blue a{color:#067dfd !important}
.red{color:#ff000a !important}
.red2{color:#fc5b5b !important}
.green{color:#00b1af !important}
.gray{color:#636363 !important}
.gray2{color:#8f909b !important}
.pink{color:#ff00a8 !important}
.sky{color:#259edd !important}
.sky2{color:#00ffff !important}
.blue2{color:#5e78e4 !important}
.blue3{color:#74a1bd !important}
.pink{color:#f20865 !important}
.yl{color:#ffae00 !important}
.yl_light{color:#fcff00 !important}
.black{color:#000 !important}
.bgreen{color:#5cc5bf !important}
.wh{color:#fff !important}
.wh_op{color: rgba(255, 255, 255, 0.7) !important}
.bk{color:#282828 !important}
.t10{font-size:10px !important}
.t11{font-size:11px !important}
.t12{font-size:12px !important}
.t13{font-size:13px !important}
.t14{font-size:14px !important}
.t15{font-size:15px !important}
.t16{font-size:16px !important}
.t18{font-size:18px !important}
.t20{font-size:20px !important}
.t22{font-size:22px !important}
.t24{font-size:24px !important}
.t26{font-size:26px !important}
.t28{font-size:28px !important}
.t30{font-size:30px !important}
.t32{font-size:32px !important}
.t34{font-size:34px !important}
.t36{font-size:36px !important}
.t38{font-size:38px !important}
.t40{font-size:40px !important}

.under{text-decoration:underline}

.hidden{visibility: hidden !important}

.bot_line{border-bottom:1px solid #dfdfdf; padding-bottom:7px}

.throu{text-decoration:line-through}
strong{font-weight:800}

.d_none{display:none}
.d_none2{visibility: hidden}

 /*세로정렬*/
.v_m{vertical-align:middle}
.v_t{vertical-align:top}
.v_b{vertical-align:bottom}


/*ul 가로정렬*/
.rowul li{display:inline-block;}



/*@media screen and (min-width:300px)  {
#wrapper{width:100%; margin:0 auto
	}
}

@media screen and (min-width:600px)  {
#wrapper{width:70%; margin:0 auto
	}
}*/

.flex{display:flex; justify-content:center; align-items:center; box-sizing:border-box}

/* 베이직 폰트 : 나눔스퀘어 */
.normal		{ font-weight: 400 }
.bold		{ font-weight: 700 }
.bolder		{ font-weight: 800 !important}
.light		{ font-weight: 300 }
.jua{font-family: 'Jua', sans-serif; }  /*주아체*/
.raj{font-family: 'Rajdhani'}

/*버튼 스타일*/
.btn{display:inline-block; text-align:center; padding:6px 20px; font-weight:700; border-radius:50px}
.btn_pop{display:inline-block; text-align:center; padding:10px 15px; font-weight:800; border-radius:50px}
.btn_m{display:inline-block; text-align:center; padding:3px 15px; font-weight:800; border-radius:50px}
.btn_s{display:inline-block; text-align:center; padding:3px 10px; font-weight:800; border-radius:50px}
.btn_l{display:inline-block; text-align:center; padding:13px 15px; font-weight:800; border-radius:50px}
.btn_sq{display:inline-block; padding:3px 5px 2px 4px}
.btn img{vertical-align:middle; margin-right:7px}
.btn_s img{vertical-align:middle; margin:0 0 0 2px}
.btn_m img{vertical-align:middle; margin:0 0 0 2px}
.btn_zone{width:100%; margin:10px 0}

.w100{width:100%}
.w90{width:90%}
.w85{width:85%}
.w80{width:80%}

.rdo{border:1px solid red}

/*BG colors*/
.bg_pb{background-color:#8d62e5}
.bg_wh{background-color:#fff !important}
.bg_org{background-color:#ec502a}
.bg_pp{background-color:#aa77e5 !important}
.bg_sky{background-color:#1aaff3 !important}
.bg_pink{background-color:#ff37c9 !important}
.bg_gy{background-color:#f5f5f5 !important}
.bg_gy2{background-color:#bababa !important}
.bg_blue{background-color:#4760f9 !important}
.bg_yl{background-color:#fbe300 !important}
.bg_yl2{background-color:#ffbb3c !important}
.bg_cy{background-color:#b8ffcf !important}
.bg_gr{background-color:#00bac1 !important}
.bg_gr2{background-color:#00c188 !important}


select{height:40px; padding:2px 8px; vertical-align:middle; border-radius:5px; border:1px solid #c5c8cf; background-color:#fff;}





input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../images/radio_off.png) 0 top no-repeat;
	background-size:19px 19px;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../images/radio_on.png) 0 top no-repeat;
	background-size:19px 19px;
}


.btn_chk_off{display:inline-block; border-radius:50px; border:1px solid #c1c1c1; padding:4px 10px;  color:#c1c1c1; font-size:13px; font-weight:800; margin:0 5px}
.btn_chk_on{display:inline-block; border-radius:50px; border:1px solid #9067ff; padding:4px 10px;  color:#9067ff; font-size:13px; font-weight:800; margin:0 5px}
.btn_chk_on img{margin-right:5px;}