.mar_t10{margin-top:10px;}
.mar_t20{margin-top:20px;}
.mar_t30{margin-top:30px;}
.mar_t40{margin-top:40px;}
.mar_t50{margin-top:50px;}
.mar_t60{margin-top:60px;}
.mar_t70{margin-top:70px;}
.mar_t80{margin-top:80px;}
.mar_t90{margin-top:90px;}
.mar_t100{margin-top:100px;}

.mar_l10{margin-left:10px;}
.mar_l20{margin-left:20px;}
.mar_l30{margin-left:30px;}
.mar_l40{margin-left:40px;}
.mar_l50{margin-left:50px;}
.mar_l60{margin-left:60px;}
.mar_l70{margin-left:70px;}
.mar_l80{margin-left:80px;}
.mar_l90{margin-left:90px;}
.mar_l100{margin-left:100px;}




.mar_b10{margin-bottom:10px;}
.mar_b20{margin-bottom:20px;}
.mar_b30{margin-bottom:30px;}
.mar_b40{margin-bottom:40px;}
.mar_b50{margin-bottom:50px;}
.mar_b60{margin-bottom:60px;}
.mar_b70{margin-bottom:70px;}
.mar_b80{margin-bottom:80px;}
.mar_b90{margin-bottom:90px;}
.mar_b100{margin-bottom:100px;}


input,select{
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}



.hrLine{width:100%;height:1px;background:#e5e5e5;}
.keycolor-r{color:#d50d0d}
.defaultcolor{color:#222}

.phone{display:inline-block; padding:5px; font-size:12px; border:1px solid #00284a; color:#00284a;}
.new{display:inline-block; padding:5px; font-size:12px; background:#d50d0d; color:#fff;}

.commonTab{width:100%;border-bottom:1px solid #222;display:flex}
.commonTab li{width:100%;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5; text-align:center; display:inline-block; float:Left; background:#f7f7f7; padding:10px 0px; font-size:13px; color:#777; cursor:pointer;}
.commonTab li a{color:#777;}
.commonTab .on{border-left:1px solid #222; border-right:1px solid #222; border-top:1px solid #222; background:#fff; color:#222;}
.commonTab .on a{color:#222; display:block}





#main .titleLine{width:100%;}
#main .titleLine .subTitle{font-size:16px; text-align:Center;}
#main .titleLine .Title{font-size:30px; text-align:Center;}

@media screen and (max-width: 425px){
	#main .titleLine{width:100%;}
	#main .titleLine .subTitle{font-size:14px; text-align:Center;}
	#main .titleLine .Title{font-size:20px; text-align:Center;}
}



.subTitleImg{width:100%; position:relative;}
.subTitleImg .bg{width:100%;}
.subTitleImg .bg img{width:100%;}
.subTitleImg .cont{width:94%; left:50%; margin-left:-47%; position:absolute; text-align:center; top:30%;}
.subTitleImg .cont .name{font-size:20px; text-align:center; margin-bottom:5px; color:#fff; font-family:'roboto'; font-weight:300; letter-spacing:10px;}
.subTitleImg .cont .title{font-size:60px; text-align:center;  color:#fff;  font-weight:600;}

@media screen and (max-width: 568px){
	.subTitleImg{width:100%; position:relative;}
	.subTitleImg .bg{width:150%;}
	.subTitleImg .bg img{width:100%; margin-left:-15%;}
	.subTitleImg .cont{width:94%; left:50%; margin-left:-47%; position:absolute; text-align:center; top:30%;}
	.subTitleImg .cont .name{font-size:18px; text-align:center; margin-bottom:0px; color:#fff; font-family:'roboto'; font-weight:300; letter-spacing:10px;}
	.subTitleImg .cont .title{font-size:46px; text-align:center;  color:#fff;  font-weight:600;}
}



.short{width:300px;padding:10px;	box-sizing:border-box;border:1px solid #e5e5e5;}
.triple{width:145px;padding:10px;box-sizing:border-box;border:1px solid #e5e5e5;background:#fff;}
.email{width:200px;padding:10px;	box-sizing:border-box;border:1px solid #e5e5e5;background:#fff;}
.long{width:430px;padding:10px;box-sizing:border-box;border:1px solid #e5e5e5;background:#fff;}
.w100{width:100%;padding:10px;box-sizing:border-box;border:1px solid #e5e5e5;background:#fff;}
.w100_f7{width:100%;padding:10px;box-sizing:border-box;border:1px solid #e5e5e5;background:#f7f7f7;}


@media screen and (max-width: 688px){
	.triple{width:30.5%;padding:10px;box-sizing:border-box;border:1px solid #e5e5e5;background:#fff;}
	.email{width:46%;padding:10px;	box-sizing:border-box;border:1px solid #e5e5e5;background:#fff;}
}




.deCheck{display:inline-block;}
.deCheck label{display: inline-block; cursor: pointer; position: relative; font-size: 16px; margin-bottom: 0; vertical-align:middle;color:#444; font-family:'roboto','noto sans kr'} 
.deCheck input[type=checkbox] { display: none;} 
.deCheck label::before {content: ""; display: inline-block; width: 15px;vertical-align:middle;height: 15px; background:url(../../images/checkboxOff.jpg); margin-right:4px;} 
.deCheck input[type=checkbox]:checked + label::before {content: ""; background:url("../../images/checkboxOn.jpg");}

.deRadio{display:inline-block;}
.deRadio label{display: inline-block; cursor: pointer; position: relative; font-size: 16px; margin-bottom: 0; vertical-align:middle;color:#444; font-family:'roboto','noto sans kr'} 
.deRadio input[type=radio] { display: none;} 
.deRadio label::before {content: ""; display: inline-block; width: 20px;vertical-align:middle;height: 20px; background:url(../../images/radioOff.png); margin-right:4px;} 
.deRadio input[type=radio]:checked + label::before {content: ""; background:url("../../images/radioOn.png");}


.buttonCline{width:100%;text-align:center;}
.buttonCline div{display:inline-block}
.backbutton{background:#d82221; padding:15px 20px; color:#fff; font-size:14px;}
.backbutton a{color:#fff; display:block}
.borbutton{border:1px solid #d82221; padding:15px 20px; color:#d82221; font-size:14px;}
.borbutton a{color:#d82221}
.cancel{background:#222; padding:15px 30px; color:#fff; font-size:14px;}
.cancel a{color:#fff}

.borButton{display:inline-block; border:1px solid #222; color:#222; font-size:14px;}
.borButton a{color:#222;}
.fullButton{display:inline-block; border:1px solid #222; color:#fff; background:#222; font-size:14px;}
.fullButton a{color:#fff;}



.paging{width:100%; text-align:center; margin-top:2.5em;}
.paging div{display:inline-block; border:1px solid #e5e5e5; padding:6px 10px; box-sizing:Border-box; font-size:13px; font-family:'roboto'}
.paging .on{border:1px solid #d50d0d;}
.paging .on a{color:#d50d0d;}
.paging div:first-child,
.paging div:last-child{padding:6px 7px;}