@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
    Reset CSS
//////////////////////////////////////////////////////////////////////////////////////////////////// */
html,body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'NotoSans','Nanum Gothic','Malgun gothic',Dotum,arial,sans-serif;font-size:14px;color:#555;}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
p{text-align:left}
em,address{font-style:normal}
a{text-decoration:none;color:#555}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
caption, legend{overflow:hidden;position:static;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
strong{font-weight:600}

/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
.hide{overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}/* 접근성으로 인한 display:none 작성 금지 */
.bold{font-weight:bold}
.normal{font-weight:normal}
input[type="text"], input[type="password"]{border:1px solid #ddd;text-indent:5px}
input[type="text"]:focus, textarea:focus, select:focus{outline:2px solid #77abe7}
select{border:1px solid #ddd}


/* *********************************************************************************
 *	정렬 정의
 * *********************************************************************************/
.left{text-align:left !important}
.center{text-align:center !important}
.right{text-align:right !important}
.top{vertical-align:top !important}
.middle{vertical-align:middle !important}
.bottom{vertical-align:bottom !important}

/* *********************************************************************************
 *	float 정의
 * *********************************************************************************/
.fl{float:left}
.fr{float:right}
.clear:after{clear:both;display:block;content:""}/* float 값 클리어 */

/* *********************************************************************************
 *	기본글꼴 색상 정의
 * *********************************************************************************/
.red{color: #F30;}
.blue{color:#04709d}
.orange{color:#dd6300}
.skyblue{color:#415e9f}
.gray{color: #444!important}


/* *********************************************************************************
 *	폰트사이즈
 * *********************************************************************************/
.f30{font-size:30px}
.f28{font-size:28px}
.f24{font-size:24px} 
.f20{font-size:20px} 
.f18{font-size:18px}
.f16{font-size:16px}
.f15{font-size:15px} 
.f14{font-size:14px}

.f400{font-weight:400}
.f600{font-weight:600}


/* *********************************************************************************
 *	input 정의
 * *********************************************************************************/
input[type=text],input[type=password],input[type=number], select{height:35px;border:1px solid #ddd;background-color:#fff;line-height:35px; border-radius:3px}

input[type=radio]{width:0;height:28px;opacity:0}
input[type=radio] + label{min-height:28px; display:inline-block;width:auto; padding-left:40px;background-repeat:no-repeat;background-position:left top;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; color:#444; font-weight:600}
input[type=radio] + label{background-image:url(../../common/plaza_images/input_radio_default.png);}
input[type=radio]:checked + label{background-image:url(../../common/plaza_images/input_radio_checked.png); color:#000; font-weight:600}
input[type=radio]:disabled + label{background-image:url(../../common/plaza_images/input_radio_disable.png)}
input[type=radio] + label:hover,input[type=radio]+ label:focus{cursor:pointer}



/* input_type OX 
input[type=radio].radio_O{width:0;height:83px;opacity:0; }
input[type=radio].radio_O + label{background:none; display:inline-block;line-height:56px; height:56px;padding-left:25px; text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; color:#555; font-size:20px }
input[type=radio].radio_O:checked + label{background:url(../images/radio_O.png) no-repeat left center; color:#000;	font-weight:600}
input[type=radio].radio_O + label:hover,input[type=radio]+ label:focus{cursor:pointer}

input[type=radio].radio_X{width:0;height:83px;opacity:0; }
input[type=radio].radio_X + label{background:none; display:inline-block;line-height:56px; height:56px;padding-left:25px; text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; color:#555; font-size:20px }
input[type=radio].radio_X:checked + label{background:url(../images/radio_X.png) no-repeat left center; color:#000;	font-weight:600}
input[type=radio].radio_X + label:hover,input[type=radio]+ label:focus{cursor:pointer}*/

.w50{width:50px}
.w70{width:70px}
.w150{width:150px}



/* *********************************************************************************
 *	버튼
 * *********************************************************************************/
.btn {text-align:center}
.btn a{font-size:18px; color:#fff; display:inline-block; height:60px; line-height:60px; font-weight:600;
	border-radius:5px; box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); text-align:center; transition:all .3s; margin:0 4px}
.btn a:hover{cursor:pointer; box-shadow:none;}

.btn a.ok{padding:0 40px;background: #0f85c8; }
.btn a.del{padding:0 40px; background: #6c8695}
.btn a.modify{padding:0 40px; background: #6c8695}



/* 마진 */
.m0{margin:0 !important}

.mt_5{margin-top:5px !important}
.mt_10{margin-top:10px !important}
.mt_15{margin-top:15px !important}
.mt_20{margin-top:20px !important}
.mt_25{margin-top:25px !important}
.mt_30{margin-top:30px !important}
.mt_35{margin-top:35px !important}
.mt_40{margin-top:40px !important}
.mt_45{margin-top:45px !important}
.mt_50{margin-top:50px !important}

.mb_5{margin-bottom:5px !important}
.mb_10{margin-bottom:10px !important}
.mb_15{margin-bottom:15px !important}
.mb_20{margin-bottom:20px !important}
.mb_25{margin-bottom:25px !important}
.mb_30{margin-bottom:30px !important}
.mb_35{margin-bottom:35px !important}
.mb_40{margin-bottom:40px !important}
.mb_45{margin-bottom:45px !important}
.mb_50{margin-bottom:50px !important}

.ml_5{margin-left:5px !important}
.ml_10{margin-left:10px !important}
.ml_15{margin-left:15px !important}
.ml_20{margin-left:20px !important}
.ml_25{margin-left:25px !important}
.ml_30{margin-left:30px !important}
.ml_35{margin-left:35px !important}
.ml_40{margin-left:40px !important}
.ml_45{margin-left:45px !important}
.ml_50{margin-left:50px !important}

.mr_5{margin-right:5px !important}
.mr_10{margin-right:10px !important}
.mr_15{margin-right:15px !important}
.mr_20{margin-right:20px !important}
.mr_25{margin-right:25px !important}
.mr_30{margin-right:30px !important}
.mr_35{margin-right:35px !important}
.mr_40{margin-right:40px !important}
.mr_45{margin-right:45px !important}
.mr_50{margin-right:50px !important}

/* 패딩 */
.p0{padding:0 !important}
.pt_5{padding-top:5px !important}
.pt_10{padding-top:10px !important}
.pt_15{padding-top:15px !important}
.pt_20{padding-top:20px !important}
.pt_25{padding-top:25px !important}
.pt_30{padding-top:30px !important}
.pt_35{padding-top:35px !important}
.pt_40{padding-top:40px !important}
.pt_45{padding-top:45px !important}
.pt_50{padding-top:50px !important}
.pt_100{padding-top:100px !important}

.pb_5{padding-bottom:5px !important}
.pb_10{padding-bottom:10px !important}
.pb_15{padding-bottom:15px !important}
.pb_20{padding-bottom:20px !important}
.pb_25{padding-bottom:25px !important}
.pb_30{padding-bottom:30px !important}
.pb_35{padding-bottom:35px !important}
.pb_40{padding-bottom:40px !important}
.pb_45{padding-bottom:45px !important}
.pb_50{padding-bottom:50px !important}

.pl_5{padding-left:5px !important}
.pl_10{padding-left:10px !important}
.pl_15{padding-left:15px !important}
.pl_20{padding-left:20px !important}
.pl_25{padding-left:25px !important}
.pl_30{padding-left:30px !important}
.pl_35{padding-left:35px !important}
.pl_40{padding-left:40px !important}
.pl_45{padding-left:45px !important}
.pl_50{padding-left:50px !important}

.pr_5{padding-right:5px !important}
.pr_10{padding-right:10px !important}
.pr_15{padding-right:15px !important}
.pr_20{padding-right:20px !important}
.pr_25{padding-right:25px !important}
.pr_30{padding-right:30px !important}
.pr_35{padding-right:35px !important}
.pr_40{padding-right:40px !important}
.pr_45{padding-right:45px !important}
.pr_50{padding-right:50px !important}