/* button */
button {transition:.3s; position:relative; cursor:pointer; border:none;  font-size:12px; font-family: 'Nanum Gothic', sans-serif;}
button:active {opacity:.7;}
.button {transition:.3s; position:relative; cursor:pointer; border:none;  font-size:12px; font-family: 'Nanum Gothic', sans-serif;}
.button:active {opacity:.7;}
.btnMain {background:#3561b3; font-weight:bold; color:#fff;}
.btnSub {background:#6f7885; font-weight:bold; color:#fff;}
.btnOther {background:#6f7885; font-weight:bold; color:#fff;}
.btnSide {background:#506c9c; color:#fff; border:0;}
.btnSide:hover {background:#435b85;}
.btnDel {background:#931f1f; color:#fff; font-weight:bold;}
.btnExcel {background:#37666c; color:#fff; font-weight:bold;}
.btnOrder {background:#fff; border:1px solid #ddd; color:#000; font-weight:bold;}
.btnOrder:hover {background:#ebedf0; color:#486aad; border:1px solid #486aad;}
.btnBoardSearch {bottom:0; border-left:1px solid #ddd; text-indent:-9999px; width:57px; height:30px; position:absolute; right:0; background:url("/res/images/icon/btn_boardSearch.png") center no-repeat;}
.btnBoardSearch:hover {opacity:.4;}
.btnBoardSearch.small {width:30px; height:30px;}
.btnBoardSearch.single{width:34px; height:30px; border:1px solid #ddd; text-indent:-9999px; background:url("/res/images/icon/btn_boardSearch.png") center no-repeat;  position:relative;}
.btnBoardOption {height:40px; width:255px;}
.btnBoardFoot {height:32px; min-width:140px; padding:0 10px; vertical-align:top;}
.btnBoardFootMin {vertical-align:middle; min-width:86px; height:28px;}
.btnBoardFoot:focus {box-shadow:0px 0px 10px #333 inset; opacity:.8;}
.btnOption {width:100px; height:30px;}
.btnTopOption {padding:2px 20px 0px 40px; height:30px; line-height:27px;}
.btnTopOption.btnNewAdd {background:url("/res/images/btn_ordertop_add.png") 16px center no-repeat #3860b3; color:#fff; font-weight:bold; }
.btnTopOption.btnExcel {background:url("/res/images/btn_ordertop_excel.png") 16px center no-repeat #37666c;}
.btnSubOption {padding:0 12px; height:30px; line-height:27px; font-weight:bold;} 
.btnSubOption:hover.btnOther {background:#999; color:#fff;}
.btnSubOption.min {padding:0 8px; height:24px; line-height:24px;}
.btnPopup {cursor:pointer; padding:0 15px; min-width:100px; height:30px; display:inline-block; line-height:30px; text-align:center;}
.btnPopup:focus {opacity:.5;}
.btnMore {width:30px; height:30px; margin-left:10px; vertical-align:bottom; text-indent:-9999px; border:1px solid #ddd; background:url("/res/images/icon/icon_more.png") center no-repeat #fafafa;}
.btnLink {min-width:200px; height:60px; padding:0px 20px; padding-top:2px; display:inline-block; margin:0 8px;}
.btnLink.btnMain {background:transparent; border:1px solid #3561b3; color:#3561b3;}
.btnLink.btnSub {background:transparent;  border:1px solid #6f7885; color:#6f7885;}
.btnGrid {padding:5px 6px 2px !important; font-size:11px !important; color:#fff; background:#999; border:1px solid #888}


/* button (ÀúÇØ»óµµ) */ 
@media screen and (max-width:1440px){
	.button {font-size:12px;}
	/*
	.btnTopOption {padding:2px 10px 0px 30px;}
	.btnTopOption.btnNewAdd {background-size:12px;}
	.btnSubOption {padding:0 6px; font-size:13px; letter-spacing:-1px;}
	*/
	.btnBoardFoot {min-width:120px; font-size:13px; padding:0 5px;}
	.checks input[type='radio'] + label {font-size:13px; padding-left:16px; letter-spacing:-1px;}
	.checks.gray input[type='checkbox'] + label {font-size:11px !important;}
}



/*
.btnToggle {cursor:pointer; padding:0 20px; height:35px; line-height:35px;}
.btnToggleClose {background:url("/res/images/icon/icon_toggleframe_off.png") left 12px no-repeat;}
.btnToggleOpen {padding-bottom:10px !important; background:url("/res/images/icon/icon_toggleframe_on.png") left 12px no-repeat; border-bottom:1px solid #ddd;}
*/
.btnFormToggle {cursor:pointer; margin-top:5px; background:url("/res/images/icon/icon_toggle_on.png") right center no-repeat; padding:0 20px; color:#4f75c0;}
.btnFormAdd {font-weight:bold; background:transparent; color:#477579; border:1px solid #477579; height:24px; line-height:24px; padding:0 15px; position:relative; position:absolute; z-index:10; left:100px; }
.btnFormAdd:hover {background:#477579; color:#fff;}
.btnSelect {width:30px; height:30px; margin:0px 10px 0px 5px; background:url("/res/images/icon/btn_select.png") no-repeat; text-indent:-9999px; vertical-align:top;}
.btnSearch {width:30px; height:30px; background:url("/res/images/icon/btn_boardSearch.png") center no-repeat; text-indent:-9999px; position:absolute; top:0px; right:0px; border-left:1px solid #ddd;}
.btnSearch:hover {opacity:.4;}
.btnDelImg {width:25px; height:25px; background:url("/res/images/icon/btn_del_img.png") no-repeat; text-indent:-9999px; position:absolute; top:-17px; right:30px;}
.btnFormMin {position:absolute; top:0; right:0; width:30px; height:30px; background:url("/res/images/icon/btn_close_section.png") no-repeat; text-indent:-9999px;}
.btnDelFav {text-indent:-9999px; cursor:pointer; position:absolute; right:0; top:0; width:28px; height:28px; background:url("/res/images/icon/btn_del_favorite.png") center no-repeat #8da6d5;}
.btnCal {width:15px; height:16px; background:url("/res/images/icon/btn_cal.png") no-repeat; text-indent:-9999px; position:absolute; top:6px; right:10px;}
.btnCalControl {position:relative; width:30px; height:30px; text-indent:-9999px; border:1px solid #ddd;}
.btnCalControl.btnCalPrev {margin-right:0px; background:url("/res/images/btn_cal_prev.png") center no-repeat;}
.btnCalControl.btnCalNext {margin-left:0px; background:url("/res/images/btn_cal_next.png") center no-repeat;}
.btnCalChart {position:relative; width:75px; height:30px; line-height:30px; border:1px solid #ddd; text-align:left;}
.btnCalChart.btnCalPrev {background:url("/res/images/btn_cal_prev.png") 4% center no-repeat;text-align:right;}
.btnCalChart.btnCalNext {background:url("/res/images/btn_cal_next.png") 96% center no-repeat;}


.btnCate {vertical-align:top; font-size:0; border:1px solid #ddd; width:40px; height:25px;}
.btnCateUp {background:url("/res/images/icon/icon_toggle_on.png") center no-repeat;}
.btnCateDown {background:url("/res/images/icon/icon_toggle_off.png") center no-repeat;}
.btnCate.foot {width:120px; height:32px; margin:0 5px;}
.btnCertify {padding:0 20px; height:35px; border:0; cursor:pointer; margin-left:25px;}
/*.btnAdd {width:25px; height:25px; background:url("/res/images/icon/btn_add.png") center no-repeat; text-indent:-9999px; position:absolute; top:-5px; right:0px;}*/
.btnAdd {bottom:0; text-indent:-9999px; width:30px; height:30px; position:absolute; right:0; background:url("/res/images/icon/btn_boardSearch.png") center no-repeat;}
.btnTableAdd {width:25px; height:25px; background:url("/res/images/icon/btn_add.png") center no-repeat;text-indent:-9999px; border:1px solid #ccc;}
.btnAction {width:100%; height:40px; padding-top:3px; cursor:pointer; text-align:left; border:1px solid #eee;}
.btnAction:disabled {opacity:0.3;}
.btnAction.btnAction01 {background:url("/res/images/btn_side_action01.png") 26px center no-repeat #eee; padding-left:50px;}
.btnAction.btnAction01:hover {background:url("/res/images/btn_side_action01_hover.png") 26px center no-repeat #777; color:#fff;}
.btnAction.btnAction02 {background:url("/res/images/btn_side_action02.png") 43px center no-repeat #eee; padding-left:68px;}
.btnAction.btnAction02:hover {background:url("/res/images/btn_side_action02_hover.png") 43px center no-repeat #777; color:#fff;}
.btnAction.btnAction03 {background:url("/res/images/btn_side_action03.png") 40px center no-repeat #eee; padding-left:64px;}
.btnAction.btnAction03:hover {background:url("/res/images/btn_side_action03_hover.png") 40px center no-repeat #777; color:#fff;}
.btnAction.btnAction04 {background:url("/res/images/btn_side_action04.png") 28px center no-repeat #eee; padding-left:54px;}
.btnAction.btnAction04:hover {background:url("/res/images/btn_side_action04_hover.png") 28px center no-repeat #777; color:#fff;}
.btnAction.btnAction05 {background:url("/res/images/btn_side_action05.png") 26px center no-repeat #eee; padding-left:52px;}
.btnAction.btnAction05:hover {background:url("/res/images/btn_side_action05_hover.png") 26px center no-repeat #777; color:#fff;}
.btnAction.btnAction06 {background:url("/res/images/btn_side_action06.png") 38px center no-repeat #eee; padding-left:64px;}
.btnAction.btnAction06:hover {background:url("/res/images/btn_side_action06_hover.png") 38px center no-repeat #777; color:#fff;}
.btnAction.btnAction07 {background:url("/res/images/btn_side_action07.png") 40px center no-repeat #eee; padding-left:66px;}
.btnAction.btnAction07:hover {background:url("/res/images/btn_side_action07_hover.png") 40px center no-repeat #777; color:#fff;}
.btnFunction {line-height:23px; height:25px; border:0; margin:0px; font-weight:bold;}
.btnFunction.btnSub {margin:0px 1px;}
.btnCategoryAdd {width:100%; height:135px; line-height:1.4; font-weight:bold; color:#fff; background:#45536a; display:inline-block;}
.btnIconAdd {width:42px; height:42px; vertical-align:bottom; background:#fff; color:#666; border:1px solid #ddd; font-weight:bold; font-size:14px; margin-left:10px;}
.btnSms {width:50%; height:50px; line-height:50px; float:left;}
.btnLogin {width:100%; height:60px; background:url("../images/bg_loginbtn.png") 130px center no-repeat #ae2e43;color:#fff; padding-left:20px; font-size:24px; font-weight:bold; border-radius:5px; margin-bottom:10px;}
.btnLogin:hover { background:url("../images/bg_loginbtn.png") 130px center no-repeat #951e32; transition:0.1s;}
.btnLogin:active {opacity:0.8; transition:0.2s;}
.btnFinderGroup {width:46%; height:32px; display:block; float:left;}
.btnFinderGroup.btnMain {margin-right:4%;}
.btnBoardSort {width:30px; height:30px; vertical-align:top; font-size:0; border:1px solid #dedede;}
.btnBoardSort.up {background:url("/res/images/icon/btn_boardsort_up.png") no-repeat center;}
.btnBoardSort.down {background:url("/res/images/icon/btn_boardsort_down.png") no-repeat center; margin-left:-1px;}
.btnSave {position:fixed; bottom:20px; right:47px; z-index:998;}
.btnUserConfig.btnSave {right:10px; bottom:10px;}
.btnUserConfig.btnSave.btnMain {right:105px;}
.btnMemberTree {transition:.5; width:20px; height:18px; display:inline-block; margin-left:5px;}
.btnMemberTree:hover {opacity:.9;}
.btnMemberTree:active {opacity:.7;}
.btnMemberTree.btnMemberUp {background:url("/res/images/icon/btn_member_tree_up.png") no-repeat;}
.btnMemberTree.btnMemberDown {background:url("/res/images/icon/btn_member_tree_down.png") no-repeat; margin-left:0;}
.btnMemberTree.btnMemberLink {background:url("/res/images/icon/btn_member_tree_link.png") no-repeat;}
.btnExcelDown {transition:.2s; position:absolute; z-index:100; bottom: 0px; right: 0px; width:30px; height:30px; display:block; background:url("/res/images/btn_grid_excel.png") center no-repeat; background-size:100% !important; font-size:0; text-indent:-9999px;}
.btnExcelDown:hover {width:36px; height:36px;}




/* toggle */
.toggleRadio input[type=radio] {display:none;}
.toggleRadio .switch {font-size:14px; position: relative; width: 122px; height: 28px;text-align: center; background: url("/res/images/btn_switch_left.png") no-repeat; transition: all 0.5s ease;}
.toggleRadio .switch label {font-size:13px; cursor: pointer;color: rgba(0,0,0,0.6); width: 61px;line-height: 28px;transition: all 0.5s ease;}
.toggleRadio label[for=cb_Flag1_Yes] {position: absolute;left: 0px;}
.toggleRadio label[for=cb_Flag1_No] {position: absolute;right: 0px;}
.toggleRadio label:checked ~ .switch {background: url("/res/images/btn_switch_right.png") no-repeat;}
.toggleRadio label:checked ~ .switch span {background: #fff;margin-left: -8px;}
.toggleRadio label:checked ~ .switch span:after {background: #fff;height: 20px;margin-top: -8px;margin-left: 8px;}
.toggleRadio label:checked ~ .switch label[for=cb_Flag1_Yes] { color: #fff;}
.toggleRadio label:checked ~ .switch label[for=cb_Flag1_No] {color: #fff;}
.toggleRadio label[for=cb_Flag2_Yes] {position: absolute;left: 0px;}
.toggleRadio label[for=cb_Flag2_No] {position: absolute;right: 0px;}
.toggleRadio label:checked ~ .switch {background: url("/res/images/btn_switch_right.png") no-repeat;}
.toggleRadio label[for=yes2] {position: absolute;left: 0px;}
.toggleRadio label[for=no2] {position: absolute;right: 0px;}
.toggleRadio #no2:checked ~ .switch {background: url("/res/images/btn_switch_right.png") no-repeat;}
.toggleRadio #no2:checked ~ .switch span {background: #fff;margin-left: -8px;}
.toggleRadio #no2:checked ~ .switch span:after {background: #fff;height: 20px;margin-top: -8px;margin-left: 8px;}
.toggleRadio #yes2:checked ~ .switch label[for=yes2] { color: #fff;}
.toggleRadio #no2:checked ~ .switch label[for=no2] {color: #fff;}

.memberOrgTree .toggleRadio .switch {width: 140px; height: 30px;background: url("/res/images/btn_tree_switch_left.png") no-repeat; transition: all 0.5s ease;}
.memberOrgTree .toggleRadio .switch label {font-size:13px; width: 70px;line-height: 32px;}
.memberOrgTree .toggleRadio label[for=m_group1_Yes] {position: absolute;left: 0px;}
.memberOrgTree .toggleRadio label[for=m_group1_No] {position: absolute;right: 0px;}
.memberOrgTree .toggleRadio #m_group1_No:checked ~ .switch {background: url("/res/images/btn_tree_switch_right.png") no-repeat;}
.memberOrgTree .toggleRadio #m_group1_No:checked ~ .switch span {background: #fff;margin-left: -8px;}
.memberOrgTree .toggleRadio #m_group1_No:checked ~ .switch span:after {background: #fff;height: 20px;margin-top: -8px;margin-left: 8px;}
.memberOrgTree .toggleRadio #m_group1_Yes:checked ~ .switch label[for=m_group1_Yes] { color: #fff;}
.memberOrgTree .toggleRadio #m_group1_No:checked ~ .switch label[for=m_group1_No] {color: #fff;}

/* checkbox */
.checks input[type="checkbox"] {  /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0}
.checks input[type="checkbox"] + label {font-size:13px; display: inline-block;position: relative;line-height:15px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; color:#477579;}
.checks input[type="checkbox"] + label:before {  /* °¡Â¥ üũ¹Ú½º */content: ' ';display: inline-block;width: 9px; /* üũ¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */height: 9px;  /* üũ¹Ú½ºÀÇ ³ôÀ̸¦ ÁöÁ¤ */line-height: 15px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */margin: -2px 8px 0 0;text-align: center; vertical-align: middle;border: 1px solid #cacece;}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checks input[type="checkbox"] + label {padding-left: 18px;}
.checks input[type="checkbox"] + label:before {position: absolute;left: 0;top: 0;margin-top: 0;opacity: 1;box-shadow: none;border-color: #477579;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;}
.checks input[type="checkbox"]:checked + label:before { position: absolute; content: ""; opacity:1;  background: url("/res/images/icon/bg_checkbox.png") -1px 0px no-repeat;}

.checks.black input[type='checkbox'] + label {color:#777; font-weight:normal;}
.checks.black input[type="checkbox"]:checked + label:before {background: url("/res/images/icon/bg_checkbox2.png") 0px 0px no-repeat;}
.checks.black input[type="checkbox"] + label {font-size:13px; display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; color:#777;}
.checks.black input[type="checkbox"] + label:before {border-color: #333; top:1px;}

.checks.gray {position:relative; top:0px;}
.checks.gray input[type='checkbox'] + label {color:#777; font-weight:normal; }
.checks.gray input[type="checkbox"]:checked + label:before {background: url("/res/images/icon/bg_checkbox2.png") 1px 1px no-repeat;}
.checks.gray input[type="checkbox"] + label {font-size:13px; padding-left:18px; display: inline-block;position: relative;line-height:18px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; color:#222;}
.checks.gray input[type="checkbox"] + label:before {border-color: #ccc; top:1px;}
.checks.gray input[type='checkbox'] + label::before {width:12px; height:12px;}
.checks.boardOption {top:-5px;}


.icon input[type="checkbox"] {  /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0}
.icon input[type="checkbox"]:checked + label {background:#d8f1ff; border:1px solid #3561b3;}
.icon input[type="checkbox"] + label {height:100%;}
.icon input[type='checkbox'] + label::before {width:10px; height:10px;}
.icon img {position:relative;}

.checks.inCheck {position:relative;}
.checks.inCheck input[type='checkbox'] + label {line-height:25px; font-size:13px; position:absolute; color:#999; font-weight:normal; } 
.checks.inCheck input[type="checkbox"]:checked + label:before {width:25px; height:25px;   background: url("/res/images/icon/icon_input_check_on.png") center no-repeat; border:0;}
.checks.inCheck input[type="checkbox"] + label {text-indent:-99999px; display: inline-block; position: relative;  cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; border:0;}
.checks.inCheck input[type="checkbox"] + label:before {width:25px; height:25px;  background: url("/res/images/icon/icon_input_check.png") center no-repeat; border:0;}
.checks.inCheck input[type="checkbox"] + label:active {opacity:.7;}
.checks input[type="checkbox"]:focus + label:before {border:1px solid #4c5c7a; box-shadow:0px 2px 5px #999;}


.checks.favorite {display:inline-block; width:36px;}
.checks.favorite input[type='checkbox'] + label {position:absolute; color:#777; font-weight:normal; line-height:36px; padding-left:36px;} 
.checks.favorite input[type="checkbox"]:checked + label:before {width:36px; height:36px;  background: url("/res/images/icon/icon_2depth_fav_on.png") center no-repeat; border:0;}
.checks.favorite input[type="checkbox"] + label { text-indent:-9999px; display: inline-block;position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; border:0;}
.checks.favorite input[type="checkbox"] + label:before {width:36px; height:36px; line-height:36px;  background: url("/res/images/icon/icon_2depth_fav.png") center no-repeat; border:0;}
.checks.favorite input[type="checkbox"]:focus + label:before {border:0; box-shadow:none;}

.checks.mFavorite {position:absolute; top:10px; right:5px;}
.checks.mFavorite input[type='checkbox'] + label {position:absolute; color:#000; font-weight:normal; } 
.checks.mFavorite input[type="checkbox"]:checked + label:before {height:15px; padding-left:60px; background: url("/res/images/icon/btn_member_favorite_on.png") left no-repeat; border:0;}
.checks.mFavorite input[type="checkbox"]:checked + label {color:#444;}
.checks.mFavorite input[type="checkbox"] + label { font-weight:bold; display: inline-block;position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; border:0;}
.checks.mFavorite input[type="checkbox"] + label:before {height:15px; padding-left:60px; background: url("/res/images/icon/btn_member_favorite.png") left no-repeat; border:0;}
.checks.mFavorite input[type="checkbox"]:focus + label:before {border:0 !important; box-shadow:none !important;}

.mFavorite2 {position:absolute; top:10px; right:20px;}
.mFavorite2 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.mFavorite2 input[type="checkbox"] + label {transition:.2s; cursor:pointer; font-size:13px; display:inline-block; width:110px; height:30px; line-height:28px; border:1px solid #d5d5d5; color:#eee; border-radius:50px;  text-align:center;}
.mFavorite2 input[type="checkbox"] + label:after {content:" +";}
.mFavorite2 input[type="checkbox"]:checked + label {background:#ffdb5b; border:1px solid #ffdb5b; color:#4c5c7a; font-weight:bold;}

.checks.formCheck {margin-right:60px;}
.checks.formCheck p {font-size:13px; display:inline-block; vertical-align:middle; padding-top:2px; color:#666; margin-right:9px;}
.checks.formCheck input[type='checkbox'] + label {position:absolute; color:#777; font-weight:normal; top:-8px;} 
.checks.formCheck input[type="checkbox"]:checked + label:before {width:18px; height:18px;  background: url("/res/images/icon/icon_form_check_on.png") center no-repeat; border:0;}
.checks.formCheck input[type="checkbox"] + label { text-indent:-9999px; display: inline-block;position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; border:0;}
.checks.formCheck input[type="checkbox"] + label:before {width:18px; height:18px;  background: url("/res/images/icon/icon_form_check.png") center no-repeat; border:0;}

.checkPermission input[type="checkbox"] {  /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0}
.checkPermission input[type="checkbox"] + label {font-size:13px; display: inline-block;position: relative;line-height:15px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; color:#477579;}
.checkPermission input[type="checkbox"] + label:before {/* °¡Â¥ üũ¹Ú½º */content: ' ';display: inline-block;width: 14px; /* üũ¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */height: 14px;  /* üũ¹Ú½ºÀÇ ³ôÀ̸¦ ÁöÁ¤ */line-height: 15px; background:#ddd; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */margin: -2px 8px 0 0;text-align: center; vertical-align: middle;}
.checkPermission input[type="checkbox"] + label:active:before,
.checkPermission input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checkPermission input[type="checkbox"] + label {text-indent:-99999px; width:14px; margin:auto; display:block; top:-7px;}
.checkPermission input[type="checkbox"] + label:before {position: absolute;left: 0;top: 0;margin-top: 0;opacity: 1;box-shadow: none;border-color: #477579;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;}
.checkPermission input[type="checkbox"]:checked + label:before { position: absolute; content: ""; opacity:1;  background: url("/res/images/icon/bg_checkbox.png") center no-repeat;}



input[type="radio"] {z-index:100;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-top:2px; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 12px; height: 12px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%;  } 
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="radio"]:checked + label:before { background: #fff; border-color: #cecece; } 
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 6px; height: 6px; background: #222; border-radius: 100%;}

.dateCheck {display:inline-block;}
.dateCheck input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin-left: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.dateCheck input[type="radio"] + label {font-size:13px; color:#666; margin-left:-1px; display: inline-block; position: relative; cursor: pointer ; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; padding:5px 10px; background:#fff; border:1px solid #ddd;} 
.dateCheck input[type="radio"]:checked + label {margin-left:-1px; border:1px solid #45536a; padding:5px 10px; background:#45536a; color:#fff; box-shadow: inset 0px 0px 4px rgba(0,0,0,0.3); }

.checks.multiple input[type='radio'] + label {width:100%;}
.checks.multiple input[type="radio"] + label {font-size:13px; display: inline-block; position: relative; padding-left: 0px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks.multiple input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 0px; height: 0px; text-align: center; background: #fff; border:0; border-radius: 100%;  } 
.checks.multiple input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0, inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks.multiple input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 4px; left: 4px; width: 0px; height: 0px; background: #ccc; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }
.checks.multiple input[type="radio"]:checked + label {background:#eee;}

.relationTypeBtn {border:1px solid #e2e2e2; background:#fff; color:#576e99; height:30px; line-height:25px; padding:0 10px; border-radius:15px; }
.relationTypeBtn input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.relationTypeBtn input[type="radio"] + label {margin:0 5px; font-size:13px; display: inline-block; position: relative; padding-top:2px; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.relationTypeBtn input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; text-align: center; background: #fff; border: 1px solid #576e99; border-radius: 100%;  } 
.relationTypeBtn input[type="radio"] + label:active:before, .relationTypeBtn input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.relationTypeBtn input[type="radio"]:checked + label:before { background: #fff; border-color: #576e99; } 
.relationTypeBtn input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 10px; left: 4px; width: 8px; height: 8px; background: #576e99; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }


.checkConfig input[type="radio"] {  /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0}
.checkConfig input[type="radio"]:checked + label {background:#d8f1ff; color:#095ebe;}
.checkConfig input[type="radio"] + label {width:100%; height:100%; display:block;  padding:0 6px; font-size:13px; background:#fff;}